/* --- Начало исправлений для главной страницы Grevir.ru --- */

/*****************************
 * GREVIR — полный CSS с нуля
 *****************************/

/* ===== Тема/переменные ===== */
:root{
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;

  --bg: #fbfbfa;           /* общий фон страницы (слегка тёплый) */
  --panel: #ffffffb8;        /* белые панели */
  --panel-soft: #fdfcfb;   /* очень мягкий фон (для контактов) */

  --text: #1f1f1f;
  --text-2: #5e5e5e;
  --muted: #8c8c8c;

  --line: #e9e6e1;         /* тонкая линия */
  --accent: #3c2900;       /* «золотистый» акцент */
  --accent-2: #b9a276;     /* акцент повыше контраста */
  --success: #2e8318;      /* WhatsApp */

  --shadow-sm: 0 2px 8px rgba(0,0,0,.06);
  --shadow-md: 0 10px 24px rgba(0,0,0,.08);

  --radius-lg: 16px;
  --radius-md: 11px;

  --sidebar-w: 260px;
  --topbar-h: 96px;        /* высота с учётом внутренних карточек */

--gold-1: #d9c7a3; /* светлый блик, мягкий золотистый */
--gold-2: #b8905c; /* основной бронзово-золотой */
--gold-3: #7a5738; /* тёмный акцент, глубина */
--gold-text-1: #967c53;
  --ink:#1a1a1a;
  --radius:10px;
  --pad-y:14px;
  --pad-x:28px;


 --sand:#F4EFE8;
 --bronze:#A98154;
  --shadow:0 10px 28px rgba(0,0,0,.08);
}




/* 1. Базовые шрифты и цвета */
body {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #333333;
    line-height: 1.6;
 background-color: #FAFAF9;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	 width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

/* 2. Заголовки */
h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #222222;

}
.category-heading-wrapper {
  margin-bottom: 32px;
  display: grid;
}

.category-heading-tech {
  display: block;
  font-size: 13px;
  color: #b5b5b5;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
  text-align: left;
  margin-bottom: 10px;
  letter-spacing:0.01em;
      text-align: center;
}

.category-heading-human {
    font-size: 29px;
    font-weight: 500;
  color: #2d2d2d;
  margin: 0;

  position: relative;

  text-align: center;
}

.category-heading-human::after {
   content: '';
  display: block;
  margin: 8px auto 0;
  width: 50px;
  height: 3px;
  background-color: #805030; /* яркий фирменный */
}
/* 3. Ссылки */
a {
    text-decoration: none;
}
a:hover {
    color: #8f6e5c;
    text-decoration: underline;
	background-color: transparent;
}

/* 4. Меню слева */
#menu .nav > li > a {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #484848;
    padding: 10px 15px;
    display: block;
}



/* 6. Заголовки в карточках (на плитках категорий) */
.autorkateg40 p {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #222;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 10px 20px;
}

/* 7. Отступы между плитками */
.autorkateg40 {
    margin: 12px;
    border-radius: 10px;
    overflow: hidden;
}

/* 8. Левое меню */
#menu .nav > li > a {
    font-size: 15px;
    font-weight: 500;
    color: #4a4a4a;
    padding: 12px 10px;
    border-left: 3px solid transparent;
    transition: all 0.3s;
}
#menu .nav > li > a:hover {
    border-left: 3px solid #bfada2;
    background-color: #f4f4f4;
    color: #222;
	padding-left: 5px;
}

/* --- Конец второй правки --- */
/* Основной блок: фон на всю ширину */
.main-hero {

  margin-left: -15px;
  margin-right: -15px;
  padding: 60px 20px;
  width: auto;
  border-radius: 0;
  padding-top: 5em;
}
.main-hero0 {

  background-size: cover;
  background-position: center;
  height: 80vh; /* на всю высоту */
  position: relative;
  min-height: 600px;
}


@media (min-width: 768px) {
  .main-hero {
    margin-left: -30px;
    margin-right: -30px;
  }
}

.main-hero-inner {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}
/* Декоративная линия */
.hero-line {
  width: 50px;
  height: 2px;
  background-color: #8f6e5c;
  margin: 0 auto 20px auto;
}

/* Заголовок */
.main-hero h1 {
      font-size: 23px;
    margin-bottom: 25px;
    padding-top: 1em;
    color: #2f2f2f;
}

/* Подзаголовок */
.main-hero p {
  font-size: 18px;
  margin-bottom: 25px;
    padding-top: 1em;
    padding-bottom: 1em;
	color: #2f2f2f;
}
.wahome1{
	background-color: #765e43;
    padding: 9px 13px;
    border-radius: 10px;
    margin-left: 5px;
}
.wahome1 a{
	color: #ede2d6;
}
.wahome0{
	display: inline-block;
    margin-bottom: 10px;
}

/* Кнопка */
.btn-hero {
background-color: #e7c197;
    color: #282828;
  border-radius: 8px;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  border: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.btn-hero:hover {
  background-color: #8f6e5c;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
  color: #ffffff;
  cursor: pointer;
}
/*gpt*/
/*кнопки */

.mystic-demo{
  min-height: 64vh;
  display:flex; gap:18px; flex-wrap:wrap; align-items:center; justify-content:center;
  background: var(--bg);
  padding:56px 24px;
}

.btn-mystic{
  position:relative;
  display:inline-flex; align-items:center; justify-content:center;
  padding: var(--pad-y) var(--pad-x);
  border-radius: var(--radius);
  font-family: "Montserrat", "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration:none; white-space:nowrap;
  transition: transform .25s ease, box-shadow .25s ease, background .35s ease, color .25s ease;
  cursor:pointer;
  overflow:hidden;
}
.btn-mystic:hover{ transform: translateY(-2px); }

/* общий блик при наведении */
.btn-mystic::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(125deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 40%);
  opacity:0;
  transition: opacity .35s ease;
}
.btn-mystic:hover::before{ opacity:1; }

/* SOLID LUXE */
.btn-solid{
  background: linear-gradient(180deg, var(--gold-1), var(--gold-2));
  color:#1a1a1a;
  border:none;
  box-shadow: 0 4px 10px rgba(0,0,0,.15);
  color: #f7f7f7;
    font-weight: 600;
}
.btn-solid:hover{ filter:brightness(1.05); }

/* OUTLINE HALO */
.btn-outline{
  background:#fff;
  border:1.5px solid var(--gold-2);
  color: var(--gold-3);
}
.btn-outline:hover{ border-color:var(--gold-1); color:var(--gold-1); }

/* GLASS MIST */
.btn-glass{
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(6px);
  border:1px solid rgba(0,0,0,.1);
  color: var(--ink);
}
.btn-glass:hover{ border-color: var(--gold-2); color: var(--gold-3); }

/* RUNE-CUT */
.btn-rune{
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  background: linear-gradient(180deg, var(--gold-1), var(--gold-3));
  color:#131313;
  border:1.5px solid var(--gold-2);
}
.btn-rune:hover{ background:linear-gradient(180deg,var(--gold-2),var(--gold-3)); }

/* DARK BUTTON */
.btn-dark{
  background: linear-gradient(180deg, #2d2d30, #1c1c1f);
  color: #f7f7f7;
  border:1.5px solid #3c3c3f;
  font-weight:600;
  box-shadow: 0 6px 14px rgba(0,0,0,.25);
}
.btn-dark:hover{ background:linear-gradient(180deg,#38383b,#222225); }

/* MATTE DARK */
.btn-dark-matte{
  background:#2b2b2d;
  color:#f1f1f1;
  border:1.5px solid #444;
}
.btn-dark-matte:hover{ background:#343437; }

/* METALLIC DARK */
.btn-dark-metal{
  background:linear-gradient(135deg,#3a3a3d 0%,#1f1f22 100%);
  color:#f0eada;
  border:1.5px solid var(--gold-3);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 4px 14px rgba(0,0,0,.35);
  font-weight:600;
  letter-spacing:0.01em;
}
.btn-dark-metal:hover{
  filter:brightness(1.12);
  background:linear-gradient(135deg,#444 0%,#1f1f22 100%);
  color:#fff;
}

/* Каменный эффект при наведении (альтернатива блику) */
.btn-mystic.stone:hover{
  background:repeating-linear-gradient(45deg,#2b2b2d 0px,#2b2b2d 4px,#333 4px,#333 8px);
  color:#e8e8e8;
}
/*кнопки конец*/



body {
	line-height: 1.5;
	width: 100%;
	font-display: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 28px;
	text-align: center;

}
h1.module-title{
	text-align: inherit;
margin-bottom: 0.5em;

}
h2 {
	font-size: 27px;
	    margin-top: 3em;

}
h3 {
font-size: 21px;
    padding: 1em 0em 0.5em;

}
.h3recom{
	    text-align: inherit;
    text-transform: unset;
    font-size: 22px;
}
h4 {
	font-size: 1.3em;
}
.caption h4{
	font-size: 12px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #a38c7f;
}
a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 21px;
	font-weight: normal;
}
.form-group label{
	font-size: 12px;
}
.form-group .control-label{
	font-size: 16px;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
	padding-top: 3em;
}
div.required .control-label:before {

}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
/* top */
#top {
	background-color: #EEEEEE;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 40px;
}
#top .container {
	padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	color: #888;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}
#top-links {
	padding-top: 6px;
}
#top-links a + a {
	margin-left: 15px;
}

#nalichie{
	display:none;
}
/* logo */
#logo {
	margin: 0 0 15px 0;
}

#logo2 {
    margin-left: -15px;
	padding-bottom: 20px;
}
#toplogo{
	display:none;
	 margin: 25px 10px 15px 10px;
}
/* search */
#search {
	margin-bottom: 10px;
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
	display: none;
}
#search .btn-lg {
	 background-color: transparent;
  color: #5a5a5a;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
#search .btn-lg:hover {
	 background-color: #f8f8f8;
  border-color: #b5b5b5;
  color: #2b2b2b;
  cursor: pointer;
}
/* cart */
#cart {
	margin-bottom: 10px;
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
.recomtovar{
	    height: 430px;
}
.fixt-r{
    display: inline-block;
    margin-bottom: 2em;
    padding: 20px;
	    background: #fcfcfc;
}
.fixt-r .html-text{
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.dopimgprod {
}
.autorkateg{
    margin-top: 6em;
    font-size: 25px;
    text-align: center;
    color: #444;
}
.autorkateg1{
padding-top: 0;
    padding-bottom: 3em;
    font-size: 18px;
    text-transform: lowercase;
	    color: #919191;
}
.autorkateg2{
	font-size: 14px;
    text-align: center;
    display: inline-flex;
}
.autorkateg2 p{
	    margin-bottom: 20px;
    padding: 0em 4em;
    width: 33%;
}
.autorkateg3{
	    font-size: 23px;
    margin-top: 2em;
    margin-bottom: 15px;
}
.autorkateg4{
	text-align: center;
    padding-bottom: 3em;
    display: flex;
	    font-size: 13px;
}
.autorkateg40{
       width: 24%;
    display: inline-block;
    height: 20em;
    padding: 10px;
    margin: 8px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}
.autorkateg40 img{
	width: -webkit-fill-available;
    opacity: 0.5;
    height: -webkit-fill-available;
}
.autorkateg40 p{
     background: #ffffffc7;
    margin-top: 50%;
    box-shadow: 1px 1px 0px #ffffff;
    color: #000;
    padding: 12px 22px;
    height: 73px;
    line-height: 1.2;
    font-size: 14px;
}
.autorskc1{
    background-image: url(/image/catalog/uslugi/avtorskie/1.jpg);
}
.autorskc2{
	 background-image: url(/image/catalog/uslugi/avtorskie/2.jpg);
}
.autorskc3{
	 background-image: url(/image/catalog/uslugi/avtorskie/3.jpg);
}
.autorskc4{
	  background-image: url(/image/catalog/uslugi/avtorskie/4.jpg);
}
.autorskc5{
	  background-image: url(/image/catalog/uslugi/avtorskie/5.jpg);
}
.autorskc6{
	  background-image: url(/image/catalog/uslugi/avtorskie/6.jpg);
}

.autorskc7{
	  background-image: url(/image/catalog/uslugi/avtorskie/7.jpg);
}
.autorskc8{
	  background-image: url(/image/catalog/uslugi/avtorskie/8.jpg);
}
.autorskc9{
	  background-image: url(/image/catalog/uslugi/avtorskie/9.jpg);
}
.autorskc10{
	  background-image: url(/image/catalog/uslugi/avtorskie/10.jpg);
}
.autorskc11{
	  background-image: url(/image/catalog/uslugi/avtorskie/11.jpg);
}
.autorskc12{
	  background-image: url(/image/catalog/uslugi/avtorskie/12.jpg);
}
.autorkateg30{
	    text-align: center;
    font-size: 40px;

    color: #bfada2;

}
.autorkateg300{
	padding-top: 3em;
}
.autorkateg301{
	text-align: center;
    padding-bottom: 2em;
}

.spisok {
    font-size: 19px;
    padding: 1em;
    display: inline-block;
    color: #5e5e5e;

    background: #efefef;
    margin: 2em;
	margin-top: 5em;
}
.spisok .fa {
	    font-size: 19px;
    color: #bfada2;
}
.spisok3{
	    font-size: 17px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 1em;
    width: 35%;
    padding: 20px;
    background: #bfada2;
}
.spisok4{
	display: block;
    width: 25%;
	    padding: 20px;

}
.spisok2{
    display: flex;
}
.spisok310{
	color: #b3b3b3;
}
.spisok31{
	text-transform: uppercase;
	    font-size: 14px;
}
.spisok31 .fa{
	color: #bfada2;
    padding-right: 10px;
    font-size: 16px;
}
.spisok5{

}
.spisok51{
	    font-size: 22px;
    background: #efefef;
    display: inline-block;
    padding: 15px;
    margin: 1em;
}
.spisok52{
	    color: #a38c7f;
    font-size: 21px;
    display: contents;

}
.spisok53{
	    font-size: 15px;
}
.featuredhome{
	margin-bottom: 2em;
}
.onas21 li{
    width: 24%;
    margin: 5px;
    list-style-type: none;
}
.onas21{
	display: flex;
    text-align: center;
	    padding: 0;
}
.onas212{
	    font-size: 35px;
}
.onas1{
	text-align: center;
    padding-bottom: 20px;
}
.onas211{
	margin: 5px;
    display: flex;
    text-align: center;
    margin-top: 5em;
}
.onas211 li{
	width: 50%;
    margin: 5px;
    list-style-type: none;
}
.onasdiv{
	    background: #eee;
    padding: 4em 0;
}
.onas213{
	    width: 80%;
    padding-left: 20%;
}
.dostavka{
	    color: #bfada2;
}
.dostavka5{
	color: #bfada2;
}
.dostavka2{
	font-size: 19px;
    margin-top: 4em;
    margin-bottom: 0em;
}
.dostavka3, .dostavka7{
	padding: 0;
    display: flex;
}
.dostavka3 li, .dostavka7 li{
    width: 23%;
    background: #eee;
    padding: 15px;
    margin: 5px;
    display: flex;
    text-align: center;
    font-size: 14px;
}
.dostavka1a{
	background: #c9bbb2;
    color: #fff;
    padding: 15px;
    width: fit-content;
    margin-top: 20px;
}
.dostavka4{
	color: #979797;
	    margin-bottom: 1em;
}
.priceforsale{
	    font-size: 15px;
    background: #eee;
    padding: 15px 0;
	    margin-top: 10px;
}
.priceforsale1{
	    font-size: 16px;
    font-weight: 600;
}
.priceoldsale{
	font-size: 17px;
}

/* menu */
.mobile{
	display:none;
}
#menu {
  background-color: #F5F5F4;
    position: fixed;
    width: 14%;
    height: 100%;
    z-index: 99;
    margin-left: -15px;
    padding-left: 15px;
}
#menu .nav > li > a {
	color: #4b403a;
	position: inherit;
	padding: 0.2em 1.1em 0.7em 0em;
    min-height: 1em;
	background-color: transparent;
}
.custom_banner .fa{
	font-size: 20px;
    padding-bottom: 6px;
    color: #bfada2;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
  background-color: #e6e2db;
  color: #1f1a17;
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
.bottomtextcateg{
    padding: 3em;
    background: #f7f5f2;
    margin-top: 4em;
}
.bottomtextcateg p{
    font-size: 15px;
    line-height: 1.7;
    color: #333333;
    margin-bottom: 1.2em;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
}
@media (max-width: 768px) {
  p {
    font-size: 14px;
    line-height: 1.6;
  }
}

.bottomtextcateg div, .bottomtextcateg ul{
	    width: 60%;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}
.menu_home_top{
	    text-align: center;

}

.ul_men_top{
	display: block;
    margin: 13px 0px 0px;
}

.ul_men_top li{
	display: inline;

	    margin: 0.5em;
}

.ul_men_top a{
	font-size: 1.2em;
    color: #484848;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;

}
.ul_men_top a:after{
	  background-color: #954040;
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    left:50%;
    position:absolute;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
	    opacity: 0.6;
}
.ul_men_top a:hover:after, a:focus:after{

    width: 100%;

}

.autocalc-product-price{
	text-align: center;
       display: inline-block;
}
.itog-price{
	    font-size: 16px;
    display: inline-block;
    margin-right: 27px;
    color: #50473c;
}

.maps1{
	display:flex;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}

.popup {
    top: 25%;
    left: 0;
    right: 0;
    font-size: 14px;
    margin: auto;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
.close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 131, 119, 0.9);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;

}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 14px;

    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}




















/*мобильное меню*/
.mobile_menu_overlay {
  display: none;
  position: fixed;
  z-index: 999;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.menu-close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}
.mobile_menu_container {
  background: #fff;
  width: 100%;
  max-width: 320px;
  box-shadow: 2px 0 10px rgba(0,0,0,0.1);
  height: 100vh;
  overflow-y: auto;
  font-family: 'Inter', sans-serif;
}

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

.mobile_menu_content li {
  border-bottom: 1px solid #eee;
}

.mobile_menu_content a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  text-decoration: none;
  font-size: 15px;
  color: #111;
  font-weight: 500;
  transition: background 0.2s ease;
}

.mobile_menu_content a:hover {
  background: #f9f9f9;
}

.mobile_menu_content .parent::after {
  content: '›';
  font-size: 16px;
  color: #999;
}

.mobile_menu_content .back {
  font-weight: 600;
  color: #444;
}

.mobile_menu_content .back i {
  margin-right: 8px;
}

.mobile_menu_overlay {
  background: rgba(0,0,0,0.4);
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 99;
}

.mobile_menu_container {
  position: fixed;
  top: 0; left: 0;
  z-index: 100;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}

.mobile_menu_container.loaded {
  transform: translateX(0);
}
.mobile_menu_overlay, .mobile_menu_container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mobile_menu_overlay {
	z-index: 10200;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	display: none;
}
.mobile_menu_container {
	z-index: 10201;
	background: #fff;
	width: 300px;
	overflow: hidden;
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
	transition: all 200ms;
}
.mobile_menu_container.loaded {
	transform: translateX(0);
}
.mobile_menu_container .mobile_menu_content {
	overflow: auto;
	max-height: 100%;
	padding-bottom: 30px;
}
.mobile_menu_container ul li {
	list-style: none;
	border-bottom: 1px solid #eee;
}

.mobile_menu_container ul li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 18px;
	font-size: 15px;
	color: #222;
	text-decoration: none;
	transition: background 0.2s;
}

.mobile_menu_container ul li a:hover {
	background: #f5f5f5;
}

.mobile_menu_container ul li a.parent::after {
	content: '›';
	color: #999;
	font-size: 18px;
	margin-left: auto;
}

.mobile_menu_container ul li a.back::before {
	content: '←';
	color: #666;
	margin-right: 10px;
}
.logoleftmenu {
	margin: 20px 0 30px 20px;
}

.logoleftmenu0 {
	border-bottom: 1px solid #d7d7d7;
	margin: 0 20px;
}

.logoleftmenu1,
.logoleftmenu2,
.logoleftmenu3 {
	padding: 20px;
}
.mobile_menu_container ul li ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transform: translateX(100%);
	transition: transform 0.3s ease;
	z-index: 2;
}
.mobile_menu_container ul li ul.loaded {
	transform: translateX(0);
}
.logoleftmenu3 {
  background: #f7f4f1;
  padding: 20px 15px;
  border-top: 1px solid #ddd;
  text-align: center;
}

.logoleftmenu3 .logoleftmenu31 {
  display: block;
  color: #111;
  font-size: 16px;
  margin: 10px 0;
  font-weight: bold;
}

.logoleftmenu3 .logoleftmenu32 {
  display: inline-block;
  margin: 8px 10px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px dashed #999;
}

.logoleftmenu3 .logoleftmenu32:hover {
  color: #000;
  border-bottom: 1px solid #000;
}
.logoleftmenu2 {
  margin-top: 20px;
  padding: 0 15px;
  border-top: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.logoleftmenu2 .fa {
  font-size: 18px;
  color: #555;
}

.logoleftmenu2 a {
  color: #333;
  font-size: 14px;
  text-decoration: none;
}
/*закрепить верхнее меню */
.header {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}


.header-contacts,
.menu-button,
.search-button {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 400;
}
.header-contacts {
  display: flex;
  gap: 10px;
  font-size: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.header-contacts a {
  color: #333;
  text-decoration: none;
}
.header-contacts i {
  margin-right: 5px;
}


.mobile-logo-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #ddd;
  background: #fff;
}

.mobile-logo-icon {
  height: 40px;
  width: auto;
  margin-bottom: 8px;
}

.mobile-logo-text {
  text-align: center;
  line-height: 1.2;
}

.mobile-logo-title {
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}
.mobile-logo-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #e2e2e2;
  background: #fff;
}

.mobile-logo-icon {
  width: 40px;
  height: auto;
  margin-bottom: 4px;
}

.mobile-logo-text {
  text-align: center;
  line-height: 1.2;
}

.mobile-logo-title {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 16px;
  color: #111;
}

.mobile-logo-subtitle {
  font-family: 'Roboto Slab', serif;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #777;
}
.mobile-logo-subtitle {
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
}
 .logo-title {
  font-family: 'Playfair Display', serif;
}

.logo-block {
  display: flex;
  align-items: center;
  gap: 10px;
margin-left: 20%;
}

.logo-icon {
  height: 40px;
  width: auto;
}

.logo-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #000;
}

.logo-title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.logo-subtitle {
  font-size: 11px;
  letter-spacing: 0.5px;
    white-space: nowrap;
  line-height: 1.2;
  margin-top: -4px;
}
.btn-contact.whatsapp {
  border: 1px solid #638b2d;      /* фирменный зелёный */
  color: #638b2d;
  background: transparent;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.btn-contact.whatsapp:hover {
  background-color: #25D366;
  color: white;
}
/* Чтобы строка с логотипом нормально центрировалась */
.container-fluide.mobile .row {
  display: flex;
  align-items: center;
}

/*поиск*/
.header-search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  background: #f1f1f1;
  border-radius: 50%;
  color: #555;
  font-size: 16px;
  transition: background 0.2s ease;
  margin-left: 10px;
   opacity: 0.5;
  font-size: 16px;
  margin-left: auto;
  margin-right: 15px;
  color: #000;
}

.header-search-btn:hover {
  background: #e0e0e0;
  color: #222;
    opacity: 1;
}


/*меню*/
.header-contacts .contact-button {
  display: inline-block;
  background-color: #e5d8cf; /* мягкий, светлый фон */
  color: #5b493d;
  padding: 6px 14px;
  border-radius: 6px;
  text-align: center;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease;
  margin-top: 4px;
}

.header-contacts .contact-button:hover {
  background-color: #5b493d;
  color:#fff;
}

.header-contacts .contact-button .contact-title {
  display: block;
  font-size: 14px;
  margin-bottom: 2px;
}

.header-contacts .contact-button .contact-sub {
  font-size: 12px;
  opacity: 0.85;
  color: #a38c7f;
}
.header-menu-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #444;
  cursor: pointer;
  padding: 6px 10px;
  transition: color 0.2s ease;
}

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

.header-menu-btn:hover {
  color: #000;
}
.contact-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 10px 0;
  font-size: 14px;
  margin: 5px 0px 5px 30px;
}

.contact-info i.fa {
  color: #b89c8a;
  font-size: 16px;
  margin-right: 4px;
}

.phone-number {
  font-weight: 700;
  color: #000;
  text-decoration: none;
}

.phone-number:hover {
  color: #a07866;
}

.btn-contact {
  background: #cdbfb7;
  color: #fff;
  padding: 6px 12px;
  font-size: 13px;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.btn-contact:hover {
  background: #a07866;
}
.btn-contact {
  border: 1px solid #aaa;
  color: #333;
  background: transparent;
}
.btn-contact:hover {
  background: #eee;
}

.header-links {
  display: flex;
  gap: 12px;
}

.header-links a {
  color: #333;
  text-decoration: none;
  font-size: 14px;
}

.header-links a:hover {
  color: #a07866;
}
/*конец мобильное меню */








/*блог на сайте*/
.blogpopp{
	padding-top: 1em;
    display: inline-block;
}
.blog-image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 20px 0;
}

.blog-image-item {
  width: calc(33.333% - 13.33px);
  text-align: center;
}

.blog-image-item img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.blog-image-item p {
  margin-top: 8px;
  font-size: 14px;
  color: #333;
}
 .image-row {
display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 15px 0;
    flex-direction: row;
  }

  .image-row img {
    max-width: 100%;
    height: auto;
    flex: 1 1 calc(33% - 10px);
  }

  @media (max-width: 768px) {
    .image-row img {
      flex: 1 1 100%;
    }
	.image-row {
    gap: 0px;
}
  }
.article-body img {
  cursor: zoom-in;
  transition: transform 0.3s ease;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  margin: 20px auto;
  display: block;
  max-width: 100%;
  height: auto;
}
.article-body img:hover {
  transform: scale(1.02);
}

.article-body p img,
.article-body div img {
  display: inline-block;
  width: calc(100% - 10px)!important;
  margin: 10px 5px;
  vertical-align: top;
}
.subcateg-name.active {
  font-weight: bold;
  color: #000;
}

.subcateg-name.child {
  display: block;
  padding-left: 16px;
  font-size: 90%;
}.blog-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
      margin-bottom: 4em;
}

.blog-category-item {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #dedede;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.blog-category-item a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  display: block;
}

.blog-category-item:hover {
  background: #f5f2ee;
}

.blog-category-item.active {
    background: #bfada2;
    border-color: #bfada2;
}

.blog-category-item.active a {
  color: #fff;
}

.blog-subcategories {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}

/* Стили для подкатегорий */
.blog-category-item.child,
.blog-category-item.subchild {
  background: #f8f6f3;
  border: 1px solid #e0ddd6;
  padding: 8px 16px;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

.blog-category-item.child a,
.blog-category-item.subchild a {
  color: #333;
  font-size: 90%;
}

.blog-category-item.child.active,
.blog-category-item.subchild.active {
  background: #d5c2a3;
  border-color: #d5c2a3;
}

.blog-category-item.child.active a,
.blog-category-item.subchild.active a {
  color: #fff;
}
.bloggrev-list {
  margin-bottom: 30px;
  display: flex;

}

.bloggrev-thumb {
  display: flex;
  flex-direction: column;
  background: #fdfcfb;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
  height: 100%;
    width: 100%; /* Добавлено для устранения смещения */
	min-height: 100%;

}

.bloggrev-thumb:hover {
  transform: translateY(-5px);
}
.bloggrev-image{
	height: 220px;
overflow: hidden;
flex-shrink: 0;
}

.bloggrev-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.bloggrev-caption {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-top: auto;
}

.bloggrev-title a {
  font-size: 20px;
  font-weight: 600;
  color: #2c2c2c;
  text-decoration: none;
  transition: color 0.2s;
}

.bloggrev-title a:hover {
  color: #bfada2;
}

.bloggrev-description {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  margin: 15px 0;
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bloggrev-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.bloggrev-buttons button {
  background: #bfada2;
  color: #fff;
  border: none;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.bloggrev-buttons button:hover {
  background: #a89383;
}

.bloggrev-buttons i {
  margin-right: 6px;
}

.bloggrev-rating {
  margin-bottom: 10px;
}

/*все формы памятников*/
.formw-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  margin-top: 32px;
}

.formw-card {
  display: block;
  text-align: center;
  padding: 16px;
  border-radius: 12px;
  background-color: #f9f9f9;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.formw-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}

.formw-card img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 12px;
}

.formw-card h3 {
  font-size: 18px;
  color: #805030;
  margin: 0 0 6px;
}

.formw-card p {
  font-size: 14px;
  color: #555;
  margin: 0;
}




/*блок с номером*/
.formw-help-block {
  background: #f9f8f6;
  padding: 40px 20px;
  margin-top: 60px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
  text-align: center;
}

.formw-help-container {
  max-width: 900px;
  margin: 0 auto;
}

.formw-help-block h2 {
  font-size: 28px;
  margin-bottom: 16px;
  color: #333;
  font-weight: 700;
}

.formw-help-block p {
  font-size: 18px;
  color: #555;
  margin-bottom: 30px;
}

.formw-help-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.formw-help-btn {
  background: #b49789;
  color: white;
  padding: 12px 20px;
  font-size: 16px;
  border-radius: 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
}

.formw-help-btn:hover {
  background: #a67c52;
  color: #fff;
}

.faq-block {
  background: #f9f8f6;
  padding: 60px 20px;
  border-radius: 16px;
  margin-top: 60px;
  text-align: left;
}

.faq-block h2 {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  text-align: center;
  margin-bottom: 40px;
}

.faq-list {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.faq-item {
  background: white;
  padding: 20px 24px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}

.faq-question {
  font-size: 18px;
  font-weight: 600;
  color: #805030;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.faq-answer {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
}

/*конец все формы памятников*/


/*популярные статьи модуль*/
.bloggrev-popular-thumb {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
  height: 100%;
}

.bloggrev-popular-thumb:hover {
  transform: translateY(-4px);
}

.bloggrev-popular-thumb .image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.bloggrev-popular-caption {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.bloggrev-popular-caption h4 a {
  font-size: 16px;
  font-weight: 600;
  color: #2c2c2c;
  text-decoration: none;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 12px;
  min-height: 3.2em;
}

.bloggrev-popular-caption h4 a:hover {
  color: #bfada2;
}

.bloggrev-popular-buttons {
  padding: 0 16px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bloggrev-popular-buttons button {
  background: #bfada2;
  color: #fff;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.2s;
}

.bloggrev-popular-buttons button:hover {
  background: #a89383;
}

.bloggrev-popular-buttons i {
  margin-right: 4px;
}
.bloggrev-popular-thumb .image {
  height: 200px;
  overflow: hidden;
}

.bloggrev-popular-thumb .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- Блок стилизации текста статьи --- */
.article-body {

}

.article-body h2,
.article-body h3 {
  margin-top: 32px;
  margin-bottom: 16px;
  font-weight: 600;
  color: #1e1e1e;
}

.article-body p {
  margin-bottom: 18px;
}

.article-body blockquote {
  margin: 20px 0;
  padding-left: 20px;
  border-left: 4px solid #bfada2;
  color: #6c6c6c;
  font-style: italic;
}

.article-body ul,
.article-body ol {
  margin: 16px 0 16px 24px;
}

@media (max-width: 768px) {
  .article-body {
    padding: 24px;
    font-size: 15px;
  }
  .main-hero0{
	        margin-left: -14px;
        margin-top: -6px;
        display: block;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  }

}

@media (max-width: 480px) {
  .article-body {
    padding: 16px;
    font-size: 14.5px;
  }
}
/*конец блог */













/*пагнация*/
.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 24px 0;
  list-style: none;
  padding: 0;
}

.pagination li {
  display: inline-block;
}

.pagination li a,
.pagination li span {
  display: inline-block;
  padding: 8px 14px;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #ddd;
  text-decoration: none;
  transition: all 0.2s ease;
}

.pagination li a:hover {
  background-color: #bfada2;
  color: #fff;
  border-color: #bfada2;
}

.pagination li.active span {
  background-color: #bfada2;
  color: #fff;
  font-weight: 600;
  cursor: default;
  border-color: #bfada2;
}
/*конец пагинация*/



/*раздел УСЛУГИ */
.trust-highlights {
  background-color: #f9f9f9;
  padding: 20px 25px;
  border-left: 4px solid #805030;
  margin: 30px 0;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.6;
}

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

.trust-highlights li {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.trust-highlights li i {
  color: #a67c52;
  margin-right: 10px;
  font-size: 18px;
}

.full-service-block {
  background-color: #e5d8cf;
  padding: 30px;
  border-radius: 10px;
  margin-top: 40px;
}

.full-service-block h3 {
  margin-top: 0;
  font-size: 22px;
  font-weight: 600;
}

.full-service-block p {
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.6;
}

.full-service-block .button {
  display: inline-block;
  background-color: #a67c52;
  color: #fff;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.3s;
}

.full-service-block .button:hover {
  background-color: #444;
}
@media (max-width: 768px) {
  .trust-highlights {
        padding: 15px;
        font-size: 13px;
  }

  .trust-highlights li {
    flex-wrap: wrap;
  }

  .trust-highlights li i {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .full-service-block {
    padding: 20px;
  }

  .full-service-block h3 {
    font-size: 20px;
  }

  .full-service-block p {
    font-size: 15px;
  }

  .full-service-block .button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px;
    font-size: 16px;
  }
}
.section.bg-light {
  background-color: #f9f4f1;
  padding: 40px 20px;
  margin-bottom: 40px;
  border-radius: 12px;
}

.section.bg-light h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #2c2c2c;
}

.section.bg-light p {
  font-size: 16px;
  line-height: 1.6;
  color: #4b4b4b;
  margin-bottom: 16px;
}

.benefits-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 20px;
  margin-bottom: 16px;
}

.benefits-list div {
  flex: 1 1 220px;
  font-size: 15px;
  color: #3c3c3c;
  display: flex;
  align-items: center;
  gap: 10px;
}

.benefits-list i {
  color: #a67c52;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .section.bg-light {
    padding: 30px 16px;
  }

  .section.bg-light h2 {
    font-size: 20px;
    line-height: 1.3;
  }

  .section.bg-light p {
    font-size: 15px;
  }

  .benefits-list {
    flex-direction: column;
    gap: 12px;
  }

  .benefits-list div {
    font-size: 14px;
    padding-left: 4px;
	flex: 1 1 45px;
  }

  .benefits-list i {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .section.bg-light h2 {
    font-size: 18px;
  }

  .section.bg-light p {
    font-size: 14px;
  }

  .benefits-list div {
    font-size: 13.5px;
  }
}
.consultation-section {
  background-color: #fdf8f4;
  padding: 60px 20px;
  border-radius: 16px;
  margin-bottom: 50px;
  box-shadow: 0 0 8px rgba(150, 130, 100, 0.08);
  border: 1px solid #e5d8cf;
}

.consultation-content {
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Arial', sans-serif;
  color: #333;
}

.consultation-content h2 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #4a3525;
}

.consultation-content p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.consultation-benefits {
  list-style: none;
  padding-left: 0;
  margin-bottom: 40px;
}

.consultation-benefits li {
  font-size: 16px;
  margin-bottom: 12px;
  color: #5a4638;
}

.consultation-benefits i {
  color: #a67c52;
  margin-right: 10px;
}

.consultation-offer {
  background: #fff5ef;
  padding: 20px 24px;
  border-left: 4px solid #805030;
  border-radius: 10px;
}

.consultation-offer h3 {
  font-size: 18px;
  color: #5c3d2a;
  font-weight: 600;
  margin-bottom: 12px;
}

.consultation-offer i {
  margin-right: 8px;
  color: #b49789;
}

.consultation-offer p {
  margin-bottom: 20px;
  font-size: 15px;
}

.btn-premium {
  background-color: #805030;
  color: #fff;
  padding: 10px 24px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  display: inline-block;
  transition: background-color 0.3s;
}

.btn-premium:hover {
  background-color: #5e3921;
}

.btn-premium i {
  margin-right: 8px;
}

/* Адаптация */
@media (max-width: 600px) {
  .consultation-content h2 {
    font-size: 20px;
  }

  .btn-premium {
    font-size: 14px;
    width: 100%;
    text-align: center;
  }
}
.bundle-offer-block {
  background-color: #f1e6df;
  padding: 32px 24px;
  border-radius: 12px;
  margin-top: 30px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.bundle-offer-block h3 {
  font-size: 20px;
  margin-bottom: 14px;
  color: #4a3525;
}

.bundle-offer-block p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 18px;
  color: #333;
}

.btn-grevir {
  display: inline-block;
  background-color: #805030;
  color: #fff;
  padding: 10px 22px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  transition: background-color 0.3s;
}

.btn-grevir:hover {
  background-color: #5e3921;
}
/*конец раздела услуги*/





/*товары карточка*/

.prudflex{
	display: flex;
}
.prodd-section-title {
  font-size: 18px;
  font-weight: 600;
  margin: 24px 0 12px;
  color: #3b2f28;
  display: flex;
  align-items: center;
  gap: 8px;
}

.prodd-icons-block {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 12px;
}

.prodd-icon-item {
  flex: 1 1 calc(33.333% - 16px);
  background: #fafafa;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 16px;
  text-align: left;
  transition: 0.2s ease;
  position: relative;
  box-sizing: border-box;
}
.included{
	  background: #efe7e2;
}

.prodd-icon-item:hover {
  box-shadow: 0 0 0 2px #e5d6c3;
}

.prodd-icon-item i {
  font-size: 20px;
  color: #8d5f3c;
  margin-bottom: 10px;
  display: inline-block;
}

.prodd-icon-item h4 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  color: #3b2f28;
}

.prodd-icon-item p {
  margin: 0;
  font-size: 14px;
  color: #555;
  line-height: 1.4;
}

.prodd-tag {
  display: inline-block;
  background: #e0cfc2;
  color: #442d1f;
  font-size: 11px;
  padding: 3px 6px;
  border-radius: 5px;
  margin-top: 8px;
}

/* ✅ Планшеты (до 991px) — 2 в ряд */
@media (max-width: 991px) {
  .prodd-icon-item {
    flex: 1 1 calc(50% - 16px);
  }
}

/* ✅ Мобилки (до 600px) — 1 в ряд */
@media (max-width: 600px) {
  .prodd-icon-item {
    flex: 1 1 100%;
  }

  .prodd-section-title {
    font-size: 16px;
    gap: 6px;
  }

  .prodd-icon-item i {
    font-size: 18px;
  }

  .prodd-icon-item h4 {
    font-size: 15px;
  }

  .prodd-icon-item p {
    font-size: 13px;
  }
}

.prodd-sticky-photo {
  position: sticky;
  top: 40px;
  align-self: flex-start;
  z-index: 1;
}

@media (max-width: 991px) {
  .prodd-sticky-photo {
    position: static;
  }
}


.prodd-info-box {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
  margin-bottom: 32px;
}

.prodd-info-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
}

.prodd-info-heading {
  font-size: 18px;
  font-weight: 600;
  color: #3f3f3f;
  padding: 0 0 16px;
  background: none !important;
  border: none !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.prodd-info-heading i {
  color: #a1724e;
  font-size: 20px;
}

.prodd-info-table td {
  background: #f9f9f9;
  border: none;
  padding: 12px 16px;
  border-radius: 6px;
}

.prodd-info-table tbody tr + tr td {
  border-top: 1px solid #eee;
}

@media (max-width: 768px) {

  .prodd-info-box {
    padding: 16px;
  }

  .prodd-info-heading {
    font-size: 16px;
  }
}

.prodd-price-box {
  margin-top: 20px;
  margin-bottom: 20px;
}

.prodd-price-single {
  font-size: 18px;
  color: #333;
}

.prodd-price-label {
  font-weight: 500;
  margin-right: 6px;
  color: #5c4332;
}

.prodd-price-value {
  font-weight: 600;
  font-size: 20px;
  color: #2d1e14;
}

.prodd-price-old {
  font-size: 17px;
  color: #aaa;
  text-decoration: line-through;
  margin-bottom: 5px;
}

.prodd-price-new {
  background: #f7f3f0;
  border-left: 4px solid #a77c5a;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 500;
  color: #2e1c12;
}

.prodd-price-sale-label {
  font-size: 14px;
  color: #7d5b45;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
}

.prodd-price-sale {
  font-size: 22px;
  font-weight: 700;
  color: #2e1c12;
}
/* Общий стиль блока опций */
#product .form-group {
  margin-bottom: 20px;
}

/* Подписи */
#product .control-label {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 8px;
  display: block;
}

/* Селекты и инпуты */
#product select.form-control,
#product input.form-control,
#product textarea.form-control {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 15px;
  width: 100%;
  box-shadow: none;
  transition: border-color 0.3s ease;
}

#product select.form-control:focus,
#product input.form-control:focus,
#product textarea.form-control:focus {
  border-color: #a1835d;
  outline: none;
}

/* Радио и чекбоксы */
#product .radio,
#product .checkbox {
  margin-bottom: 10px;
  font-size: 15px;
}

/* Стили кнопки загрузки файла */
#product .btn-default {
  background-color: #eee;
  border-radius: 6px;
  padding: 10px;
  font-weight: 500;
  transition: background 0.3s ease;
}

#product .btn-default:hover {
  background-color: #ddd;
}

.recomtov-wrapper {
  margin-top: 40px;
}
.recomtov-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
.recomtov-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.recomtov-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  padding: 15px;
  width: calc(25% - 20px);
  text-align: center;
  transition: all 0.3s ease;
}
.recomtov-card img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin-bottom: 10px;
}
.recomtov-name {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1.3em;
  max-height: 2.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recomtov-price {
  font-size: 15px;
  font-weight: bold;
  color: #222;
  margin-bottom: 8px;
}
.recomtov-btn {
  display: inline-block;
  padding: 8px 16px;
  background: #e5d2c5;
  color: #000;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
}
.recomtov-showmore-wrapper {
  text-align: center;
  margin-top: 20px;
}
.recomtov-showmore {
  background: #e5d2c5;
  border: none;
  padding: 10px 20px;
  font-weight: bold;
  border-radius: 8px;
  cursor: pointer;
}
.hidden-by-default {
  display: none;
}
.recomtov-subtitle {
  text-align: center;
  font-size: 16px;
  max-width: 800px;
  margin: 0 auto 30px;
  color: #555;
  line-height: 1.5;
}
.recomtov-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto 20px;
  padding: 14px 20px;
  background: #fef9f5;
  border-left: 5px solid #c49a6c;
  border-radius: 8px;
  font-size: 15px;
  color: #2c2c2c;
  gap: 14px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  border: 1px solid #e0c4a4;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.recomtov-badge-icon {
  font-size: 22px;
  color: #c49a6c;
  flex-shrink: 0;
}


/* Десктоп: 4 в ряд */
.recomtov-card {
  width: calc(25% - 20px);
}

/* Планшеты (макс 991px) — 4 в ряд */
@media (max-width: 991px) {
  .recomtov-card {
    width: calc(25% - 16px);
  }
}

/* Маленькие планшеты и горизонтальные смартфоны (макс 767px) — 2 в ряд */
@media (max-width: 767px) {
  .recomtov-card {
    width: calc(50% - 12px);
  }
}

/* Мобильные телефоны (макс 480px) — 2 в ряд, чуть больше отступы */
@media (max-width: 480px) {
  .recomtov-card {
    width: calc(50% - 10px);
  }
}



/*описание в карточке*/
.recomtov-description-wrapper {
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}

.recomtov-description {
  background: #fffdfc;
  padding: 24px 28px;
  border-left: 5px solid #c49a6c;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  font-size: 15.5px;
  color: #5b4733;
  line-height: 1.7;
}

.recomtov-description p {
  margin-bottom: 12px;
}

.recomtov-divider {
  margin-top: -5px;
  overflow: hidden;
  line-height: 0;
}

.recomtov-divider svg {
  display: block;
  width: 100%;
  height: 40px;
}
.recomtov-top-divider {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}
.recomtov-top-divider::before,
.recomtov-top-divider::after {
  content: '';
  display: inline-block;
  width: 35%;
  height: 1px;
  background: #e3d7c9;
  vertical-align: middle;
  margin: 0 10px;
}
.recomtov-top-divider span {
  color: #c49a6c;
  font-size: 16px;
}
.recomtov-note {
  font-size: 14px;
  color: #95806a;
  margin-top: 13px;
  text-align: center;
  opacity: 0.8;
}
.divider-with-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0;
}

.divider-with-dot hr {
  flex: 1;
  border: none;
  border-top: 1px solid #e0d4c4;
}

.divider-with-dot .dot {
  width: 6px;
  height: 6px;
  background-color: #a87c4f;
  border-radius: 50%;
  margin: 0 12px;
}
#tab-description-title {
  font-size: 20px;
  font-weight: 600;
  color: #5e4431;
  margin-bottom: 16px;
}

/* Уменьшаем отступы и делаем верстку одноколоночной на планшетах */
@media (max-width: 1025px) {
  .prudflex {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .prudflex > .col-sm-6,
  .prudflex > .col-sm-6.col-lg-6 {
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
  }

  .prodd-sticky-photo {
    display: flex;
    justify-content: center;
  }

  .prodd-sticky-photo img {
    max-width: 100%;
    height: auto;
  }

  .opustit-butt {
    margin-top: 20px;
    font-size: 22px;
    text-align: center;
  }

  ul.list-unstyled {
    font-size: 15px;
    padding: 0 10px;
  }
}

/* Адаптация под мобильные — до 768px */
@media (max-width: 768px) {
  .opustit-butt {
    font-size: 20px;
  }

  ul.list-unstyled li {
    font-size: 14px;
    line-height: 1.4;
  }

  .prodd-sticky-photo {
    padding: 0;
  }
}

/* Очень маленькие экраны (до 480px) */
@media (max-width: 480px) {
  .opustit-butt {
    font-size: 18px;
    text-align: left;
  }

  ul.breadcrumb {
    font-size: 13px;
  }

  .button_back {
    margin-bottom: 10px;
    width: 100%;
  }
}

.seotagsrpd {
  margin-top: 20px;
}

.seotagsrpd1 {
  font-size: 14px;
  color: #805030;
}

.tag-link {
  background: #f9f8f6;
  padding: 3px 8px;
  border-radius: 12px;
  margin: 0 3px;
  display: inline-block;
  color: #7e7e7e;
  text-decoration: none;
  transition: 0.3s;
  font-weight: 300;
}

.tag-link:hover {
  background: #e5d8cf;
  color: #805030;
}
/*конец товары*/


/*почему выбирают нас*/
.grevir-steps {
  background: #f9f7f4;
  padding: 80px 20px;
  margin-top: 60px;
  text-align: center;
}

.grevir-steps__title {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.grevir-steps__subtitle {
  font-size: 16px;
  color: #777;
  margin-bottom: 30px;
}

.grevir-steps__line {
  width: 60px;
  height: 2px;
  background: #d4b89f;
  margin: 0 auto 40px;
}

.grevir-steps__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.grevir-step {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.04);
  padding: 25px;
  flex: 1 1 220px;
  max-width: 270px;
  transition: all 0.3s ease;
}

.grevir-step:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.06);
}

.grevir-step__icon {
  height: 50px;
  margin-bottom: 15px;
  opacity: 0.7;
}

.grevir-step__title {
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 16px;
  color: #3c3c3c;
}

.grevir-step p {
  font-size: 14px;
  margin: 5px 0;
  color: #5f5f5f;
}

.grevir-cta {
  margin-top: 40px;
  text-align: center;
}

.grevir-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #d8bba3, #c89f7a);
  color: white;
  padding: 14px 24px;
  font-size: 16px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  box-shadow: 0 4px 10px rgba(200, 159, 122, 0.3);
}

.grevir-cta__btn:hover {
  background: linear-gradient(135deg, #c89f7a, #b6855f);
}

.grevir-cta__btn i {
  font-size: 18px;
}

.grevir-cta__note {
  margin-top: 10px;
  font-size: 14px;
  color: #555;
}
/* Планшеты: до 1025px */
@media (max-width: 1025px) {
  .grevir-steps {
    padding: 40px 15px;
  }

  .grevir-steps__title {
    font-size: 24px;
  }

  .grevir-steps__subtitle {
    font-size: 15px;
    max-width: 90%;
    margin: 0 auto 30px;
  }

  .grevir-steps__grid {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .grevir-step {
    max-width: 100%;
    width: 100%;
  }

  .grevir-cta__btn {
    font-size: 15px;
    padding: 12px 20px;
  }
}

/* Мобильные: до 768px */
@media (max-width: 768px) {
  .grevir-steps {
    padding: 30px 10px;
  }

  .grevir-steps__title {
    font-size: 20px;
  }

  .grevir-steps__subtitle {
    font-size: 14px;
  }

  .grevir-step {
    padding: 20px;
  }

  .grevir-cta__btn {
    width: 100%;
    justify-content: center;
  }

  .grevir-cta__note {
    font-size: 13px;
  }
}
/*конец почему мы*/





/*модуль рандом*/
.rndm-title {
  font-size: 22px;
  font-weight: 600;
  margin: 40px 0 20px;
  text-align: center;
  color: #1c1c1c;
}

.rndm-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
  padding: 16px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  margin-bottom: 10px;
}

.rndm-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.rndm-image {
  text-align: center;
  margin-bottom: 12px;
}

.rndm-image img {
  border-radius: 10px;
  max-height: 200px;
  object-fit: contain;
  width: 100%;
}

.rndm-caption h4 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #2e2e2e;
  min-height: 42px;
  overflow: hidden;
  line-height: 1.3;
}

.rndm-price {
  font-size: 14px;
  font-weight: 500;
  color: #1f1f1f;
  min-height: 20px;
  margin-bottom: 12px;
}

.rndm-price .price-new {
  color: #c1641a;
  font-weight: 600;
}

.rndm-price .price-old {
  color: #999;
  text-decoration: line-through;
  margin-left: 6px;
}

.rndm-buttons {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
}

.rndm-buttons button {
  flex: 1;
  padding: 6px 10px;
  background: #f5f2ee;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  transition: background 0.3s ease;
  cursor: pointer;
}

.rndm-buttons button:hover {
  background: #e0d7ce;
}

.rndm-buttons i {
  color: #c1641a;
}

/* Адаптация для планшетов */
@media (max-width: 1024px) {
  .rndm-card {
    padding: 14px;
  }

  .rndm-caption h4 {
    font-size: 14px;
    min-height: 38px;
  }

  .rndm-buttons button {
    font-size: 12px;
  }
}

/* Адаптация для мобильных */
@media (max-width: 768px) {
  .rndm-card {
    padding: 12px;
	margin: 4px;
  }

  .rndm-image img {
    max-height: 180px;
  }

  .rndm-caption h4 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #2e2e2e;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;     /* показываем только 2 строки */
  -webkit-box-orient: vertical;
  line-height: 1.3;
  min-height: calc(1.3em * 2);  /* 2 строки высоты */
}

  .rndm-buttons {
    flex-direction: column;
  }

  .rndm-buttons button {
    width: 100%;
  }
}

/*конец модуль рандом*/




/*статьи отзывы*/
<style>
.otzz-reviews {
  padding: 60px 20px;
  background: #f9f9f9;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
}

.otzz-title {
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: 600;
}

.otzz-subtitle {
  font-style: italic;
  color: #666;
  margin-bottom: 40px;
}

.otzz-grid {
  display: grid;
  gap: 30px;
}

@media (min-width: 768px) {
  .otzz-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1200px) {
  .otzz-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.otzz-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-align: left;
  transition: transform 0.3s ease;
}

.otzz-card:hover {
  transform: translateY(-4px);
}

.otzz-gallery {
  width: 100%;
  height: 220px;
}

.otzz-gallery img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

.otzz-content {
  padding: 20px;
}

.otzz-header {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #888;
  margin-bottom: 10px;
}

.otzz-name {
  font-weight: 600;
  color: #333;
}

.otzz-rating {
  font-size: 18px;
  color: #f7b500;
  margin-bottom: 10px;
}

.otzz-text {
  font-size: 15px;
  color: #444;
  line-height: 1.5;
  margin-bottom: 15px;
}

.otzz-badge {
  display: inline-block;
  background: #e6f4ea;
  color: #2d8b5f;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 8px;
  font-weight: 500;
}

/* Swiper pagination */
.swiper-pagination {
  text-align: center;
  margin-top: 10px;
  position: static;
}
.swiper-button-prev,
.swiper-button-next {
  color: #fff;
  top: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.otzz-gallery .swiper-slide {
  position: relative;
}

.otzz-gallery a {
  display: block;
  position: relative;
}

.otzz-gallery a::after {
  content: '🔍';
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(255,255,255,0.85);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: 0.3s;
  opacity: 0;
}

.otzz-gallery a:hover::after {
  opacity: 1;
}


/*оставить отзыв */

.otzz-feedback {
  background-color: #f6f6f6;
  border-radius: 16px;
  padding: 30px 20px;
  text-align: center;
  margin-top: 60px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.otzz-feedback-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #333;
}

.otzz-feedback-text {
  font-size: 16px;
  color: #555;
  margin-bottom: 12px;
  line-height: 1.6;
}

.otzz-whatsapp-btn {
  display: inline-block;
  margin-top: 20px;
  background-color: #cdbbae;
  color: white;
  font-weight: 600;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.otzz-whatsapp-btn:hover {
  background-color: #1ebe5d;
}
/*конец статьи отзывы*/




/*контакты*/
/* Основной блок *//* ==== Основной стиль секции ==== */
.conti-section {
  background-color: #f9f9f9;
  padding: 40px 20px;
  font-family: 'Segoe UI', Tahoma, sans-serif;
  color: #2d2d2d;
}

.conti-container {
  max-width: 850px;
  margin: 0 auto;
}

/* ==== Заголовки ==== */
.conti-title {
  font-size: 32px;
  text-align: center;
  margin-bottom: 20px;
  color: #2c2c2c;
}

.conti-subtitle {
  font-size: 24px;
  margin: 40px 0 20px;
  color: #1a1a1a;
}

/* ==== Текстовые блоки ==== */
.conti-intro,
.conti-note,
.conti-comment,
.conti-remote,
.conti-closing {
  font-size: 17px;
  line-height: 1.6;
}

.conti-note,
.conti-closing {
  font-style: italic;
  color: #666;
}

/* ==== Контакты ==== */
.conti-contacts,
.conti-media-report {
  list-style: none;
  padding-left: 0;
  margin: 15px 0;
}

.conti-contacts li,
.conti-media-report li {
  margin-bottom: 12px;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.conti-contacts i,
.conti-media-report i {
  margin-right: 10px;
  color: #007b8f;
  min-width: 20px;
  text-align: center;
  font-size: 18px;
}

.conti-contacts a {
  color: #007b8f;
  text-decoration: none;
}

.conti-contacts a:hover {
  text-decoration: underline;
}

/* ==== Варианты заказа ==== */
.conti-order-option {
  margin-bottom: 30px;
  border-left: 4px solid #e0e0e0;
  padding-left: 15px;
}

.conti-order-option h3 {
  font-size: 20px;
  margin-bottom: 8px;
  color: #2d2d2d;
}

.conti-order-option p {
  font-size: 16px;
  line-height: 1.5;
}

/* ==== Фото- и видеоотчёт ==== */
.conti-media-report li strong {
  font-weight: 600;
  color: #2d2d2d;
}

/* ==== Адаптивность ==== */
@media screen and (max-width: 768px) {
  .conti-title {
    font-size: 26px;
  }

  .conti-subtitle {
    font-size: 20px;
  }

  .conti-intro,
  .conti-note,
  .conti-comment,
  .conti-remote,
  .conti-closing,
  .conti-order-option p {
    font-size: 15px;
  }

  .conti-order-option h3 {
    font-size: 18px;
  }

  .conti-contacts li,
  .conti-media-report li {
    font-size: 15px;
  }
}



/*конец контакты*/








/*доставка и установка инфо*/
.delivery-installation {
  max-width: 900px;
  margin: 40px auto;
  padding: 40px 30px;
  background-color: #f9f8f7;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  font-family: "Segoe UI", "Helvetica Neue", sans-serif;
  color: #2d2d2d;
  line-height: 1.6;
  display: flex;
}

.delivery-installation h2,
.delivery-installation h3,
.delivery-installation h4 {
  color: #333;
  font-weight: 600;
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.delivery-installation h2 {
  font-size: 28px;
  border-bottom: 2px solid #ccc;
  padding-bottom: 10px;
}

.delivery-installation h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.delivery-installation h4 {
  font-size: 18px;
  margin-bottom: 8px;
}

.delivery-installation p {
  margin: 10px 0;
}

.delivery-installation ul,
.delivery-installation ol {
  padding-left: 20px;
  margin-bottom: 20px;
}

.delivery-installation li {
  margin-bottom: 10px;
  position: relative;
}

.delivery-installation li::marker {
  color: #888;
}

.delivery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.delivery-item {
  background-color: #ffffff;
  padding: 16px 20px;
  border-radius: 12px;
  border: 1px solid #e2e2e2;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}

.delivery-item:hover {
  border-color: #aaa;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

blockquote {
  margin: 30px 0;
  padding: 20px 30px;
  background-color: #fffefc;
  border-left: 5px solid #999;
  font-style: italic;
  color: #444;
  border-radius: 10px;
}

.footerblo {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  text-align: right;
}

hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 30px 0;
}

.delivery-installation i.fas {
  color: #888;
  font-size: 20px;
}

@media (max-width: 600px) {
  .delivery-installation {
    padding: 25px 20px;
  }
  .delivery-installation h2 {
    font-size: 24px;
  }
  .delivery-installation h3 {
    font-size: 20px;
  }
}
/*доставка и установка инфо*/







/* кнопка закрытия при наведении */
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}
/* страничка контактов */
.konttt{
	display: block;
    padding: 2em;
    border-radius: 1em;
    font-size: 1.3em;
}
.konttt h3{
	    text-align: left;
    margin-left: 3em;
    display: inline-block;
    background-color: #fff;
    border-radius: .5em;
    font-size: 1.5em;
}
.infokonttel{

}
.infogeo{
	text-align: center;
    padding: 1em;
    font-weight: 700;
}
.infocarta{

}
.infoaction{

}
.infoadress span{
    padding: 1em;
    border: 1px solid;
    border-radius: .5em;
    margin: 0em 1em;
    color: #426cb3;
    font-weight: 700;
}
.infotelef a{
	 padding: 1em;
    border: 1px solid;
    border-radius: .5em;
    margin: 0em 1em;
}
.infopochta span{
	 padding: 1em;
    border: 1px solid;
    border-radius: .5em;
    margin: 0em 1em;
	color: #a38862;
}
.infopreimu p{
	    display: inline-block;
    font-size: 1.2em;
    text-decoration: underline;
    margin: .5em;
    color: #436bb3;
}
.infokakoform{
	    margin-bottom: 3em;
}
.worklast{
	font-size: 40px;
    color: #bfada2;
}
.worklast1{
	text-align: center;
    margin: 30px 0px;
}
.worklast10{
	text-align: center;
	    font-size: 16px;
    margin-bottom: 1em;
}
.worklast10 li{
    display: inline-block;
    width: 27%;
    background: #ebebeb;
    margin: 5px;
    padding: 15px;
}
.onas000{
	    display: flex;
}
.onasstart3img1{
	width: 47%;
    display: inline-block;
}
.onasstart3img10, .onasstart3img20{
	    width: 49%;

}
.onasstart3img1 img{

    max-width: 98.5%;
    text-align: center;
		padding: 7px;
}
.onasstart3{
	display: inline-block;
    width: 50%;
}
.onasstart2{
	margin-top: 1em;
    text-align: center;
    margin-bottom: 3em;
    color: #a7a7a7;
}
.onasstart3{
	    font-size: 13px;
    padding: 10px;
}
.onasstart1{
	    text-align: center;
    font-size: 40px;

    color: #bfada2;
}
.onasstart4{
	padding-bottom: 20px;
}
.onasstart4a{
	background: #eee;
    padding: 15px;
}
.onasstart4b{
	text-align: center;
    font-size: 16px;
    padding: 10px;

}
.onasstart4c{
	    text-align: center;
    width: 82%;
    padding-left: 20%;
    margin-bottom: 21px;
}
.onasstart5{
	    background: #eee;
    padding: 15px;
}
.onasstart6{
	padding: 25px 0px;
}
.ustanovka02{
	display: block;
    margin-right: 2em;
}
.ustanovka2{
background: #f5f5f5;
    padding: 15px 20px;
    border: 1px solid #bfada2;
}
.ustanovka002{
	display: inline-block;
    width: 50%;
}
.ustanovka01112{
	margin-bottom: 4em;
}
.ustanovka20{
    font-size: 16px;
    color: #af9382;
	margin-left: 4em;
}
.ustanovka1{
	    margin-bottom: 4em;
}
.process .line-circle {
    width: 100%;
    max-width: 1114px;
    border-top: 0.1px solid #bfada2;
    margin-bottom: 49px;
}
.process {
   width: 100%;
    max-width: 1114px;
    margin: 0px auto;
    position: relative;
    display: block;

}
.process-c-block p {

    text-align: center;
}
.process h3{
     font-size: 30px;
    display: block;
    margin-bottom: 2em;
}
.process h6 {
     font-size: 20px;
    display: block;
    margin-bottom: 2em;
}
.process-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: start;
}
.process-c-block {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 197px;
}
.process-c .icon {
    width: 100%;
    max-width: 100px;
    min-height: 105px;
    margin-bottom: 12px;
    position: relative;
}
.process:after {
    display: none;
    content: '';
    position: absolute;
    top: 75px;
    left: 20px;
    width: 2px;
    height: 90%;
    border-left: 0.1px solid #bfada2;
}
.process-c .icon:after {
    content: '';
    width: 24px;
    height: 24px;
    border: 1px solid #bfada2;
    border-radius: 40px;
    position: absolute;
    top: -62px;
    left: 35px;
    background-color: #fff;
    z-index: 2;
}
.process-c .icon img {
    width: 100%;
}
.tab-content .tab-pane {
	padding: 3em 0em;
}
.tab-content .tab-pane  p{
width: 60%;
}
.ptovarnazvv{
	    font-size: 14px;
    border: 1px solid #bfada2;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    margin-top: 25px;
    color: #9d8678;
}
.right-tovar p{
	    margin-bottom: 2px;
}
.poptovarhome{
	    text-align: center;
}

.randooom .caption h4 {
    font-size: 12px;
}

.randooom .caption2 h4 {
    font-size: 12px;
}
/*custom_banner*/
.custom_banner {
    background: #f5f5f5;
    border-radius: 10px;
  border-radius: 3px;
  color: #333;
 line-height: 1.5em;
  margin-bottom:  1em;
  overflow: auto;
padding: 0.5em;
    height: 7em;
}
.custom_banner .fa-3x {
         color: #bfada2;
    float: left;
    font-size: 2.3em;
    margin-right: 0.3em;
    margin-left: 0.3em;
}
.custom_banner a {
    color: #1d070a;
    text-align: center;
    display: grid;
    font-size: 1.1em;

    border-radius: 15px;
    padding: 15px;
}

.categfuttext1{
	background: #eee;
    padding: 1em;
    margin: 13em 0 6em;

}
.categfuttext11, .categfuttext2{
	display: inline-block;
}


.categfuttext2{
	text-align: center;
    margin-left: 25px;
	width: 50%;
}
.categfuttext3{
	    font-size: 26px;
    margin-bottom: 2em;
    text-transform: uppercase;
	margin-top: 3em;
}
.categfuttext6, .categfuttext8 {
	    text-align: initial;
    padding-left: 13%;
    font-size: 16px;
}
.categfuttext7{
	    margin-bottom: 30px;
}
.categfuttextbut1 a{
display: inline-block;
    width: 30%;
    border: 1px solid #bfada2;
    background: #bfada2;
    margin-right: 10px;
    color: #ffffff;
    font-size: 17px;
    padding: 10px;
}
.categfuttextbut2{
	margin:0;
	font-size: 10px;
}
.categfuttextbut1{
	    display: block;
    margin-top: 3em;
}
.categfuttext10{
	    margin-top: -24em;
    padding-bottom: 5em;
	width: 100%;
}


  @media (min-width: 1500px) {
	  .ul_men_top li {
    margin: 1em 1.5em;
	  }

	  #menu {
	  }
	  #logo2 {
	  }
	  #menu {
	  width: 11%;
	  }
	  .custom_banner {
    height: auto;
	  }

.dostavlahtml{
    margin: 3em 0em 3em 0em;
    padding: 1em 5em 4em 2em;
}

.dostavlahtml h3{
    font-size: 2.5em;
}
.gorodhtml{
    font-size: 1.5em;
    display: inline-block;
    width: 9em;
    height: 4em;
    margin: .2em;
    border-radius: .3em;
    text-align: center;
    line-height: 1.2;
    padding: .6em;
}
.opishtml{
    width: 67%;
	font-size: 1.2em;
}
.listyledost{
	      margin: 1em 0em;
    display: inline-block;
    padding: 1em;
    border-radius: 1em;
}
.dostavlahtml ul{
    list-style-type: none;
	padding-left: 0;
		}

  }
  .dosttrans0{
	  display: flex;
	  padding: 0;
  }
  .dosttrans0 li{
display: flex;
  }
  .dosttrans0 img{
	      width: 99%;
    padding: 10px;
    text-align: center;
    margin: auto;
  }
  .dosttrans00{
	  text-align: center;
    width: 60%;
    display: block;
    margin-left: 20%;
    margin-bottom: 3em;
  }
  .dosttrans{
	  margin-top: 2em;
    margin-bottom: 15px;
  }
  .oplatastat{
	  background: #eee;
    padding: 50px;
    margin-top: 3em;
    font-size: 14px;
    width: 60%;
    margin-left: 20%;
    text-align: center;
  }
 /*товары продукты*/
.tovdost0{
    margin-top: 10em;
    margin-bottom: 10em;

}
.tovdost00{
	text-align: center;
    font-size: 27px;
    text-transform: uppercase;
    padding-bottom: 0.3em;
    color: #444;
}
.tovdost000{
	text-align: center;
    padding-bottom: 4em;

}
.tovdost2{

    font-size: 16px;
    color: #a78c7c;
}
.tovdost3{
	    padding: 5px 15px;
    text-align: justify;
}


	.rb-gallery-list {
  overflow: hidden;
}
.rb-gallery-item {
  text-align: center;
  margin: 10px 0;
}

.rb-gallery-inner {
  position: relative;
}

.rb-gallery-link {
  outline: none !important;
  text-decoration: none !important;
  overflow: hidden;
}

.rb-gallery-img {
  width: 100%;
  box-sizing: border-box;
  transition: 0.5s;
}

.rb-gallery-img-outer {
  overflow: hidden;
}

.rb-gallery-img-outer.foto {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
  border: 8px solid #fff;
}

.rb-gallery-item:hover .rb-gallery-img.anim-scale {
  -moz-transform: scale(1.2); /* Для Firefox */
  -ms-transform: scale(1.2); /* Для IE */
  -webkit-transform: scale(1.2); /* Для Safari, Chrome, iOS */
  -o-transform: scale(1.2); /* Для Opera */
  transform: scale(1.2);
}
.rb-gallery-item:hover .rb-gallery-img.anim-opacity {
  transform: none;
  opacity: 0.7;
}
.rb-gallery-item:hover .rb-gallery-img.anim-grayscale {
  transform: none;
  -webkit-filter: grayscale(0.85);
  filter: grayscale(0.85);
}
.rb-gallery-item:hover .rb-gallery-img.anim-sepia {
  transform: none;
  -webkit-filter: sepia(90%);
  filter: sepia(90%);
}
.rb-gallery-item:hover .rb-gallery-img.anim-contrast {
  transform: none;
  -webkit-filter: contrast(100%);
  filter: contrast(120%);
}
.rb-gallery .text-gallery {
  color: #000;
  line-height: 1;
  text-align: left;
  padding: 10px 0;
  transition: 0.5s;
}

.rb-gallery-item:hover .text-gallery,
.rb-gallery-inner.style-over .rb-gallery-link:hover+.text-gallery {
  opacity: 1;
}

.rb-gallery-inner.style-over .rb-gallery-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
}

.rb-gallery-inner.style-over .text-gallery {
  position: absolute;
  padding: 20px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.rb-gallery .col-lg-1,
.rb-gallery .col-lg-12,
.rb-gallery .col-lg-2,
.rb-gallery .col-lg-3,
.rb-gallery .col-lg-4,
.rb-gallery .col-lg-6 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.rb-gallery-0 .rb-gallery-inner.style-over .text-gallery{
  background: rgba(255,255,255,0);
  opacity: 1;
}
.text-modul-home{
	    padding-top: 3em;
}
.text-modul-home2{
	text-align: center;
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 1.5em;
    text-transform: lowercase;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
            margin-left: 110% !important;
	}
}

@media (max-width: 1024px){
.mobile{
	display: block;
    padding-top: 15px;
    padding-left: 15px;

}



@media (max-width: 767px) {
	.navbar-header {
    display: inline-block;
	}
	#menu {
		border-radius: 4px;
		    display: none;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
	.menu_home_top{
		display:none;
	}

	.navbar-header{
		display: inline-block;
	}
	.navbar-header .btn {
    padding: 7.5px 31px;
    font-size: 14px;
    border-radius: 2px;
    margin-bottom: 10px;
    margin-right: 0px;
	}
	.navbar-header .fa {
    font-size: 20px;
    color: #fff;
	}
	.kont_span {
    color: #bfad95;
    font-size: 20px;
    padding-top: 0px;
    padding-right: 0px;
	}
	.tele_home {
     height: auto;
	}

	.module-title2 {
    font-size: 46px;
	}

	.html-text{

	}
	.rb-gallery-description{
		text-align: center;
	}
	h2 {
		text-align: center;
	}


}
.konttt {
    padding: .5em;
    font-size: .8em;
}
.infogeo {
    padding: 0em;
font-size: 2em;
}
.konttt h3 {
    margin-left: 0em;
	    display: block;
}
}



.dostavlahtml h3{

padding-bottom: 1em;
    font-size: 2.5em;
}
.gorodhtml{
     font-size: 15px;
    height: 4em;
    border-radius: 0;
    text-align: center;
    line-height: 1.2;
    padding: 0.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.opishtml{
	display: inline-block;
    vertical-align: top;
    padding: 0em 1em 0em 2em;
    width: 70%;
    height: 100%;
    font-size: 13px;
}
.listyledost{
       padding: 2em 0em;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: -webkit-fill-available;
    background: #f5f5f5;
}
.dostavlahtml ul{
    list-style-type: none;
padding-left: 0;
}
.colorhtml1{
    background-color: #bfada287;
    color: #000000;
}
.colorhtml2{
	    background-color: #d3c6bf;
}
.colorhtml3{
	background-color: #dcd2cd;
}
.colorhtml4{
	    background-color: #e8e2de;
}

















/* ВЕРХНЯЯ ШАПКА */
.headerfon {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0 20px;
  background-color: #f1efec;
  border-bottom: 1px solid #dcd6d0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
  z-index: 999;
  width: 100%;
}

.main-top-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.top-nav-list {
  display: flex;
  gap: 30px;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 30px;
}

.top-nav-list li a {
  display: inline-block;
  white-space: nowrap;
  font-weight: 500;
  color: #2f2f2f;
  text-decoration: none;
  transition: all 0.2s ease;
  padding: 12px 0;
  text-align: center;
}

.top-nav-list li a:hover {
  color: #8f6e5c;
}

.subtext {
  font-size: 11px;
  color: #999;
  margin-top: 2px;
  display: block;
}

/* Контакты */
.header-contacts {
  display: flex;
  align-items: center; /* <-- выравнивание по нижней линии */
  gap: 30px;
  flex-direction: row;
  flex-wrap: wrap;
}

.contact-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  min-width: 150px;
  line-height: 1.4;
}

.contact-item a {
  color: #2b2b2b;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
}

.contact-item a:hover {
  color: #8f6e5c;
}

.contact-title {
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 2px;
}

.contact-sub {
  font-size: 12px;
  color: #777;
  margin-top: 0;
  display: block;
}

/* Оптовикам */
.header-cta {
  font-size: 13px;
  color: #8f6e5c;
  text-decoration: underline;
  margin-top: 10px;
}

.header-cta a {
  color: #8f6e5c;
}

.header-cta a:hover {
  color: #5e453a;
  text-decoration: none;
}
.hero-title {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}

.hero-sub {
 font-size: 36px;
    font-weight: 700;
    color: #2f2f2f;
    display: inline-block;
    margin-bottom: 6px;

}
@media (max-width: 1023px) {
  .headerfon {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px 16px;
  }

  .main-top-nav {
    flex: 1 1 60%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
  }

  .top-nav-list {
    flex-wrap: wrap;
    gap: 20px;
    padding-left: 0;
    margin: 0;
  }

  .top-nav-list li a {
    font-size: 14px;
    padding: 8px 0;
    white-space: normal; /* Разрешаем перенос */
  }



  .contact-sub {
    font-size: 12px;
  }

  .header-cta {
    font-size: 13px;
    margin-top: 6px;
  }
}


/*КОНЕЦ ВЕРХНЯЯ ШАПКА*/














/*МЕНЮ БЛОКИ ГЛАВНАЯ*/
.catalog-section {
  margin: 50px auto;
  padding: 0 20px;
  max-width: 1280px;
   margin-top: 40px;
}

.catalog-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-bottom: 30px;
}

.catalog-grid.second-row {
  justify-content: space-around;
  gap: 15px;
  flex-wrap: wrap;
}

.catalog-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: #2b2b2b;
  width: 30%;
  min-width: 220px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}

.catalog-item img {
  width: 100%;
  height: auto;
  display: block;
}

.catalog-item span {
 padding: 15px 10px 0px;
  font-size: 16px;
   text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
}

.catalog-item:hover {
  transform: translateY(-5px);
}

.catalog-item.small {
  width: 18%;
  min-width: 150px;
}
.service-block {

  padding: 30px 20px;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;

}

.service-text h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #2b2b2b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-left: 15px;
}

.btn-service {
  background-color: #a38c7f;
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.3s ease;
}

.btn-service:hover {
background-color: #8f6e5c;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
    color: #ffffff;
    cursor: pointer;
}
.catalog-item .caption {
  font-size: 13px;
  line-height: 1.5;
  color: #777;
  margin-top: 6px;
  margin-bottom: 20px;
  padding: 0px 5px;
}
.section-heading {
  font-weight: 600;
  font-size: 18px;
  display: flex;
  align-items: center;
}

.section-heading .icon {
  font-size: 20px;
  opacity: 0.8;
}

.service-sub {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  color: #7a7069;
  margin-left: 20px;
}
/*КОНЕЦ МЕНЮ НА БЛОКОВ НА ГЛАВНОЙ */





/*как выбрать памятник главная*/.step-section {
    background-color: #f9f8f6;
    padding: 40px;
    border-radius: 12px;
    margin-top: 40px;
}

.step-section h2 {
    font-size: 28px;
    margin-bottom: 10px;
}

.step-section p.subheading {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}

.step {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

.step-icon {
    min-width: 40px;
    height: 40px;
    background-color: #e8e4df;
    color: #5b524b;
    font-weight: bold;
    font-family: sans-serif;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    font-size: 18px;
}

.step-text h3 {
    margin: 0;
    font-size: 18px;
}

.step-text p {
    margin: 5px 0 0;
    color: #444;
    font-size: 15px;
}

.cta-note {
    font-style: italic;
    font-size: 14px;
    color: #666;
    margin-top: 30px;
}
.cta-button {
  background-color: #a38c7f;
  color: #fff;
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  margin-top: 30px;
  transition: background 0.3s ease;
}

.cta-button:hover {
  background-color: #8e7566;
    color: #fff;
}
/*КОНЕЦ как выбрать памятник главная*/







/*ЗАГОЛОВОК СТАРТОВАЯ*/
.category-intro {
  text-align: center;
  max-width: 860px;
  margin: 40px auto 20px auto;
  padding: 0 20px;
}

.category-intro h2 {
  font-size: 28px;
  font-weight: 600;
  color: #2f2f2f;
  margin-bottom: 10px;
  line-height: 1.3;
}

.category-intro p {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  margin: 0;
}
/*КОНЕЦ ЗАГОЛОВОК СТАРТОВАЯ*/




/*заголовок главная экран 4*/
.section-classic-heading {
  padding: 60px 0 30px;
  background-color: #fdfcfa;
  text-align: center;
}

.classic-title {
  font-size: 32px;
  font-weight: 600;
  color: #2c2c2c;
  margin-bottom: 15px;
}

.classic-subtitle {
  font-size: 18px;
  color: #6e6e6e;
  max-width: 720px;
  margin: 0 auto;
  line-height: 1.5;
}

/* конец заголовок главная экран 4*/













/* PRODUCT THUMB GLOBAL */
.product-thumb {
  margin: 3em 0;
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
    background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.05);
  padding-bottom: 10px;
  transition: box-shadow 0.2s ease;
}
.product-thumb:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

/* IMAGE + ОБВОДКА */
.product-thumb .image {
  text-align: center;
}
.product-thumb .image a {
  display: block;
  font-weight: 500;
  font-size: 1.3em;
}
.product-thumb .image a:hover {
  opacity: 0.8;
}
.product-thumb .image img {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  border: none; /* убрали обводку */
  border-radius: 10px;
  display: block;
}

/* CAPTION — TEXT */
.product-thumb .caption {
  padding: 0 20px;
  min-height: 150px;
}
.descriptcateg{
	display: -webkit-box;
  -webkit-line-clamp: 4; /* Ограничить до 4 строк */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.namecategh3{
		display: -webkit-box;
  -webkit-line-clamp: 2; /* Ограничить до 2 строк */
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0;
}
.product-thumb .caption h4 {
  font-weight: 600;
  margin-bottom: 10px;
}
.product-thumb .caption p {
font-size: 12px;
  line-height: 1.3;
  color: #3c3c3c;
  margin-top: 10px;
}

/* PRICE */
.product-thumb .price {
  font-size: 17px;
  font-weight: 600;
  margin-top: 10px;
  color: #3c3c3c;
  display: block;
}
.product-thumb .price-note {
  font-size: 12px;
  color: #a0a0a0;
  margin-top: 3px;
}
/*name*/
.product-thumb h4 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #3c3c3c;
  margin-top: 15px;
  min-height: 3em; /* удерживает высоту, если в 2 строки */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* BUTTON GROUP */
.product-thumb .button-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 15px;
  gap: 8px;
}
.product-thumb .button-group button:first-child {
  flex: 1;
  background: none;
  border: 1px solid #cfcfcf;
  color: #7c5d4d;
  font-weight: 500;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.product-thumb .button-group button:first-child:hover {
  background-color: #f9f6f4;
  color: #5a4137;
}

/* HEART */
.product-thumb .button-group .nenushnie-knopki {
  background: none;
  border: none;
  padding: 8px;
  font-size: 16px;
  color: #b49789;
}
.product-thumb .button-group .nenushnie-knopki:hover {
  color: #7c5d4d;
}
.badge-popular {
  display: inline-block;
  background: #f2e8e3;
  color: #7a5b4a;
  font-size: 13px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 5px;
}






/*кнопки экран 4 на главной*/
.catalog-buttons-block {
  text-align: center;
  margin: 40px 0;
}

.catalog-buttons-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #2b2b2b;
}

.catalog-buttons-row {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.btn-main {
  background-color: #a38c7f;
  color: white;
  padding: 12px 26px;
  border-radius: 8px;
  font-weight: 500;
  text-decoration: none;
  transition: 0.3s ease;
  box-shadow: 0 3px 6px rgba(0,0,0,0.08);
}

.btn-main:hover {
  background-color: #7a5d4f;
  color: white;
}

.btn-main-outline {
  border: 1px solid #8f6e5c;
  color: #8f6e5c;
  padding: 12px 26px;
  border-radius: 8px;
  font-weight: 500;
  text-decoration: none;
  transition: 0.3s ease;
}

.btn-main-outline:hover {
  background-color: #f4f0ed;
  color: #5d4236;
}
/*конец кнопки экран 4 на главной*/







/* Популярные формы памятников — главная */
.form-section {
    padding: 60px 0 40px;
    background-color: #fdfcfa;
    text-align: center;
}

.form-section .form-promo-tag {
    display: inline-block;
    background: #f6ede8;
    color: #6a4e42;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.form-section .form-catalog-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #1e1e1e;
}

.form-section .form-catalog-sub {
    font-size: 16px;
    color: #666;
    margin-bottom: 40px;
}

.form-catalog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 16px;
    max-width: 1100px;
    margin: 0 auto;
}

.form-catalog-item {
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 20px 16px;
    text-align: left;
    transition: 0.2s;
    background: #fff;
    text-decoration: none;
    color: #1e1e1e;
}

.form-catalog-item:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    border-color: #d5c6be;
}

.form-catalog-item .form-title {
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 16px;
}

.form-catalog-item .form-desc {
    font-size: 14px;
    color: #777;
}

.form-catalog-button-wrapper {
    margin-top: 36px;
}

.form-catalog-button {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    background-color: #a38c7f;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
}

.form-catalog-button:hover {
    background-color: #755442;
	 color: #fff;
}
/* Стили для иконок в карточках */
.form-catalog-item .form-icon {
    font-size: 20px;
    color: #9c7c65; /* светло-коричневый */
    margin-bottom: 8px;
    display: inline-block;
}

/* Центрируем текст и иконку */
.form-catalog-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 18px 16px;
}

/* Плашка "Памятник начинается с формы" */
.form-section .pretitle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f6ede8;
    color: #6a4e42;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 10px;

}

/* Кнопка "Посмотреть все формы" */
.form-section .main-btn.brown {
    display: inline-block;
    margin-top: 40px;
    background-color: #a38c7f;
    color: #fff;
    font-weight: 600;
    padding: 12px 22px;
    border-radius: 10px;
    text-decoration: none;
    transition: 0.2s;
}

.form-section .main-btn.brown:hover {
    background-color: #785846;
	 color: #fff;
}
.form-hint {
    font-size: 14px;
    color: #888;
    margin-top: 10px;
    margin-bottom: 30px;
}
.form-tag-new {
    display: inline-block;
    font-size: 12px;
    color: #a35e3a;
    background: #f6ede8;
    padding: 4px 10px;
    border-radius: 8px;
    margin-top: 8px;
    font-weight: 500;
}
.form-catalog-helper {
    background: #fdf6f2;
    border: 1px dashed #dcb9a5;
    text-align: center;
}



.start-helper {
  background: #fef7f2;
  border: 1px solid #e3d3c6;
  border-radius: 16px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 880px;
  margin: 40px auto 0;
}

.start-icon {
  font-size: 28px;
  color: #8a6752;
}

.start-text {
  flex-grow: 1;
  text-align: left;
}

.start-title {
  font-weight: 600;
  font-size: 16px;
  color: #1e1e1e;
  margin-bottom: 4px;
}

.start-sub {
  font-size: 14px;
  color: #666;
}

.start-button {
  background: #a38c7f;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  white-space: nowrap;
}
.start-button:hover {
  background: #7a5943;
   color: #fff;
}
/* Конец: популярные формы памятников — главная */







/*главная экран 6*/


.estimate-banner {
  padding: 60px 20px;
  display: flex;
  justify-content: center;
  position: relative;
  background-repeat: no-repeat;
}

.estimate-content.refined {
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(8px);
  border-radius: 16px;
  padding: 40px 30px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.04);
  max-width: 520px;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
  color: #3a2f2a;
}

.estimate-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #3a2f2a;
}

.estimate-subtitle {
  font-size: 16px;
  margin-bottom: 28px;
  color: #5a4a42;
  line-height: 1.6;
}

.estimate-list.refined-list {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
}

.estimate-list.refined-list li {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.icon-marker {
  color: #a58b76;
  margin-right: 10px;
  font-size: 16px;
  min-width: 18px;
  vertical-align: middle;
}

.whatsapp-button.soft {
  display: inline-block;
  width: 100%;
  background-color: #e5f5eb;
  color: #3a2f2a;
  padding: 14px 0;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  text-decoration: none;
  margin-bottom: 28px;
  transition: background 0.3s ease;
  border: 1px solid #bde3d2;
}

.whatsapp-button.soft:hover {
  background-color: #d2ecde;
}

.estimate-contacts {
  font-size: 14px;
  line-height: 1.6;
  color: #6b4e3d;
}

.estimate-contacts .phone {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #6b4e3d;
}

.estimate-contacts .email {
  color: #a58b76;
  margin-bottom: 2px;
}

.estimate-contacts .worktime {
  font-size: 13px;
  color: #b4a8a0;
}
</style>


/*конец главная экран 6*/



/*ТЕГИ НА ГЛАВНОЙ*/
.tag-cards-wrap {
  padding: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

.tag-cards-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px; /* вертикальные и горизонтальные отступы */
  justify-content: flex-start;
  max-width: 1200px;
  margin: 0 auto;
}
.tag-card {
  flex: 1 1 280px;  /* блоки будут адаптивными */
  background: #fff;
  border-radius: 14px;
  padding: 16px 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tag-card:hover {
  box-shadow: 0 4px 8px rgba(150, 135, 120, 0.15);
}

.tag-card-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 6px;
}

.tag-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.tag-link {
  line-height: 1.4;
  display: inline-block;
  margin: 0 6px 4px 0;
}
.tag-card:hover {
  background-color: #f1ece8;
}

.tagcategstart1 {
  font-size: 13px;
  color: #6b4e3d;
  text-decoration: none;
  padding: 3px 6px;
  border-radius: 8px;
  background-color: transparent;
  transition: color 0.2s ease;
      display: inline-block;
}

.tagcategstart1::before {
  content: '#';
  color: #b7a99a;
  margin-right: 1px;
}

.tagcategstart1:hover {
  color: #3a2f2a;
  text-decoration: underline;
}
.tag-card-note {
  margin-top: 10px;
  font-size: 12px;
  color: #999;
}
@media (max-width: 768px) {
  .tag-card {
    flex: 1 1 100%;
  }
  .category-heading-human {
    font-size: 25px;
  }
}


/*КОНЕЦ ТЕГИ НА ГЛАВНОЙ*/





/* ГЛАВНАЯ О НАС*/


.grevir-about {
  max-width: 1200px;
  margin: 4em auto 0 auto;
  padding: 40px 15px;
  background: #fafafa;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(0,0,0,0.03);
  font-family: "Segoe UI", sans-serif;
  line-height: 1.6;
  color: #2e2e2e;
}

.grevir-eyebrow {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #999;
  margin-bottom: 4px;
}

.grevir-about h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: 0;
}

.grevir-about h5 {
  margin-top: 24px;
  font-size: 18px;
  font-weight: 600;
}

.grevir-about p {
  margin-bottom: 12px;
}

.grevir-about ul {
  padding-left: 1rem;
  margin: 0;
}

.grevir-about ul li {
  margin-bottom: 6px;
   line-height: 1.5;
}

.grevir-quote {
  font-style: italic;
  font-size: 16px;
  color: #555;
  margin-top: 24px;
  padding-left: 10px;
  border-left: 3px solid #cbbfb5;
}
.grevir-quote span {
  display: block;
  margin-top: 5px;
  font-weight: 500;
  color: #7a6f67;
}

.grevir-client-quote {
  font-style: italic;
  font-size: 15px;
  color: #666;
  margin: 20px 0;
}

.grevir-final-line {
  font-weight: 600;
  margin-top: 20px;
}

.grevir-call {
  margin-top: 12px;
  font-size: 15px;
  color: #666;
}
.grevir-call a {
  color: #704a32;
  text-decoration: underline;
}
.grevir-call a:hover {
  color: #5b3925;
}

/* Галерея */
.grevir-gallery {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.grevir-gallery .top-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.grevir-gallery .bottom-images {
  display: flex;
  gap: 20px;
}
.grevir-gallery .bottom-images img {
  width: 50%;
  height: 160px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.grevir-about strong {
  font-weight: 600;
  color: #3b2e29;
}

/* Мобильная адаптация */
@media (max-width: 767px) {
  .grevir-gallery .bottom-images {
   flex-direction: row;
        width: 48%;
  }
  .grevir-gallery .bottom-images img {
    width: 100%;
    height: auto;
  }
}
/*КОНЕЦ ГЛАВНАЯ О НАС*/




/* FOOTER — Grevir */
.grevir-footer {
  background-color: #2c2c2c;
  color: #ddd;
  font-size: 14px;
  padding: 40px 0 20px;
  font-family: "Segoe UI", sans-serif;
  display: inline-block;
  width: 100%;

}

.grevir-footer h5 {
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 12px;
  position: relative;
  padding-left: 20px;
}

.grevir-footer h5::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #c7a17a;
  font-size: 18px;
  line-height: 1;
}
.grevir-footer .list-unstyled {
    text-align: left;
}

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

.grevir-footer ul li {
  margin-bottom: 0px;
}

.grevir-footer ul li a {
  color: #ccc;
  text-decoration: none;
  transition: all 0.2s ease;
}

.grevir-footer ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

.grevir-footer hr {
  border-top: 1px solid #444;
  margin: 30px 0 20px;
}

.footer-meta {
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: 1.6;
}

.footer-meta a {
  color: #c7a17a;
  text-decoration: underline;
}

.footer-meta a:hover {
  color: #fff;
}

@media (max-width: 767px) {
  .grevir-footer .col-sm-3 {
    margin-bottom: 30px;
  }
}
/*конец футер*/















/*подкатегории в категориях верх*/
.subcateg-wall {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
  box-sizing: border-box;
}

.subcateg-wall > div {
  margin-bottom: 12px;
}
.subcateg-col {
  box-sizing: border-box;
  flex: 0 0 calc(15.66% - 12px); /* 6 в ряд */
  max-width: calc(15.66% - 12px);
  display: flex;
  justify-content: center;
}
.subcateg-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 8px;

  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  cursor: pointer;
  max-width: 200px;
}

.subcateg-thumbnail:hover {
  background-color: #f7f4f2;
  border-color: #ccb6ab;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transform: translateY(-1px);
}

.subcateg-name {
  color: #2d2d2d;
  text-decoration: none;
  display: block;
}

.subcateg-name:hover {
  color: #704d3b;
}

.subcateg-wall .subcateg-thumbnail {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Базовая ширина для десктопа и планшета */
.subcateg-thumbnail {
  width: 180px; /* фиксированная ширина для сетки */
  max-width: 100%;
  font-size: 13px;
  padding: 10px 14px;
  text-align: center;
}

/* Раскладка: 4 в ряд на десктопе */
.subcateg-wall > div {
  width: calc(25% - 12px);
  margin: 6px;
  display: flex;
  justify-content: center;
}

/* Планшеты: 3 в ряд */
@media (max-width: 1279px) {
  .subcateg-col {
    flex: 0 0 calc(31.333% - 12px);
    max-width: calc(31.333% - 12px);
  }
}

/* Телефоны: 2 в ряд, автоширина по тексту */
@media (max-width: 767px) {
  .subcateg-col {
    flex: 0 0 calc(48% - 8px);
    max-width: calc(48% - 8px);
  }

  .subcateg-wall {
    gap: 8px;
    padding: 0 10px; /* защита от переполнения */
  }

  .subcateg-thumbnail {
    width: 100%;
    max-width: none;
    padding: 12px 10px;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
  }
}

/*конец подкатегории в категориях верх*/


/**/








/*КАТЕГОРИИ*/
/*товары*/
.namecategh3{
	font-size: 15px;
	    font-weight: 600;
    margin-bottom: 10px;
	    line-height: 1.4;
}
.pricecateg{
	font-size: 15px;
    line-height: 1.5;
    color: #3c3c3c;
    font-weight: 600;
    padding-left: 2em;
}
.mypricecateg{
	display: flex
;
    gap: 20px;
}
.oldpricecateg{
    margin-top: 2px;
    text-decoration: line-through;
    color: #a9a9a9;
}
/* блок 4 шт про нас*/
.superiority-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  margin-top: 40px;
}

.superiority-benefit-item {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
  padding: 20px 24px;
  flex: 1 1 calc(25% - 20px);
  min-width: 240px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.superiority-benefit-item i {
  color: #a67c52;
  font-size: 22px;
  margin-top: 6px;
  flex-shrink: 0;
}

.superiority-benefit-title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  margin-bottom: 4px;
}

.superiority-benefit-sub {
  font-size: 14px;
  color: #888;
  line-height: 1.4;
}

.superiority-benefit-anchor {
  margin-top: 30px;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  color: #444;
}

.superiority-quote-box {
  background: #fff;
  border-left: 4px solid #a67c52;
  border-radius: 12px;
  padding: 24px 28px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  margin: 50px auto 40px;
  max-width: 780px;
  text-align: left;
  position: relative;
}

.superiority-quote-box::before {
  content: "“";
  font-size: 80px;
  color: #f2eae5;
  position: absolute;
  top: -30px;
  left: 20px;
  z-index: 0;
  line-height: 1;
}

.superiority-quote-box i {
  color: #a67c52;
  font-size: 20px;
  position: absolute;
  top: 20px;
  left: 16px;
}

.superiority-quote-text {
  font-size: 18px;
  font-style: italic;
  color: #333;
  line-height: 1.5;
  position: relative;
  z-index: 1;
  margin-left: 50px;
}

.superiority-quote-author {
  font-size: 14px;
  color: #999;
  margin-top: 10px;
  position: relative;
  z-index: 1;
  margin-left: 50px;
}

.superiority-quote-followup {
  font-size: 14px;
  color: #999;
  margin-top: 14px;
  margin-left: 30px;
  font-style: italic;
}

.superiority-quote-link {
  color: #a67c52;
  text-decoration: underline dotted;
  font-style: normal;
}

.superiority-quote-tag {
  position: absolute;
  top: -14px;
  right: 20px;
  font-size: 12px;
  color: #bbb;
  font-style: italic;
}

/* Планшеты: мягкая адаптация */
@media (max-width: 1023px) {
  .superiority-quote-box {
    padding: 20px;
    max-width: 90%;
  }

  .superiority-quote-text {
    font-size: 16px;
    margin-left: 40px;
  }

  .superiority-quote-author,
  .superiority-quote-followup {
    font-size: 13px;
    margin-left: 40px;
  }

  .superiority-quote-box::before {
    font-size: 60px;
    top: -20px;
    left: 16px;
  }

  .superiority-quote-box i {
    font-size: 18px;
    top: 18px;
    left: 14px;
  }

  .superiority-quote-tag {
    font-size: 11px;
    top: -12px;
    right: 16px;
  }
}

/* Смартфоны: максимально адаптивно */
@media (max-width: 767px) {
  .superiority-quote-box {
    padding: 16px;
    max-width: 100%;
    margin: 30px auto 30px;
  }

  .superiority-quote-text {
    font-size: 15px;
    margin-left: 36px;
  }

  .superiority-quote-author,
  .superiority-quote-followup {
    font-size: 12px;
    margin-left: 36px;
  }

  .superiority-quote-box::before {
    font-size: 50px;
    top: -14px;
    left: 12px;
  }

  .superiority-quote-box i {
    font-size: 16px;
    top: 16px;
    left: 12px;
  }

  .superiority-quote-tag {
    font-size: 10px;
    top: -10px;
    right: 12px;
  }
}

/*конец блок 4 шт про нас*/

/*категории с цветами блок как выбрать...*/
.flow-seo-block {
  background: #f9f8f6;
  padding: 30px;
  border-radius: 20px;
  font-family: 'Segoe UI', sans-serif;
  line-height: 1.6;
  color: #4b4032;
  box-shadow: 0 8px 16px rgba(128, 80, 48, 0.05);
}
.flow-seo-block h2 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #805030;
}
.flow-point {
  margin: 20px 0;
  padding-left: 25px;
  position: relative;
}
.flow-point i {
  color: #a67c52;
  position: absolute;
  left: 0;
  top: 5px;
}
.flow-final {
  margin-top: 30px;
  background: #e5d8cf;
  padding: 15px 20px;
  border-radius: 12px;
  font-weight: bold;
  color: #805030;
}
.flow-final i {
  margin-right: 8px;
}
.flow-memory-block {
  display: flex;
  background: #f9f8f6;
  padding: 20px;
  border-radius: 16px;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

.flow-memory-text {
  flex: 1 1 400px;
}

.flow-memory-image {
  flex: 1 1 300px;
  max-width: 400px;
}

.flow-memory-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(0,0,0,0.06);
  object-fit: cover;
}

/* Скрыть фото на мобилках */
@media (max-width: 768px) {
  .flow-memory-image {
    display: none;
  }
}

/*конец как выбрать */

/*КОНЕЦ КАТЕГОРИИ*/
















/*СТАТЬИ - О НАС*/
.about-grevir {
  background-color: #f9f9f9;
  padding: 40px 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
}

.about-grevir .container {
  max-width: 800px;
  margin: 0 auto;
}

.about-grevir h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}

.about-grevir .subtitle {
  font-size: 18px;
  font-weight: 400;
  color: #666;
  margin-bottom: 30px;
}

.about-grevir p {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.about-grevir .quote {
  font-style: italic;
  color: #444;
  border-left: 4px solid #ccc;
  padding-left: 15px;
  margin-top: 30px;
}

/* Мобильная адаптация */
@media (max-width: 600px) {
  .about-grevir {
    padding: 30px 15px;
  }

  .about-grevir h2 {
    font-size: 26px;
  }

  .about-grevir .subtitle {
    font-size: 16px;
  }

  .about-grevir p {
    font-size: 16px;
  }
}

.grevir-facts {
  background-color: #fff;
  padding: 40px 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
}

.grevir-facts .container {
  max-width: 900px;
  margin: 0 auto;
}

.grevir-facts h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #000;
}

.facts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}

.fact-item {
  background: #f2f2f2;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  font-size: 16px;
  line-height: 1.5;
}

.fact-item strong {
  font-size: 18px;
  display: block;
  margin-bottom: 8px;
  color: #222;
}

/* Мобильная адаптация */
@media (max-width: 600px) {
  .grevir-facts h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .fact-item {
    font-size: 15px;
    padding: 16px;
  }

  .fact-item strong {
    font-size: 17px;
  }
}



.why-grevir {
  background-color: #f9f9f9;
  padding: 40px 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
}

.why-grevir .container {
  max-width: 800px;
  margin: 0 auto;
}

.why-grevir h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #000;
}

.why-list {
  list-style: none;
  padding-left: 0;
}

.why-list li {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 16px;
  position: relative;
  padding-left: 20px;
}

.why-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #4CAF50;
  font-weight: bold;
}

/* Мобильная адаптация */
@media (max-width: 600px) {
  .why-grevir h3 {
    font-size: 20px;
  }

  .why-list li {
    font-size: 16px;
    margin-bottom: 14px;
  }
}
/*КОНЕЦ СТАТЬИ О НАС */

/*ОПЛАТА И ДОСТАВКА*/
.payment-delivery {
  background-color: #fefefe;
  padding: 40px 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
}

.payment-delivery .container {
  max-width: 900px;
  margin: 0 auto;
}

.payment-delivery h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #111;
}

.payment-delivery h3 {
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 15px;
  color: #000;
}

.payment-delivery p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}

.payment-delivery ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

.payment-delivery ul li {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.5;
  list-style: disc;
}

.payment-delivery .block {
  margin-bottom: 30px;
}

@media (max-width: 600px) {
  .payment-delivery h2 {
    font-size: 24px;
  }
  .payment-delivery h3 {
    font-size: 20px;
  }
  .payment-delivery p,
  .payment-delivery ul li {
    font-size: 15px;
  }
}
/*КОНЕЦ ОПЛАТА И ДОСТАВКАК*/

/*установка*/
.installation-block {
  background-color: #f8f8f8;
  padding: 40px 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
}

.installation-block .container {
  max-width: 900px;
  margin: 0 auto;
}

.installation-block h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #111;
}

.installation-block h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 10px;
}

.installation-block p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}

.installation-block ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

.installation-block ul li {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.5;
  list-style: disc;
}

@media (max-width: 600px) {
  .installation-block h2 {
    font-size: 24px;
  }
  .installation-block h3 {
    font-size: 18px;
  }
  .installation-block p,
  .installation-block ul li {
    font-size: 15px;
  }
}
/*конец установка*/







/*categotii na glavnoi */
.categ-link-all{
	    margin-top: 2em;
		margin-bottom: 6em;

}
.categ-link-all a{

}
.categ-link-all ul{
margin-bottom: 5px;
    margin-top: 10px;
	padding: 0em 1em;
}
.categ-link-all li{
	display: inline-block;
    margin-bottom: 4px;
}

/* content */
#content {
	min-height: 600px;
}
/* footer */
footer {
    margin-top: 30px;
    background-color: #5c5c5c;
    color: #ffffff;
    padding: 2em 3em;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #fff;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	    padding-top: 2em;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
    top: 5px;
    right: -5px;
    width: 10px;
    height: 10px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.breadcrumb > li a{
	color: #a1a1a1;
}
.pagination {
	margin: 0;
}



.nodisplay{
 display: none;
}


.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
	list-style-type: none;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;

}
.image-additional {
	max-width: 24%;
	display: inline-block;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}
.html-text{

	  padding: 0;
  margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}

.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {

}

.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #f1f1f1;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;

}


/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}


.randooom .caption2 {
    height: 110px;
    min-height: 100px;
}
@media (max-width: 1200px) {

}
.adress_mobi_head{
    display: none;
}
.contakt-mob{
	display:none;
}

@media (max-width: 767px) {


.contakt-mob{
	    text-align: center;
    margin-bottom: 1em;
    padding-bottom: 1em;
	display:block;
}
.adress_mobi_head{
	    margin-left: 40%;
    display: block;
	    text-align: center;
		    color: #c1c1c1;
}
.contakt-mob a{
padding: 6px;
    color: #5e5e5e;
}
.contakt-mob .fa{
	padding-right: 10px;
	color: #bfada2;
}
.headerfon_fix .kontact_home {
    display: inline-flex;
}
.tele_home {
    display: inline-flex;
}
.inner_fix_panel .mobile {
    display: inline-block;
    width: 98%;
    padding-top: 12px;
    text-align: center;
	margin: 0;
}
}
.product-thumb .rating {
	    padding-bottom: 0;
    position: inherit;
    display: inline;

}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}


@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
	.product-thumb .caption {
    padding: 0 10px;
	}
	.product-thumb {
    margin: 1em 3px;

	}
	.product-thumb .button-group button:first-child {

    font-size: 13px;
    padding: 8px 2px;
	}
	.product-thumb .button-group {

    padding: 0 9px 15px;
	}
	.product-thumb .caption p {

	}

	.nenushnie-knopki{
		display: none;
	}
	.text-gallery{
	text-align:center;
	}
	.rb-gallery-list {
    margin: 0px -7px;
	}
	.maps1{
		display:flex;
		width:65%;
		margin-left:19%;
	}
	header {

	}
	.header01{
		position: sticky;
    top: 0;
    z-index: 1000;
    background: #fff; /* или любой твой фон */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); /* мягкая тень */
	        position: fixed;
        width: 100%;
	}

	.desctop{
		display:none;
	}
	.searchmobile{

	}
	.navmobi{
		display:inline-block;
	}
	.logomobi{

	}
	.logomobi a{

	}
	.logomobi img{

	}
	#search .btn-lg{

    margin-top: 0;
    margin-left: 0;
    padding: 0;
	height: 0;

	}
	#search .input-lg {
    padding: 1em 3em;
	}

.button_back {
	display:none;
}

.image-additional {
max-width: 49%;
}

.rb-gallery-img-outer.foto {

    border: none;
}
.rb-gallery .col-lg-2{
	    padding-right: 1px;
    padding-left: 1px;
}
}



.navbar-header {
	display:none;
}
@media (max-width: 959px){
	.navbar-header {
	display:inline-block;
	z-index:100;
}
}

@media (min-width: 767px) and (max-width: 959px){

	#menu{
		display: none;
	}
	.menu_home_top {

    padding: 0;
	}

}

@media (min-width: 1301px) and (max-width: 1500px){

	#content .h1{
	margin-top: -50px;
}

.padding: 3px 0;
    line-height: 1;
}
.opisanie-produkta-p{
	       font-size: 1.2em;

}
.product-thumb {
    margin: 1em 0;

}

}

@media (min-width: 1200px){
.product-thumb {
    height: 660px;
}
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
	#menu {
    width: 13%;
	}

}
@media (min-width: 1200px) and (max-width: 1400px){
.product-thumb {
    margin: 1em 0;
    height: 540px;
}
	.product-layout{
		    padding-right: 5px;
    padding-left: 5px;
	}
	.rb-gallery{
		    padding-right: 5px;
    padding-left: 5px;
	}


}
@media (min-width: 1200px) and (max-width: 1600px){
	.product-thumb .caption p {
    font-size: 12px;
    line-height: 1.3;
    color: #3c3c3c;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.product-thumb .button-group button:first-child {

    font-size: 13px;
}
h2 {
    margin-top: 2em;
}

#menu .nav > li > a {
    padding: 0.2em 1.1em 2px 0;
}


}
@media (min-width: 959px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 959px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
	.dostavlahtml {
    padding: 1em 2em 1em 1em;
	}
	.opishtml {
    width: 100%;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
/*img category*/
.imgcategory .product-thumb.transition > h4 {
	text-align: center;
    padding: 10px;
}
.imgcategory a{
 color: #2c2c2c;
    text-transform: uppercase;
    font-size: 1em;
  text-shadow: 1px 1px 0px #adadad;
}

.img_cat_img .opis_categ_img{
    padding-left: 15px;
margin-top: -5em;
text-align: justify;


}
.opis_categ_img a{

}
.fa-search{
	color: #000;
}
.button_back{
    color: #bfada2;
    background: #fcfcfc;
}
/*sticker*/
.image {
    position: relative;
}
.image .corner_0,
.image .corner_1,
.image .corner_2,
.image .corner_3 {
    height: 57px;
	width: 58px;
    position: absolute;
	z-index: 998;
}
.image .corner_0 {
	left: 0px;
    top: 0px;
}
.image .corner_1 {
	right: 0px;
    top: 0px;
}
.image .corner_2 {
	left: 0px;
    bottom: 0px;
}
.image .corner_3 {
	right: 0px;
    bottom: 0px;
}
.box-product .image .corner_0 img,
.box-product .image .corner_1 img,
.box-product .image .corner_2 img,
.box-product .image .corner_3 img {
	border: none;
    padding: 0px;
}
.box .box-product .image .corner_0 img,
.box .box-product .image .corner_1 img,
.box .box-product .image .corner_2 img,
.box .box-product .image .corner_3 img {
	width: 60%;
}
/*benefits*/
.product-grid .benefit-text,
.product-grid .benefit,
.product-grid .benefits,
.product-grid .present {
	display: none;
}
.benefits {
	margin-left: -15px;
}
.benefit {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.product-list .benefit-text {
	float: left;
	line-height: 40px;
	margin-right: 5px;
}
.benefit li span {
	display: table-cell;
	vertical-align: middle;
}
.benefit_description {
	display: none;
	position: absolute;
	top: 41px;
	z-index: 2;
	border: 1px solid #38b0e3;
	padding: 15px;
	left: -75px;
	border-radius: 4px;
	background: white;
	box-shadow: 0 0 8px grey;
	width: 150px;
	line-height: 13px;
	font-size: 11px;
}
.benefit_description:after {
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	top: -7px;
	content: '';
	left: 82px;
}
.benefit_description:before {
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #38b0e3;
	top: -8px;
	content: '';
	left: 82px;
}
.benefit li:hover .benefit_description {
	display: block;
}
.product-info .present {
	border-top: 1px solid #E7E7E7;
	padding: 15px 5px 10px 5px;
	margin-top: 10px;
}



@media (min-width: 960px) and (max-width: 1139px){

	#toplogo {
    margin: 25px 10px 15px 10px;
}
.navbar-collapse {
    padding-right: 4px;
    padding-left: 4px;
}
.logo-big-otstup{
	padding:0;
}
.strelka_down{
	display: none;
}


.not_padd .container{
	width: 790px;
}
.imgcategory .col-lg-3{
	padding:0;
}
.headerfon_fix .col-lg-3{
	padding:0;
}
.opisanie-produkta-p{
	font-size: 9px;
	margin: 0 0 4px;

}
.product-layout{
padding-right: 4px;
    padding-left: 4px;
}
.html-text p{
	    font-size: 13px;
    line-height: 1.2;
}

.tab-pane .col-lg-3{
padding-right: 4px;
    padding-left: 4px;
}

.button-group .nenushnie-knopki{
	display: none!important;
}
.product-thumb .button-group button, .product-thumb .button-group button + button {
    width: 100%;
}
.hidden-md {
    display: inline !important;
}
.opisanie-produkta-p{
	display:none;
}
.product-grid .product-thumb .caption {
           min-height: 150px;
        padding: 0px 10px;
}
.descriptcateg {
    display: -webkit-box;
    -webkit-line-clamp: 3;
}
.product-thumb {
    margin: 1em 0;
	height: 490px;
}


}
.brends-alphabet {
    overflow: hidden;
    font-size: 0;
}
.brends-alphabet:after {
    display: table;
    clear: both;
    content: '';
}
.brends-alphabet__inner {
    margin-top: -1px;
    margin-right: -1px;
}
.brends-letter_box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    font-size: 16px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    box-sizing: border-box;
}
.brends-letter_box:before {
    position: absolute;
    top: -1px;
    left: -1000px;
    right: -1000px;
    border-top: 1px solid #988265;
    content: '';
}
.brand-wrap {
    padding: 30px 20px;
    box-sizing: border-box;
}
.brends-letter {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 52px;
    line-height: 30px;
    margin-bottom: 39px;
    color: #988265;
}
.brend-link {
    display: inline-block;
    width: 100%;
    color: grey;
    font-size: 15px;
    font-family: 'Trebuchet MS', sans-serif;
    line-height: 24px;
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.brends-letter_box:after {
    position: absolute;
    right: -1px;
    top: -1000px;
    bottom: -1000px;
    border-right: 1px solid #988265;
    content: '';
}
.dropbtn {
    background-color: #bfad95;
    color: white;
      padding: 13px;
    margin-top: 8px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #6d5e4b;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}
.textblok{
	    border: 1px solid #bead94;
    padding: 8px;
    background: #bfad95;
    color: #fff;
    display: inline-block;
 margin: 2px;
    font-size: 14px;
}
.categ_ots{
	padding-bottom: 5em;
}


.col-sm-10, .opis-categ-8{
    width: 77%;
    font-size: 14px;
    line-height: 1;
    padding: 20px 30px;
    border-radius: 6px;
    color: #717171;
}
#tags_cloud .teg_style{
    border: 1px solid #bead94;
    padding: 7px;
    background: #bfad95;
    color: #fff;
    margin: 7px;
}
.dopcat{
	border: 1px solid #bead94;
    padding: 3px 10px;
    background: #bfad95;
    color: #fff;
    display: inline-block;
    margin: 2px;
}
.popblogst{
	min-height: 66px!important;

}

/*верстка под большие экраны*/
@media (min-width: 3000px){
	.navbar-nav > li {
    font-size: 25px;
    display: contents;
}
#toplogo {
    margin: 25px 10px 15px 60px;
}

.imgcategory a {
    font-size: 29px;
}
h3 {
    font-size: 41px;
}
.headerfon_fix .kont_span {
    padding-top: 0px;
}
h4 {
    font-size: 23px;
}

.opisanie-produkta-p {
    font-size: 19px;

}
h2 {
    font-size: 34px;
}
p {
    margin: 0 0 10px;
    font-size: 21px;
    line-height: 2;
}
.list-group a{
	font-size: 24px;
    padding: 15px;
}
.categ-link-all li {
    margin-bottom: 8px;
    margin-right: 5px;
}
h1 {
font-size: 28px;
}
.custom_banner a {
    font-size: 19px;
}

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 17px;
}
.form-group {
    margin-bottom: 44px;
}
.btn-lg {
    font-size: 33px;
}
.form-control {

    height: 60px;
    padding: 11px 15px;
}
body {
    font-size: 23px;
    line-height: 36px;
}
}


.kategopis001{
	font-size: 25px;
    margin-top: 4em;
    color: #99755f;
}
.kategopis002{
    margin-top: 15px;
}
.kategopis002{
	color: #ababab;
}
.ssilkakompl1{
	text-align: center;
    font-size: 17px;
    border: 1px solid #bfada2;
    padding: 11px 0px 5px;
    display: inline-block;
    width: 25%;
    margin-left: 37.5%;
    margin-bottom: 3em;
    box-shadow: 4px 9px 17px #f5f5f5;
}


/*fixpasnel*/
.fix_panel_minimalizm_theme{background:<?=$color_back ?>;}
.fix_panel_minimalizm_theme.position_top{border-bottom: 1px solid <?=$color_border ?>;}
.fix_panel_minimalizm_theme.position_bottom{border-top: 1px solid <?=$color_border ?>;}
.fix_panel_minimalizm_theme .fix_phone {color: <?=$color_phone ?>;}
.fix_panel_minimalizm_theme .fix_phone:after {border-right:1px solid <?=$color_border ?>;}
.fix_panel_minimalizm_theme .fix_links ul li a{color: <?=$color_links ?>;}
.fix_panel_minimalizm_theme .fix_viewed{color: <?=$color_links ?>;}
.fix_panel_minimalizm_theme .fix_links ul li:hover a,.fix_panel_dark_theme .fix_links ul li:focus a{color: <?=$color_links_h ?>}
.fix_panel_minimalizm_theme .fix_social_links:after {border-left: 1px solid <?=$color_border ?>;}

#fix_panel {position: fixed;left:0;width: 100%;z-index: 999;}
#fix_panel.position_bottom {bottom:0;}
#fix_panel.position_top {top:0;}
#fix_panel.position_top.fix_hide {display:none;}
#fix_panel.position_top.fix_show {display:block;}
#fix_panel ul{list-style:none;margin:0;padding:0;}

#fix_panel .inner_fix_panel{position:relative;z-index: 99;}
#fix_panel .fix_phone {position:relative;float: right;cursor:pointer}
#fix_contact_div{padding:10px;  font: normal 14px/24px Verdana;}
#fix_panel #fix_contacts {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  text-align: center;
}

#fix_panel .fix_phone:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 10px;
  background-position: 0px 0px;
}
#fix_panel .fix_viewed {position:relative;float: left;cursor: pointer;}
#fix_panel .fix_viewed:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 10px;
  background-position: 0px -117px;
  transition:all 0.2s;
}
#fix_panel .fix_viewed:hover:before {
background-position: -24px -117px;
}
#fix_view_products{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 50px;
  height: 188px;
  background: #FFF;
  z-index: 9;
  box-shadow: 0px -5px 15px rgba(0,0,0,0.1);
  border-top: 1px solid rgba(255,255,255,0.1);
}
#fix_up{
  display: none;
  position: fixed;
  right: 10px;
  width: 24px;
  cursor: pointer;
  height: 24px;
  background: url('/image/data/fix-up.png') no-repeat;
}
#fix_up.fix_up_top{bottom: 10px;}
#fix_up.fix_up_bottom{bottom: 60px;}
#fix_panel .fix_wishlist {position:relative;float: right;cursor: pointer;}
#fix_panel .fix_wishlist:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 10px;
  background-position: 0px -139px;
   transition:all 0.2s;
}
#fix_panel .fix_wishlist:hover:before {
background-position: -24px -139px;
}
#fix_wishlist_products{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 50px;
  max-height: 250px;
  height: auto;
  background: #FFF;
  z-index: 9;
  overflow: auto;
  box-shadow: 0px -5px 15px rgba(0,0,0,0.1);
}
.fix_wishlist > span{display: block;}
#fix_view_products .view_pr_dark, #fix_view_products .view_pr_minimalizm {bottom:40px !important;}
#fix_view_products > div{padding: 15px;position: relative;height: 158px;}
#fix_wishlist_products .view_pr_dark, #fix_wishlist_products .view_pr_minimalizm {bottom:40px !important;}
#fix_wishlist_products > div{position: relative;line-height: 35px;}
#fix_wishlist_products .box-wishlist .item{
overflow: hidden;padding:5px;transition: 0.2s;

}
#fix_wishlist_products .box-wishlist .item:hover,#fix_wishlist_products .box-wishlist .item:focus{background:#f2f2f2}
#fix_wishlist_products .box-wishlist .item + .item{border-top:1px solid #fff}
#fix_wishlist_products .box-wishlist .image{float:left;height: 35px;}
#fix_wishlist_products .box-wishlist .name{float: left;margin-left: 3px;width: 70%;line-height: 14px;}
#fix_wishlist_products .box-wishlist .name a{color: #666;text-decoration: none;font-size: 11px;}
#fix_wishlist_products .box-wishlist .remove{ float: right;color: #F70000;padding:0px 3px;}
/*  Light theme  */




#fix_panel.fix_panel_light_theme #fix_contacts {color: #3A5BA2;font: bold 13px/14px 'Verdana';}
.fix_panel_light_theme .fix_phone {
  padding: 0px 15px 0px 45px;
  font: bold 16px/50px 'Verdana';
  color: #000;
  text-shadow: 1px 1px 0px #fff;
  background: url('/image/data/light_fix_panel_bg.png') repeat-x;
}
.fix_panel_light_theme #fix_view_products.top{
	top: 50px !important;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.1)!important;
	border-bottom: 1px solid rgba(255,255,255,0.1)!important;
}
.fix_panel_light_theme #fix_wishlist_products.top{
	top: 50px !important;
	bottom: auto;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.1)!important;
	border-bottom: 1px solid rgba(255,255,255,0.1)!important;
}
.fix_panel_light_theme .fix_viewed {
  padding: 0px 15px 0px 35px;
  font: bold 14px/50px 'Verdana';
  color: #3A5BA2;
  text-shadow: 1px 1px 0px #fff;
  background: url('/image/data/light_fix_panel_bg.png') repeat-x;
}
.fix_panel_light_theme .fix_wishlist {
  padding: 0px 15px 0px 35px;
  font: bold 14px/50px 'Verdana';
  color: #3A5BA2;
  text-shadow: 1px 1px 0px #fff;
  background: url('/image/data/light_fix_panel_bg.png') repeat-x;
  border-left:1px solid #c3c3c3;
}

.fix_panel_dark_theme .fix_wishlist {
    padding: 0px 15px 0px 35px;
    font: bold 14px/40px 'Verdana';
    color: #959595;
    background: url('/image/data/dark_fix_panel_bg.png') repeat-x;
    border-left: 1px solid #383838;
}
.fix_panel_light_theme .fix_wishlist:before {background: url('/image/data/light_fix_panel_set.png') no-repeat;top: 13px;}
.fix_panel_light_theme .fix_wishlist:before {
    background: url('/image/data/dark_fix_panel_set.png') no-repeat;
    top: 13px;
}
.fix_panel_light_theme .fix_viewed  #viewed-text{border-bottom: 1px dashed;}
.fix_panel_light_theme .fix_viewed:before {background: url('/image/data/light_fix_panel_set.png') no-repeat;top: 13px;}

.fix_panel_light_theme .fix_phone:before {background: url('/image/data/light_fix_panel_set.png') no-repeat;top: 13px;}
.fix_panel_light_theme .fix_phone:after {border-right:1px solid #c3c3c3;box-shadow: 1px 1px 0px #fff;}


/*  Dark theme  */
.fix_panel_dark_theme{background: #1f1f1f; box-shadow: 0px 0px 15px rgba(0,0,0,.2);height: 40px;}
.fix_panel_dark_theme.position_top{border-bottom: 1px solid #383838;}
.fix_panel_dark_theme.position_bottom{border-top: 1px solid #383838;}

#fix_panel.fix_panel_dark_theme #fix_contacts {  color: #959595;font: normal 13px/14px 'Verdana';}
.fix_panel_dark_theme .fix_phone {padding: 0px 15px 0px 45px;font: bold 14px/40px 'Verdana';color: #fff;}

.fix_panel_dark_theme .fix_viewed {
  padding: 0px 15px 0px 35px;
  font: bold 14px/40px 'Verdana';
  color: #959595;
  background: url('/image/data/dark_fix_panel_bg.png') repeat-x;
  cursor: pointer;
}

/*  Custom theme  */
.fix_panel_minimalizm_theme{box-shadow: 0px 0px 15px rgba(0,0,0,.2);height: 40px;}
#fix_panel.fix_panel_minimalizm_theme #fix_contacts {font:normal 13px/14px 'Verdana';}
.fix_panel_minimalizm_theme .fix_phone {padding: 0px 15px 0px 45px;font: bold 14px/40px 'Verdana';}

.fix_panel_minimalizm_theme .fix_viewed {
  padding: 0px 15px 0px 35px;
  font: bold 14px/40px 'Verdana';
  cursor: pointer;
}


.fix_panel_dark_theme .fix_viewed:before {background: url('/image/data/dark_fix_panel_set.png') no-repeat;top: 8px;}
.fix_panel_minimalizm_theme .fix_viewed:before {background: url('/image/data/minimalizm_fix_panel_set.png') no-repeat;top: 8px;}
.fix_panel_dark_theme .fix_phone:before {background: url('/image/data/dark_fix_panel_set.png') no-repeat;top: 8px;}
.fix_panel_minimalizm_theme .fix_phone:before {background: url('/image/data/minimalizm_fix_panel_set.png') no-repeat;top: 8px;}
#fix_panel .fix_phone:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  right: 0px;
  top: 0px;
}

.fix_panel_dark_theme .fix_phone:after {border-right:1px solid #383838;}


#fix_panel .fix_links {text-align: center;}
#fix_panel .fix_links ul li{
display: inline-block;
position:relative;
}

#fix_panel .fix_links ul li + li{margin-left: 15px;}
#fix_panel .fix_links ul li .fp_img {
display:inline-block;
    position:relative;
    width:24px;
    height:24px;
    overflow:hidden;
	top: 8px;
	margin-right:5px;
}
#fix_panel .fix_links ul li img{position:absolute;transition: all 0.2s;left: 0px;}
#fix_panel .fix_links ul li:hover img{left: -24px;}
#fix_panel .fix_links ul li.link_custom :hover img{left: 0px;}
#fix_panel .fix_links ul li.link_lk img{top: -24px; }
#fix_panel .fix_links ul li.link_wishlist img{top: -49px;}
#fix_panel .fix_links ul li.link_cart img{top: -73px;}
#fix_panel .fix_links ul li.link_feedback img{top: -97px;}

#fix_panel .fix_links ul li:hover  a:after,
#fix_panel .fix_links ul li:focus  a:after{background-position-x: -24px;}


.fix_panel_light_theme .fix_links ul li a{font: 14px/50px 'Verdana';text-shadow: 1px 1px 0px #fff;color: #555555;display: block;transition: all 0.2s;}
.fix_panel_light_theme .fix_links ul li:hover  a,
.fix_panel_light_theme .fix_links ul li:focus a{color: #000}

.fix_panel_dark_theme .fix_links ul li a{font: 14px/40px 'Verdana';color: #959595;display: block;transition: all 0.2s;}
.fix_panel_dark_theme .fix_links ul li:hover  a,
.fix_panel_dark_theme .fix_links ul li:focus a{color: #fff}

.fix_panel_minimalizm_theme .fix_links ul li a{font: 14px/40px 'Verdana';display: block;transition: all 0.2s;}

#fix_panel .fix_social_links {float: right;padding:0px 8px;position:relative;}
.fix_panel_light_theme .fix_social_links{background: url('/image/data/light_fix_panel_bg.png') repeat-x;}
#fix_panel .fix_social_links:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0px;
  top: 0px;
}
.fix_panel_light_theme .fix_social_links:after {box-shadow: -1px 1px 0px #fff;}
.fix_panel_dark_theme .fix_social_links:after {border-left: 1px solid #383838;}

#fix_panel .fix_social_links li {display:inline-block;position: relative;}
.fix_panel_light_theme .fix_social_links li {padding:9px 4px;}
.fix_panel_dark_theme .fix_social_links li {padding: 7px 4px;}
.fix_panel_minimalizm_theme .fix_social_links li {padding: 7px 4px;}

.fix_panel_light_theme .fix_social_links li a{display:block;width: 32px;height: 32px;background: url('/image/data/light_fix_panel_set.png') no-repeat;}
.fix_panel_light_theme .fix_social_links a.link_fb {background-position: -49px 0px;}
.fix_panel_light_theme .fix_social_links a.link_vk {background-position: -49px -99px;}
.fix_panel_light_theme .fix_social_links a.link_gp {background-position: -49px -35px;}
.fix_panel_light_theme .fix_social_links a.link_tw {background-position: -49px -67px;}
.fix_panel_light_theme .fix_social_links a.link_inst {background-position: -49px -131px;}

.fix_panel_dark_theme .fix_social_links li a{display:block;width: 24px;height: 24px;background: url('/image/data/dark_fix_panel_set.png') no-repeat;transition: all 0.2s;}
.fix_panel_dark_theme .fix_social_links a.link_fb {background-position: -48px 0px;}
.fix_panel_dark_theme .fix_social_links a.link_vk {background-position: -48px -24px;}
.fix_panel_dark_theme .fix_social_links a.link_gp {background-position: -48px -48px;}
.fix_panel_dark_theme .fix_social_links a.link_tw {background-position: -48px -72px;}
.fix_panel_dark_theme .fix_social_links a.link_inst {background-position: -48px -96px;}

.fix_panel_minimalizm_theme .fix_social_links li a{display:block;width: 24px;height: 24px;background: url('/image/data/minimalizm_fix_panel_set.png') no-repeat;transition: all 0.2s;}
.fix_panel_minimalizm_theme .fix_social_links a.link_fb {background-position: -48px 0px;}
.fix_panel_minimalizm_theme .fix_social_links a.link_vk {background-position: -48px -24px;}
.fix_panel_minimalizm_theme .fix_social_links a.link_gp {background-position: -48px -48px;}
.fix_panel_minimalizm_theme .fix_social_links a.link_tw {background-position: -48px -72px;}
.fix_panel_minimalizm_theme .fix_social_links a.link_inst {background-position: -48px -96px;}

.fix_panel_dark_theme .fix_social_links a:hover,.fix_panel_dark_theme .fix_social_links a:focus {background-position-x: -72px;}


@media screen and (max-width: 1024px) {
	.fix_panel_light_theme .fix_links ul li a {font: 13px/50px 'Verdana';}
	.fix_panel_dark_theme .fix_links ul li a {font: 13px/40px 'Verdana';}
	.fix_panel_minimalizm_theme .fix_links ul li a {font: 13px/40px 'Verdana';}
}
@media screen and (max-width: 980px) {
	.fix_panel_light_theme .fix_links ul li a span {display:none;}
	.fix_panel_light_theme .fix_viewed span {display:none;}
	.fix_panel_light_theme .fix_wishlist span {display:none;}
	.fix_panel_dark_theme .fix_links ul li a span {display:none;}
	.fix_panel_dark_theme .fix_viewed span {display:none;}
	.fix_panel_minimalizm_theme .fix_viewed span {display:none;}
	.fix_panel_minimalizm_theme .fix_links ul li a span {display:none;}
}
@media screen and (max-width: 650px) {
	#fix_panel .fix_social_links {display:none;}
	#fix_panel .fix_links ul li + li {margin-left: 10px;}
}
@media screen and (max-width: 420px) {
	#fix_panel .fix_links ul li + li {margin-left: 5px;}
	.fix_panel_light_theme .fix_phone{padding: 0px 10px 0px 38px;font: bold 14px/50px 'Verdana';}
	.fix_panel_dark_theme .fix_phone{padding: 0px 10px 0px 38px;font: bold 14px/40px 'Verdana';}
	.fix_panel_minimalizm_theme .fix_phone{padding: 0px 10px 0px 38px;font: bold 14px/40px 'Verdana';}

}

/* Magnific Popup Style ----------------*/

.mfp-figure figure {
  border-radius: 2px;
  padding: 5px;
  background: none;
}

.rb-gallery .mfp-image-holder .mfp-close,
.rb-gallery .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.rb-gallery .mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.rb-gallery .mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.rb-gallery .mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.rb-gallery .mfp-arrow:hover,
.rb-gallery .mfp-arrow:focus {
  opacity: 1;
}

.rb-gallery button.mfp-close,
.rb-gallery button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.rb-gallery .mfp-arrow-right {
  right: 0;
}

.rb-gallery .mfp-arrow {
  position: absolute;
  opacity: 0.65 !important;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (min-width: 1200px) {
  .rb-gallery .col-lg-2:nth-child(6n+1),
  .rb-gallery .col-lg-3:nth-child(4n+1),
  .rb-gallery .col-lg-4:nth-child(3n+1),
  .rb-gallery .col-lg-6:nth-child(2n+1) {
    clear: left;
  }
  .rb-gallery .col-lg-1 {
    width: 8.33333333%;
  }
  .rb-gallery .col-lg-2 {
    width: 16.66666667%;
  }
  .rb-gallery .col-lg-3 {
    width: 25%;
  }
  .rb-gallery .col-lg-4 {
    width: 33.33333333%;
  }
  .rb-gallery .col-lg-6 {
    width: 50%;
  }
  .rb-gallery .col-lg-12 {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .rb-gallery .col-md-2:nth-child(6n+1),
  .rb-gallery .col-md-3:nth-child(4n+1),
  .rb-gallery .col-md-4:nth-child(3n+1),
  .rb-gallery .col-md-6:nth-child(2n+1) {
    clear: left;
  }
  .rb-gallery .col-md-1 {
    width: 8.33333333%;
  }
  .rb-gallery .col-md-2 {
    width: 16.66666667%;
  }
  .rb-gallery .col-md-3 {
    width: 25%;
  }
  .rb-gallery .col-md-4 {
    width: 33.33333333%;
  }
  .rb-gallery .col-md-6 {
    width: 50%;
  }
  .rb-gallery .col-md-12 {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .rb-gallery .col-sm-2:nth-child(6n+1),
  .rb-gallery .col-sm-3:nth-child(4n+1),
  .rb-gallery .col-sm-4:nth-child(3n+1),
  .rb-gallery .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
  .rb-gallery .col-sm-1 {
    width: 8.33333333%;
  }
  .rb-gallery .col-sm-2 {
    width: 16.6666%;
  }
  .rb-gallery .col-sm-3 {
    width: 25%;
  }
  .rb-gallery .col-sm-4 {
    width: 33.3333%;
  }
  .rb-gallery .col-sm-6 {
    width: 50%;
  }
  .rb-gallery .col-sm-12 {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .rb-gallery .col-xs-2:nth-child(6n+1),
  .rb-gallery .col-xs-3:nth-child(4n+1),
  .rb-gallery .col-xs-4:nth-child(3n+1),
  .rb-gallery .col-xs-6:nth-child(2n+1) {
    clear: left;
  }
  .rb-gallery .col-xs-1 {
    width: 8.33333333%;
  }
  .rb-gallery .col-xs-2 {
    width: 16.6666%;
  }
  .rb-gallery .col-xs-3 {
    width: 25%;
  }
  .rb-gallery .col-xs-4 {
    width: 33.3333%;
  }
  .rb-gallery .col-xs-6 {
    width: 50%;
  }
  .rb-gallery .col-xs-12 {
    width: 100%;
  }
  .custom_banner a {
   text-align: left;
    display: inline-block;
    padding: 0;
    font-size: 12px;
  }
  .custom_banner .fa-3x {
  font-size: 2em;
  padding-right: 1em;
  }

  .infopochta span{
	      display: block;
    margin: 1em;
  }
  h3 {
    font-size: 1.5em;
  }
  .cartacontactn{
	  width: 100%;
  }
}


/*-----------------------------------------------
-------- Owl Carousel ---------------------------
-----------------------------------------------*/


/**
 * Owl Carousel v2.3.3
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */


/*
 *  Owl Carousel - Core
 */

.rb-gallery-owl-carousel {
  display: none;
  width: 100%;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.rb-gallery-owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.rb-gallery-owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.rb-gallery-owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.rb-gallery-owl-carousel .owl-wrapper,
.rb-gallery-owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.rb-gallery-owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.rb-gallery-owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.rb-gallery-owl-carousel .owl-nav.disabled,
.rb-gallery-owl-carousel .owl-dots.disabled {
  display: none;
}

.rb-gallery-owl-carousel .owl-nav .owl-prev,
.rb-gallery-owl-carousel .owl-nav .owl-next,
.rb-gallery-owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rb-gallery-owl-carousel .owl-nav button.owl-prev,
.rb-gallery-owl-carousel .owl-nav button.owl-next,
.rb-gallery-owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
}

.rb-gallery-owl-carousel.owl-loaded {
  display: block;
}

.rb-gallery-owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.rb-gallery-owl-carousel.owl-hidden {
  opacity: 0;
}

.rb-gallery-owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.rb-gallery-owl-carousel.owl-drag .owl-item {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rb-gallery-owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.rb-gallery-owl-carousel.owl-rtl {
  direction: rtl;
}

.rb-gallery-owl-carousel.owl-rtl .owl-item {
  float: right;
}


/* No Js */

.no-js .rb-gallery-owl-carousel {
  display: block;
}


/*
 *  Owl Carousel - Animate Plugin
 */

.rb-gallery-owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.rb-gallery-owl-carousel .owl-animated-in {
  z-index: 0;
}

.rb-gallery-owl-carousel .owl-animated-out {
  z-index: 1;
}

.rb-gallery-owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


/*
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
  transition: height 500ms ease-in-out;
}


/*
 * 	Owl Carousel - Lazy Load Plugin
 */

.rb-gallery-owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.rb-gallery-owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}


/*
 * 	Owl Carousel - Video Plugin
 */

.rb-gallery-owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.rb-gallery-owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.rb-gallery-owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.rb-gallery-owl-carousel .owl-video-playing .owl-video-tn,
.rb-gallery-owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.rb-gallery-owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.rb-gallery-owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.rb-gallery-owl-carousel .owl-nav {
  position: absolute;
  top: 34%;
  text-align: center;
      width: 100%;
}
.rb-gallery-owl-carousel .owl-nav button.owl-prev,
.rb-gallery-owl-carousel .owl-nav button.owl-next{
  color: #2e2e2e;
  outline: none;
    font-size: 40px;
    margin: 5px;
    padding: 4px 15px 11px;
    background: rgba(206, 206, 206, 0.36);
    position: absolute;
    cursor: pointer;
    font-family: Arial;
    opacity: 0;
    transition: 0.5s;
}
.rb-gallery-owl-carousel .owl-nav button.owl-prev{
  left: 0;
}
.rb-gallery-owl-carousel .owl-nav button.owl-next{
  right: 0;
}

.rb-gallery-owl-carousel .owl-nav [class*='owl-']:hover {
  background: rgba(106, 106, 106, 0.7);
  color: #fff;
  text-decoration: none;
}
.rb-gallery-owl-carousel:hover .owl-nav [class*='owl-'] {
  opacity: 1;
}
.rb-gallery-owl-carousel .owl-nav .disabled {
  opacity: 0.5 !important;
}

.rb-gallery-owl-carousel .owl-nav.disabled+.owl-dots {
  margin-top: 10px;
}

.rb-gallery-owl-carousel .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.rb-gallery-owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.rb-gallery-owl-carousel .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.rb-gallery-owl-carousel .owl-dots .owl-dot.active span,
.rb-gallery-owl-carousel .owl-dots .owl-dot:hover span {
  background: #676767;
}
/* Magnific Popup Style ----------------*/
.rb-gallery .mfp-figure figure {
    border-radius: 2px;
    padding: 5px;
    background: none;
}
.rb-gallery .mfp-image-holder .mfp-close,
.rb-gallery .mfp-iframe-holder  .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.rb-gallery .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.rb-gallery .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.rb-gallery .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}
.rb-gallery .mfp-arrow:hover,
.rb-gallery .mfp-arrow:focus {
    opacity: 1;
}
.rb-gallery button.mfp-close,
.rb-gallery button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.rb-gallery .mfp-arrow-right {
    right: 0;
}
.rb-gallery .mfp-arrow {
    position: absolute;
    opacity: 0.65 !important;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 1200px) and (max-width: 1400px){
	h3 {
    font-size: 2em;
	}

	.categfuttextbut1 {
    margin-bottom: 2em;
	}
	.categfuttext2 {
    text-align: center;
    margin-left: 10px;
    width: 80%;
    padding-right: 30px;
}
.categfuttext6, .categfuttext8 {
    text-align: initial;
    padding-left: 5%;
    font-size: 14px;
}
.categfuttext7 {
    margin-bottom: 30px;
    text-align: initial;
    color: #b3b3b3;
    margin-left: 20px;
}
.categfuttext10 {
    margin-top: 0;
    padding-bottom: 0;
}
.categfuttext1 {

    display: flex;
    align-items: center;
    justify-content: center;
}
.categfuttextbut1 a {
    width: 45%;
    font-size: 15px;
}
	.process h3 {
    font-size: 26px;
	}
	.process h6 {
    font-size: 18px;

	}
	.process-c-block p {
    font-size: 11px;

	}
	.categfuttext3 {
    font-size: 18px;
    margin-top: 2em;
	}
	.categfuttext1 {

    display: flex;
	}
	.recomtovar .caption2{
		height: 200px;
	}
	.recomtovar{
		height: 460px;
		padding: 5px;
	}
	.recomtovar p{

	}
	.ssilkakompl1 {
    font-size: 14px;
    padding: 11px 0px 1px;
    width: 30%;
    margin-left: 33.5%;
	}
	.onas2 {

    font-size: 10px;
    line-height: 1.5;
	}
	.tovdost3 {
    padding: 5px 10px;

    font-size: 10px;
}
	.product-thumb .caption2 {
    min-height: 150px;
}

	h4 {
    font-size: 12px;
}
	.form-group .control-label {
    font-size: 12px;
}
	.table-bordered {
    font-size: 11px;
	}

	.custom_banner {
    height: 6em;
	}
	.custom_banner a {
    font-size: 9px;
    padding: 3px;
	}

	h1 {
    font-size: 22px;
	}
	.ul_men_top a {
    font-size: 11px;
	}
	.kontact_home a, .kontact_home {
    font-size: 14px;

	}
	.tele_home {
    font-size: 11px;
	}
	.autorkateg300 {
    padding-top: 1em;
}
	.autorkateg40 p {
    margin-top: 32%;
	}
	.autorkateg40 {

    height: 16em;
	}

	.spisok51 {
    font-size: 16px;
	}
	.spisok52 {
    font-size: 15px;
	}
	.spisok310 {
    font-size: 10px;
	}
	.spisok3 {
    font-size: 14px;
	}
	.spisok31 {
    font-size: 11px;

	}
	.onasstart3 {
    font-size: 10px;
	}
	.onasstart1 {
    font-size: 30px;
	}
	.gorodhtml {
    font-size: 10px;
	}
	.opishtml {
    font-size: 10px;
    line-height: 1.5;
	}
	.listyledost {
    margin: 5px 0px;
	}
	.autorkateg40 p {
    font-size: 10px;
	}

	.caption h4 {
    font-size: 11px;
}

	#menu .nav > li > a {
    padding: 0.2em 1.1em 1px 0em;
    font-size: 12px;
}

.product-thumb .image a {
    font-size: 11px;
}
	.rb-gallery .col-lg-2{
		    padding-right: 5px;
    padding-left: 5px;
	}
	.tab-pane .col-xs-12 {
		 padding-right: 5px;
    padding-left: 5px;
	}
	.rb-gallery-img-outer.foto{
		    border: none;
	}

}
@media (max-width: 1400px){
.categorywall .col-lg-2{
		    padding-left: 5px;
    padding-right: 5px;
	}
	.module .col-md-3{
		  padding-left: 5px;
    padding-right: 5px;
	}
	.product-grid{
		  padding-left: 5px;
    padding-right: 5px;
	}
}



@media (max-width: 320px){
	.mobile_menu_container{
		width: 240px;
	}
}
.menu_container a{

}

.opisograd{
	    background-color: #ece9e4;
    padding: 3em;
    border-radius: 1em;
}
.opisograd h4{
	    font-size: 2em;
    margin: 1em;
    line-height: 2;
    color: #b19268;
}
.konturopisanie{
	    border: 2px solid #bfad95;
    border-radius: 1em;
    padding: 1em;
    margin-bottom: 1em;
}
.callback {
background: rgb(208 208 208);
    border-radius: 0;
    padding: 3em;
	margin-top: 5em;
}
.callback .cb-title {
text-transform: uppercase;
    text-align: center;
margin-bottom: 13px;
    font-size: 19px;

    margin-top: 10px;
}
.cb-title2{
	margin-bottom: 3em;
}
.callback input {
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
    background: #fcfcfc;
    border: 0;
}
.callback input:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}
.callback input:focus::-webkit-input-placeholder {
  color: #fff;
}
.callback input:focus:-moz-placeholder {
  color: #fff;
}
.callback input:focus::-moz-placeholder {
  color: #fff;
}
.callback input:focus:-ms-input-placeholder {
  color: #fff;
}
.callback input::-webkit-input-placeholder {
  position: relative;
  top: 3px;
}
.callback input:-moz-placeholder {
  position: relative;
  top: 3px;
}
.callback input::-moz-placeholder {
  position: relative;
  top: 3px;
}
.callback input:-ms-input-placeholder {
  position: relative;
  top: 3px;
}
.callback .fcallback {
     width: 100%;
    padding: 8px;
    border: 0;
    font-size: 15px;
    text-align: center;
    height: 38px;
    background: #bfada2;
    cursor: pointer;
    transition: 0.3s;
    color: #fff;
}
.callback .fcallback:hover {
background:#000;
color: #fff;
}
.callback .ok-message {
  text-align: center;
  color: #fff;
  margin-top: 12px;
  font-size: 14px;
}
.otzdiv2{
	width: 40%;

    display: inline-block;
}
.otzdiv2 img{
	    max-width: 30%;
    padding: 5px;
}

.otzdiv3{
	    display: inline-block;
    width: 55%;
}
.otzdiv1{
	background: #f5f5f5;
    padding: 15px;
    margin: 3em 0em;
	    display: flex;
}
.otztext1{

}
.otztext2{
	    color: #b7b7b7;
    font-size: 11px;
	    margin-bottom: 25px;
}
.otztext3{
	    font-size: 14px;
}
.rating-mini {
	display: inline-block;
	font-size: 0;
	margin-bottom: 5px;
}
.rating-mini span {
	padding: 0;
	font-size: 20px;
	line-height: 1;
	color: lightgrey;
}
.rating-mini > span:before {
	content: '★';
}
.rating-mini > span.active {
	color: gold;
}
.otznapis{
	    margin-top: 4em;
    display: block;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #bfada2;
}
.otznapis1{
	    text-align: center;
    font-size: 14px;

    margin-bottom: 2em;
}
.otznapis2{
	text-align: center;
    background: #eee;
    padding: 25px;
    font-size: 14px;
}
.imagenamecateg {
	max-width: 100%;
}

/*моб*/
@media (max-width: 767px) {
	.opis-categ-8 {
    position: relative;
  }

  .description-collapsible {
    max-height: 120px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.6s ease;
  }

  .description-collapsible::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3em;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #f9f8f6);
    pointer-events: none;
    transition: opacity 0.3s ease;
  }

  .description-collapsible.expanded {
    max-height: 1000px; /* достаточно много */
  }

  .description-collapsible.expanded::after {
    opacity: 0;
  }

  .toggle-description {
    background: none;
    border: none;
    color: #805030;
    font-weight: 600;
    margin-top: 12px;
    padding: 0;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
  }
	.article-body p img, .article-body div img {
    width: calc(100% - 3px) !important;
	}
	.blog-article p, ol{
	width: 100%;
        margin-left: 1%;
	}
	.blogcategor a {
margin: 5px 5px;
    width: 45%;
    font-size: 12px;
	}
	.product-thumb-blog .description {
    height: 120px;
	}
	.product-thumb-blog {

    padding: 10px;
	}
	h1.module-title {
    padding-top: 0em;
	}

	.bottomtextcateg div, .bottomtextcateg ul{
	    width: 100%;
}

	.recomtovar {
    height: 200px;
}
.tab-content .tab-pane p {
    width: 100%;
}
.bottomtextcateg {
    padding: 2em;
}
	.descrbpttomcateg p{
		    font-size: 11px;
	}
	.process h3, .process h6 {
    width: 100%;
    max-width: 900px;
    margin-bottom: 40px;
}
.process .line-circle {
    display: none;
}
.process-c {
    margin-left: 20px;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}
.process-c-block {
    align-items: flex-start;
    margin-bottom: 33px;
    padding-left: 5px;
    width: 100%;
    max-width: 230px;
    margin-left: 40px;
}
.process-c .icon {
    margin-bottom: 7px;
    margin-left: 5px;
}
.process-c .icon img {
    position: absolute;
    left: -7px;
}
.process-c .icon:after {
    top: 43px;
    left: -62px;
}
.process-c-block p {
    text-align: initial;
}
.process:after {
    display: block;
    top: 114px;
    height: 80%;
}
	.categfuttextbut1 a {

    width: 75%;
    margin-bottom: 8px;
	}
	.categfuttext7 {
    margin-bottom: 30px;
    color: #a1a1a1;
    text-align: initial;
    margin-left: 10%;
	}
	.categfuttext6, .categfuttext8 {
    padding-left: 3%;
    font-size: 14px;
	}

	.categfuttext10 {
    margin-top: 4em;
    padding-bottom: 1em;
	}
	.categfuttext3 {
    font-size: 20px;
    margin-top: 2em;
	}
	.categfuttext2 {
    margin-left: 0;
    width: 100%;
	}
	.ssilkakompl1 {
  width: 90%;
    margin-left: 5%;
    font-size: 15px;
	}
	.otztext3 {
    font-size: 12px;
}
	.otztext1 {

    margin-top: 30px;
}
	.otzdiv3 {
    width: 100%;
	}
	.otzdiv2 {
    width: 100%;
	}
	.otzdiv1 {
    display: grid;
	}
	.oplatastat{
		width: 99%;
    margin-left: 0;
    font-size: 12px;
    padding: 20px;
	}
	.ustanovka200{
		padding-top: 10px;
	}
	.ustanovka1{
		text-align: center;
	}
.ustanovka002{
	    margin-top: -30px;
}
	.ustanovka002 {
    width: 100%;
	}
	.ustanovka{
		font-size: 19px;
	}
	.dosttrans0 {
    display: inline-block;
	text-align: center;
	}
	.dosttrans0 img {
    width: 30%;

	}
	.dosttrans0 li {
    display: contents;
}
	.dosttrans{
		font-size: 16px;
	}
	.dosttrans00{
    width: 100%;
    margin-left: 0;
    font-size: 11px;
	}
	.dostavka2 {
    font-size: 16px;
    margin-bottom: 1em;
}

	.dostavka3, .dostavka7 {
    display: inline-block;
	    text-align: center;
	}
	   .informah1{
		   font-size: 12px;
}
	.dostavka3 li, .dostavka7 li {
    width: 44%;
    background: #eee;
    padding: 10px;
    margin: 5px;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    line-height: 1.5;
}
.dostavka {
    margin-top: 1em;
}
.dostavka5 {
    font-size: 20px;
    padding-bottom: 1em;
}
	h1 {
    font-size: 20px;
	}
	.onas2 li {
    width: 46%;
    background: #eee;
    padding: 10px;
    margin: 10px 1px;
    display: inline-flex;
    font-size: 11px;
    line-height: 1.5;
}
.onas2{
	    display: inherit;
    text-align: center;
    padding: 0;
}
	.onasstart1 {
    font-size: 25px;
	}
	.onas000{
		display: grid;
	}
	.onasstart3img1 {
    width: 100%;
	}
	.onasstart3 {
    width: 100%;
	}
	.onasstart3 {
    font-size: 11px;
	}
	.onasstart4c {
    width: 100%;
    padding-left: 0;
	}
	.worklast {
    font-size: 30px;

	}
	.worklast10 li {
    width: 100%;
    margin: 5px;
    padding: 15px;
    font-size: 12px;
	}
	.worklast10 ul{
		padding: 0;
	}
	.spisok52 {
    color: #a38c7f;
    font-size: 19px;
    display: block;

    text-align: center;
    margin-bottom: 1.5em;
	}
	.spisok51 {
    font-size: 16px;
	}
	.spisok4 {
    display: block;
    width: 99%;
	}
	.spisok2 {
    display: block;
}
.spisok3 {
    font-size: 17px;
    width: 90%;
}
	.spisok {
    font-size: 15px;

    padding: 1em;
    margin: 1em;
    margin-top: 3em;
    margin-bottom: 2em;


	}
	.autorkateg4 {
    display: block;
	}
	.autorkateg40 {
    width: 95%;
    display: inline-block;
    margin-bottom: 20px;
	}
	.autorkateg300 {
    padding-top: 1em;
}
.autorkateg40 p {
    padding: 12px 14px;
    font-size: 12px;
	margin-top: 53%;
    height: 67px;
}
.autorkateg3 {
   margin-top: 3em;
    padding-bottom: 0px;
    font-size: 18px;
}
.autorkateg1 {

    padding-bottom: 2em;
    font-size: 15px;
}
.autorkateg {
    margin-top: 2em;
    padding-bottom: 20px;
    font-size: 13px;
}
.autorkateg2 {
       width: 100%;
    font-size: 13px;
	display: inline-block;
}
.autorkateg2 p {
    padding: 0;

    margin-bottom: 3em;

    width: 100%;
}


		.breadcrumb > li a {
    color: #a9a9a9;
	font-size: 10px;
	}
	.breadcrumb > li {
    padding: 0 10px;

	}

	.dopimgprod {
    margin-bottom: 2em;
}
.tovdost0 {
    margin-bottom: 5em;
}
.opishtml {
height: 13em;
	padding-top: 15px;
    width: 100%;
}

	.text-modul-home{
	    padding-top: 3em;
}

	.listyledost {
    display: block;
    height: min-content;
	}

.callback input {

    margin-bottom: 10px;
  }
.callback .fcallback {
    font-size: 16px;
  }
  .callback {
    padding: 2em;

  }
}

@media (max-width: 550px) {
  /* Скрыть только кнопку "Позвонить" и ссылку "Контакты" */
  .btn-contact:not(.whatsapp) {
    display: none !important;
  }

  .contact-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;

  }


  .header-links .whatsapp {
    padding: 5px 5px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    background-color: transparent;
	        border: 0;
  }

  .header-search-btn {
    color: #aaa;
    font-size: 16px;
  }
}


@media (min-width: 767px) {
  .mobile-only {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .contact-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 5px;
  }

  .contact-info .btn-contact {
    padding: 6px 12px;
    font-size: 14px;
  }

  .contact-info .phone-number {
    font-weight: bold;
    font-size: 15px;
  }

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

  .header-search-btn {
    position: absolute;
    right: 20px;
    top: 10px;
  }
}
@media (max-width: 767px) {
  .mobile-contacts-tablet {
    display: none !important;
  }
}
/*для планшетов*/
@media (min-width: 768px) and (max-width: 1024px) {
  .mobile-contacts-tablet {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    font-size: 14px;
  }

  .mobile-contacts-tablet a {
    display: block;
    font-weight: bold;
    color: #333;
    margin-bottom: 4px;
    text-decoration: none;
  }

  .mobile-contacts-tablet .mobile-whatsapp {
    color: #4CAF50;
  }

  .mobile-contacts-tablet .subtext {
    font-size: 12px;
    color: #777;
    display: block;
    margin-bottom: 8px;
  }
  .header-contacts{
	  display:none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .mobile-contacts-tablet {
   display: flex;
        padding: 0 10px;
        font-size: 14px;
        line-height: 1.3;
         flex-direction: column;
    align-items: flex-end;
        border-bottom: none;
        background: none;
		    gap: 4px;


  }
   .mobile-contacts-tablet .contact-phone,
  .mobile-contacts-tablet .contact-whatsapp {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .mobile-phone, .mobile-whatsapp{
	margin-right: 12px;
  }

  .mobile-contacts-tablet a {
    font-weight: bold;
    text-decoration: none;
    color: #333;
  }

  .mobile-contacts-tablet .mobile-whatsapp {
    color: #4CAF50;
  }

  .mobile-contacts-tablet .subtext {
    font-size: 12px;
    color: #777;
    margin-top: 2px;
  }
  .mobi-pl{
	  display: flex;
    justify-content: space-between;
    align-items: center;
	    width: 100%;

  }
  .logo-block {

    margin-left: 0;
}

}

@media (min-width: 1025px) {
  .header-contacts {
    width: 100%;
    max-width: none;
    flex-grow: 1;
    justify-content: flex-end;
    display: flex !important;
  }

  .main-top-nav {
    max-width: 100%;
    width: 100%;
  }
    .main-top-nav {
            display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
        flex-direction: row;
        flex-wrap: nowrap;
  }

  .main-top-nav .top-nav-list {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    border: none;
	width: 70%;
	margin-left:15px;
  }
  .top-nav-list .subtext{
	      white-space: normal;
  }

  .main-top-nav .top-nav-list li {
    text-align: center;
    list-style: none;
	        width: 135px;
  }

.header-contacts {
        display: flex !important;
        flex-direction: row;
        white-space: nowrap;
        gap: 0;
        justify-content: flex-start;
		        padding-left: 40px;
    }
	.fa-whatsapp{

	}

}
@media (max-width: 767px) {
	    .mobile {

        padding-top: 5px;
		}
	.phone-number {
        font-size: 13px;
        font-weight: 600;
        color: #787878;
        text-decoration: none;
    }
	.contact-info i.fa {
    color: #638b2d;
    font-size: 14px;
    margin-right: 0px;
    margin-bottom: 3px;
}
	.logo-block.logo-mobile {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  max-height: 48px;
  margin-left: 7%;
}
.contact-info {
        padding: 0px 5px;
        margin: 0px 5px;
		margin-left: 23px;

    }

.logo-icon {
  height: 40px;
  width: auto;
}

.logo-text .logo-title {
  font-size: 16px;
  line-height: 1.2;
}

.logo-text .logo-subtitle {
  font-size: 10px;
  line-height: 1.5;
  color: #7a7a7a;
}

.header-links a.kont06{
	font-size: 13px;
        margin-top: 5px;
        color: #787878;
}
	.main-hero {
    padding-top: 7em;
	margin-left: 0;
        margin-right: 0;
	}
	    .product-thumb {
        height: 595px;
    }
	    .product-thumb .caption {
        min-height: 160px;
    }
	.namecategh3 {
    min-height: 40px;
    font-size: 14px;
	}
  .main-hero h1  {
    font-size: 26px;
    line-height: 1.3;
    text-align: center;
    font-weight: 600;
    padding: 0 15px;
  }

  .hero-title .hero-sub {
    display: block;
    font-weight: 700;
    color: #1a1a1a;
    font-size: 28px;
    margin-top: 5px;
  }
  .main-hero p {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 20px;
  }
  .catalog-item.small {
    min-width: 190px;
}
 .service-text h3 {
    font-size: 16px;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 10px;
  }

  .service-sub {
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 5px;
    line-height: 1.4;
    padding: 0 10px;
  }

  .service-text {
    padding: 10px 15px;
  }
  .step-section h2 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px;
  }
  .opisanie-produkta-p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: calc(1.5em * 3); /* 3 строки по 1.5 */
}

}
@media (max-width: 610px) {
	    .product-thumb {
        height: 510px;
    }
}
@media (max-width: 480px) {
	    .product-thumb {
        height: 470px;
    }
    .main-hero h1 {
	font-size: 18px;
	line-height: 0.7;
	margin-bottom: 3em;
}
    .main-hero p {
               font-size: 14px;
        padding: 0 4em;
        margin-bottom: 3em;

	}

	.catalog-item {
    min-width: 190px;
	}
	    .catalog-item.small {
        min-width: 190px;
    }
	.service-block {
    flex-direction: column;
}
.classic-title {
    font-size: 27px;
}
.col-sm-10, .opis-categ-8 {
    width: 100%;
}
    .subcateg-wall {
        gap: 0px;
	}
	.product-thumb .caption p {
        font-size: 13px;
        line-height: 1.2;
    }

}



@media (max-width: 430px) {
	.subcateg-name {
    font-size: 13px;
}

	.classic-subtitle {
    font-size: 15px;
	}
	    .category-heading-human {
        font-size: 21px;
		        padding-top: 1em;
    }
	.category-heading-tech {
    font-size: 12px;
    margin: 0 10%;
	}

  .product-layout {
        padding: 0;
    flex: 0 0 100% !important;
  }

  .product-thumb {
	  margin: 3px;
    margin-bottom: 20px;
  }


  .catalog-item {

    min-width: 165px;
  }
      .catalog-item.small {
        min-width: 165px;
    }
	.classic-title {
    font-size: 21px;
	}
	    .namecategh3 {
        min-height: 38px;
        font-size: 13px;
        margin-bottom: 0;
    }
	    .product-thumb .caption {
        min-height: 142px;
    }
}
@media (max-width: 375px) {
	    .main-hero {
        padding-top: 3em;
		}
	.step-section {
   margin-top: 20px;
    padding: 10px;
	}
	    .step-section h2 {
        font-size: 21px;
		}
		.step-section p.subheading {
    font-size: 14px;
		}
		.step-text p {

    font-size: 13px;
}
.step-text h3 {
padding: 0;
    font-size: 16px;
}

.step {

    margin-bottom: 45px;
}
	.contact-info {
        margin-left: 5px;
    }

	    .product-thumb {
        height: 454px;
    }
  .main-hero h1 {
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 15px;
  }

  .main-hero p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .btn-hero {
    font-size: 15px;
    padding: 10px 18px;
  }
  .catalog-item {

    min-width: 144px;
  }
  .catalog-item .caption {
    font-size: 11px;
  }
  .catalog-item span {

    font-size: 13px;
  }
      .catalog-item.small {
        min-width: 144px;
    }
	.catalog-grid {
    gap: 10px;
	}
	.classic-title {
    font-size: 22px;
	}
	.classic-subtitle {
    font-size: 15px;
	}
}

 /* ====== Grevir scoped styles ====== */
  .grevir-section {
    --grevir-bg: #faf9f7;
    --grevir-text: #1f2937;
    --grevir-muted: #6b7280;
    --grevir-accent: #b89a68;         /* тёплый «бронзово-золотой» */
    --grevir-stone: #2b2f33;          /* цвет «гранита» */
    --grevir-card: #ffffff;
    --grevir-border: #e7e2da;
    background: linear-gradient(180deg, var(--grevir-bg) 0%, #ffffff 100%);
    color: var(--grevir-text);
    padding: 48px 16px;
  }

  .grevir-container {
    max-width: 1080px;
    margin: 0 auto;
  }

  .grevir-title {
    font-size: clamp(24px, 2.8vw, 36px);
    line-height: 1.22;
    margin: 0 0 16px 0;
    color: var(--grevir-stone);
    letter-spacing: 0.2px;
  }

  .grevir-lead {
    font-size: clamp(16px, 1.6vw, 18px);
    line-height: 1.6;
    color: var(--grevir-text);
    margin: 0 0 24px 0;
  }

  .grevir-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 16px;
  }

  @media (min-width: 880px) {
    .grevir-grid {
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
  }

  .grevir-card {
    background: var(--grevir-card);
    border: 1px solid var(--grevir-border);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.04);
  }

  .grevir-subtitle {
    font-size: clamp(18px, 1.9vw, 22px);
    margin: 0 0 10px 0;
    color: var(--grevir-stone);
    position: relative;
    padding-left: 14px;
  }
  .grevir-subtitle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 18px;
    background: linear-gradient(180deg, var(--grevir-accent), #d5bf93);
    border-radius: 2px;
  }

  .grevir-list {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
  }
  .grevir-list li {
    position: relative;
    padding-left: 28px;
    margin: 10px 0;
    line-height: 1.6;
  }
  .grevir-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid var(--grevir-accent);
    box-shadow: inset 0 0 0 4px #fff;
    background: radial-gradient(circle at 50% 50%, var(--grevir-accent) 0 2px, transparent 3px);
  }

  .grevir-note {
    margin-top: 12px;
    padding: 12px 14px;
    border-left: 4px solid var(--grevir-accent);
    background: #fcfbf8;
    color: var(--grevir-text);
    border-radius: 8px;
  }

  .grevir-cta {
    margin-top: 24px;

    border: 1px dashed var(--grevir-accent);
    border-radius: 16px;
    padding: 20px;
  }
  .grevir-cta p {
    margin: 0 0 12px 0;
    line-height: 1.7;
  }

  .grevir-button {
    display: inline-block;
    padding: 12px 18px;
    border-radius: 999px;
    text-decoration: none;
    background: linear-gradient(180deg, var(--grevir-stone), #1a1d20);
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.2px;
    border: 1px solid #000;
    transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
  }
  .grevir-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    background: linear-gradient(180deg, #1a1d20, var(--grevir-stone));
  }
    /* ===== Grevir FAQ (scoped) ===== */
  .grevir-faq {
    --g-text: #1f2937;
    --g-muted: #6b7280;
    --g-stone: #22262a;
    --g-accent: #b89a68;
    --g-bg: #faf9f7;
    --g-card: #ffffff;
    --g-border: #e7e2da;

    background: linear-gradient(180deg, var(--g-bg) 0%, #fff 100%);
    color: var(--g-text);
    padding: 48px 16px;
  }
  .grevir-faq__container { max-width: 1080px; margin: 0 auto; }
  .grevir-faq__title {
    font-size: clamp(24px, 2.6vw, 34px);
    color: var(--g-stone);
    margin: 0 0 18px;
    letter-spacing: .2px;
  }

  .grevir-faq__item {
    background: var(--g-card);
    border: 1px solid var(--g-border);
    border-radius: 16px;
    padding: 14px 16px;
    margin: 12px 0;
    box-shadow: 0 6px 18px rgba(0,0,0,0.04);
    overflow: hidden;
  }

  .grevir-faq__q {
    cursor: pointer;
    list-style: none;
    font-size: clamp(16px, 1.6vw, 18px);
    font-weight: 700;
    color: var(--g-stone);
    padding: 6px 4px 6px 34px;
    position: relative;
    outline: none;
  }
  .grevir-faq__q::-webkit-details-marker { display: none; }
  .grevir-faq__item > summary::before {
    content: "+";
    position: absolute;
    left: 10px; top: 7px;
    width: 18px; height: 18px;
    border-radius: 50%;
    border: 2px solid var(--g-accent);
    display: grid; place-items: center;
    font-weight: 700; line-height: 1;
    font-size: 12px;
    color: var(--g-accent);
    background: #fff;
  }
  .grevir-faq__item[open] > summary::before { content: "–"; }

  .grevir-faq__a { padding: 8px 4px 10px 34px; }
  .grevir-faq__a p { margin: 8px 0; line-height: 1.65; }
  .grevir-faq__list { margin: 8px 0 0 0; padding: 0 0 0 18px; }
  .grevir-faq__list li { margin: 6px 0; }

  .grevir-faq__cta {
    margin-top: 18px;
    border: 1px dashed var(--g-accent);
    background: #fff;
    padding: 18px;
    border-radius: 16px;
  }
  .grevir-faq__btn {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 18px;
    border-radius: 999px;
    text-decoration: none;
    background: linear-gradient(180deg, var(--g-stone), #14171a);
    color: #fff; font-weight: 700; letter-spacing: .2px;
    border: 1px solid #000;
    transition: transform .15s ease, box-shadow .15s ease;
  }
  .grevir-faq__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  }

  /* ===== BLOG CATEGORIES (scoped) ===== */
.blog-categories.blogcategoi {
  --bg: #ffffff;
  --bg-soft: #faf8f6;
  --text: #1f1f1f;
  --muted: #6f6b63;
  --accent: #cbb299;         /* твой фирменный */
  --accent-2: #9c826a;
  --ring: rgba(203, 178, 153, 0.35);
  --shadow: 0 6px 20px rgba(0,0,0,.06);
  --radius: 16px;
  --pad: 14px;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
}

/* Контейнер-карта */
.blogcategoi .blog-categories {
  background: var(--bg);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 14px;
}

/* Общие элементы списка */
.blogcategoi .blog-category-item {
  position: relative;
  border-radius: 12px;
  padding: var(--pad) calc(var(--pad) + 8px);
  transition: background .2s ease, transform .2s ease, border-color .2s ease;
  border: 1px solid transparent;
}

/* Ссылка категории */
.blogcategoi .blog-category-item > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .2px;
  color: var(--text);
  line-height: 1.3;
}

/* Акцентная «пуля» слева от названия */
.blogcategoi .blog-category-item > a::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 8px;
  background: var(--accent);
  box-shadow: 0 0 0 4px var(--ring);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

/* Hover по верхнему уровню */
.blogcategoi .blog-category-item:hover {
  background: var(--bg-soft);
  border-color: var(--ring);
}
.blogcategoi .blog-category-item:hover > a::before {
  transform: scale(1.15);
  box-shadow: 0 0 0 6px var(--ring);
}

/* Активная категория */
.blogcategoi .blog-category-item.active {
  background: linear-gradient(180deg, #fff 0%, #f8f4f0 100%);
  border-color: var(--accent);
}
.blogcategoi .blog-category-item.active > a {
  color: #0f0f0f;
}
.blogcategoi .blog-category-item.active > a::before {
  background: var(--accent-2);
  box-shadow: 0 0 0 6px var(--ring);
}

/* ▼ Подкатегории контейнер */
.blogcategoi .blog-subcategories {
  margin-left: 18px;
  padding-left: 14px;
  border-left: 1.5px dashed rgba(0,0,0,.12);
}

/* Уровень child */
.blogcategoi .blog-category-item.child {
  margin-top: 8px;
  padding-top: 8px;
}
.blogcategoi .blog-category-item.child > a {
  font-weight: 500;
  color: var(--muted);
}
.blogcategoi .blog-category-item.child > a::before {
  width: 6px; height: 6px;
  background: transparent;
  border: 2px solid var(--accent);
  box-shadow: none;
}

/* Уровень subchild */
.blogcategoi .blog-category-item.subchild {
  margin-top: 6px;
  padding-top: 6px;
}
.blogcategoi .blog-category-item.subchild > a {
  font-weight: 500;
  color: var(--muted);
  opacity: .95;
}
.blogcategoi .blog-category-item.subchild > a::before {
  width: 5px; height: 5px;
  background: var(--accent);
  opacity: .6;
  box-shadow: 0 0 0 3px var(--ring);
}

/* Маркеры "–" и "—" уже есть в HTML; сделаем их тоньше и аккуратнее */
.blogcategoi .blog-category-item.child > a,
.blogcategoi .blog-category-item.subchild > a {
  letter-spacing: .1px;
}
.blogcategoi .blog-category-item.child > a:hover,
.blogcategoi .blog-category-item.subchild > a:hover {
  color: var(--text);
}

/* Отступы между элементами верхнего уровня */
.blogcategoi > .blog-categories > .blog-category-item + .blog-category-item {
  margin-top: 6px;
}

/* Мелкие улучшения типографики */
.blogcategoi .blog-category-item a {
  text-underline-offset: 3px;
}
.blogcategoi .blog-category-item a:focus-visible {
  outline: 3px solid var(--ring);
  border-radius: 8px;
}

/* Адаптив */
@media (max-width: 768px) {
  .blogcategoi .blog-categories {
    padding: 10px;
    border-radius: 14px;
  }
  .blogcategoi .blog-category-item {
    padding: 12px;
  }
  .blogcategoi .blog-subcategories {
    margin-left: 14px;
    padding-left: 10px;
  }
}

/* Тёмный режим (если body получает класс .dark) */
.dark .blogcategoi .blog-categories {
  --bg: #151515;
  --bg-soft: #1b1b1b;
  --text: #f2f2f2;
  --muted: #bdb7ae;
  --ring: rgba(203,178,153,.25);
  border-color: rgba(255,255,255,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.dark .blogcategoi .blog-subcategories {
  border-left-color: rgba(255,255,255,.14);
}

/* ==== BLOG POPULAR ARTICLES ==== */
.blogpoppddi {
  --bg: #fff;
  --bg-soft: #faf8f6;
  --text: #1f1f1f;
  --muted: #6f6b63;
  --accent: #cbb299;      /* фирменный */
  --accent-dark: #9c826a;
  --shadow: 0 8px 24px rgba(0,0,0,.08);
  --shadow-hover: 0 10px 32px rgba(0,0,0,.14);
  --radius: 18px;
  --pad: 14px;
  font-family: "Montserrat", system-ui, sans-serif;
  margin: 40px 0;
}

/* Заголовок блока */
.blogpoppddi .blogpopp {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 22px;
  padding-left: 8px;
  border-left: 4px solid var(--accent);
  color: var(--text);
  letter-spacing: 0.3px;
}

/* Карточка статьи */
.blogpoppddi .bloggrev-popular-thumb {
  background: var(--bg);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  margin-bottom: 24px;
  transition: transform .25s ease, box-shadow .25s ease;
  display: flex;
  flex-direction: column;

}

.blogpoppddi .bloggrev-popular-thumb:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
}

/* Картинка */
.blogpoppddi .bloggrev-popular-thumb .image {
  position: relative;
  overflow: hidden;
}
.blogpoppddi .bloggrev-popular-thumb .image img {
  width: 100%;
  display: block;
  transition: transform .3s ease;
}
.blogpoppddi .bloggrev-popular-thumb:hover .image img {
  transform: scale(1.05);
}

/* Подпись */
.blogpoppddi .bloggrev-popular-caption {
  padding: 14px 16px 0;
  flex-grow: 1;
}
.blogpoppddi .bloggrev-popular-caption h4 {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
}
.blogpoppddi .bloggrev-popular-caption h4 a {
  color: var(--text);
  text-decoration: none;
  transition: color .2s ease;
}
.blogpoppddi .bloggrev-popular-caption h4 a:hover {
  color: var(--accent-dark);
}

/* Нижняя панель кнопок */
.blogpoppddi .bloggrev-popular-buttons {
  padding: 12px 16px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

/* Кнопка подробнее */
.blogpoppddi .bloggrev-popular-buttons > button {
  background: var(--accent);
  border: none;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: lowercase;
  padding: 8px 14px;
  border-radius: 30px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background .2s ease, transform .2s ease;
}
.blogpoppddi .bloggrev-popular-buttons > button:hover {
  background: var(--accent-dark);
  transform: translateY(-2px);
}

/* Правая часть (дата и просмотры) */
.blogpoppddi .bloggrev-popular-buttons > div {
  display: flex;
  gap: 8px;
}
.blogpoppddi .bloggrev-popular-buttons > div button {
  background: var(--bg-soft);
  border: none;
  width: 34px; height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.blogpoppddi .bloggrev-popular-buttons > div button:hover {
  background: var(--accent);
  color: #fff;
}

/* Адаптив */
@media (max-width: 768px) {
  .blogpoppddi .blogpopp {
    font-size: 1.3rem;
    margin-bottom: 18px;
  }
  .blogpoppddi .bloggrev-popular-buttons {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .blogpoppddi .bloggrev-popular-buttons > button {
    width: 100%;
    justify-content: center;
  }
  .blogpoppddi .bloggrev-popular-buttons > div {
    justify-content: center;
  }
}

/* Dark mode */
.dark .blogpoppddi {
  --bg: #1a1a1a;
  --bg-soft: #242424;
  --text: #f5f5f5;
  --muted: #bbb;
  --shadow: 0 6px 20px rgba(0,0,0,.6);
  --shadow-hover: 0 10px 32px rgba(0,0,0,.75);
}


/* ===== Базовая типографика/сброс ===== */
*{ box-sizing: border-box; }
html, body{ height:100%; }
body{
  margin:0;
  background: var(--bg);
  color: var(--text);
  font: 15px/1.5 var(--font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a{ color: inherit; text-decoration: none; }
a:hover{ color: var(--accent); }

/* ===== Лэйаут ===== */
.grevir-layout{
  display:flex;
  min-height:100vh;
}

/* =======================
   ЛЕВОЕ ФИКСИРОВАННОЕ МЕНЮ
   ======================= */
.grevir-left{
  position: fixed;
  inset: 0 auto 0 0;
  width: var(--sidebar-w);
  background: var(--panel);
  border-right: 1px solid var(--line);
  box-shadow: 2px 0 10px rgba(0,0,0,.03);
  z-index: 1000;
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  scrollbar-width: thin;
  scrollbar-color: #d8d1c4 transparent;
}
.grevir-left::-webkit-scrollbar{ width:8px; }
.grevir-left::-webkit-scrollbar-thumb{ background:#d8d1c4; border-radius:6px; }

/* Лого */
.sidebar-logo{
  padding: 18px 20px 12px;
  border-bottom: 1px solid var(--line);
}
.sidebar-logo img{ max-width: 180px; height:auto; display:block; }

/* Пункты */
.menu-list{
  list-style:none; margin:0; padding: 10px 10px 18px;
}
.menu-list li{ margin: 2px 0; }
.menu-list li a{
  display:flex; align-items:center; gap:12px;
  padding: 12px 14px;
  border-radius: 12px;
  color:#2a2a2a;
  transition: background .25s, color .25s, box-shadow .25s;
}
.menu-list li a i{ width:20px; text-align:center; color:#747474; }
.menu-list li a:hover{
  background: #f6f4f2;
  box-shadow: inset 0 0 0 1px #efe8dc;
  color:#111;
}
.menu-list li.active a{
  background: linear-gradient(0deg,#fff,#fbfaf7);
  box-shadow: inset 0 0 0 1px #e9e2d6, 0 4px 10px rgba(169,145,95,.08);
  color:#111;
}
.menu-search{ margin: 8px 12px 16px; padding: 10px; border-top: 1px solid var(--line); }

/* =======================
   ПРАВЫЙ СТОЛБЕЦ + КОНТЕНТ
   ======================= */
.grevir-right{
  margin-left: var(--sidebar-w);
  width: calc(100% - var(--sidebar-w));
}

/* =======================
   ВЕРХ (как на скрине) — две карточки в одну строку
   ======================= */
.grevir-topbar{
  position: fixed;
  top:-10px;
  left: var(--sidebar-w);
  right:0;
  height: var(--topbar-h);
  z-index: 1100;
  /* подложка верхней области — лёгкая, без тяжёлой рамки */

  display:flex; align-items:center;
}

.grevir-topbar__wrap{
  width:100%;
  padding: 12px 22px;      /* отступы для карточек */
  display:flex;
  align-items:stretch;
  gap: 16px;               /* расстояние между двумя карточками */
}

/* Общий стиль карточек */
.grevir-topcard{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 14px 18px;
  display:flex;
  align-items:center;
}

/* Левая «О нас/Оплата/…» — белая карточка */
.grevir-topcard.grevir-info{
  flex: 1 1 auto;          /* занимает всё доступное слева */
  background: var(--panel);
  border-color: var(--line);
  box-shadow: var(--shadow-sm);
}

/* Список пунктов внутри левой карточки */
.grevir-topnav__list{
  list-style:none; margin:0; padding:0;
  display:flex; align-items:flex-start; gap: 48px;
}
.grevir-topnav__list li{ margin:0; }
.grevir-topnav__list li a{
  display:flex; flex-direction:column; gap: 2px;
  color: var(--text);
  white-space: nowrap;
}
.grevir-topnav__list li a .title{
  font-weight: 700;
  font-size: 16px;
}
.grevir-topnav__list li a .subtext{
  font-size: 13px;
  color: var(--muted);
}
.grevir-topnav__list li a:hover .title{ color:#111; }
.grevir-topnav__list li a:hover .subtext{ color:#737373; }

/* Правая «Контакты» — тёплая карточка с бежевой рамкой/тенью */
.grevir-topcard.grevir-contacts{
  flex: 0 0 520px;          /* фиксированная ширина, можно варьировать */
  background: var(--panel-soft);
  border: 1px solid #d9cbb4;            /* тёплая бежевая рамка */
  box-shadow: 0 8px 22px rgba(168,145,95,.12); /* мягкая «золотистая» тень */
  padding: 16px 18px;
  flex-direction: column;
}

/* Внутренняя раскладка контактов: верхняя строка (ссылки) + подписи под ними */
.grevir-contacts .contacts-inline{
  display:flex; align-items:center; gap: 18px;
  margin-bottom: 6px;
    display:flex;
  align-items:center;
  gap: 18px;
  margin-bottom: 6px;   /* отступ вниз */
}
.grevir-contacts .contacts-inline a{
  display:flex; align-items:center; gap:8px;
  font-weight: 700;
  color: var(--text);
}
.grevir-contacts .contacts-inline .contact-button{
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: linear-gradient(0deg,#fff,#fbfbfa);
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
  transition: border-color .25s, box-shadow .25s, transform .05s;
}
.grevir-contacts .contacts-inline .contact-button:hover{
  border-color: #e1d8c9;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}
.grevir-contacts .contacts-inline .whatsapp{
  color: var(--success);
}

/* Подписи под контактами (вторая строка) */
.grevir-contacts .contacts-sub{
  display:flex;
  gap: 24px;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.4;
}

/* ===== Контент ниже с учётом фиксированного верха */
.grevir-content{
  padding: calc(var(--topbar-h) + 18px) 0px 40px;
}

/* =======================
   ДОП ЭЛЕМЕНТЫ (карточки, хлебные крошки)
   ======================= */
.card{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  padding: 18px;
}
.breadcrumb{ background:transparent; padding:0; margin:0 0 14px; }

/* =======================
   АДАПТИВ
   ======================= */
@media (max-width: 1340px){
  .grevir-topnav__list{ gap: 36px; }
  .grevir-topcard.grevir-contacts{ flex-basis: 460px; }
}

@media (max-width: 1200px){
  .grevir-topnav__list{ gap: 28px; }
  .grevir-topcard.grevir-contacts{ flex-basis: 420px; }
}

@media (max-width: 1024px){
  /* Сайдбар можно скрыть off-canvas, если делаешь бургер */
  /* .grevir-left{ transform: translateX(-100%); transition: .3s; } */
  /* .grevir-left.is-open{ transform: translateX(0); } */
  :root{ --sidebar-w: 0px; }
  .grevir-right{ margin-left: 0; width:100%; }
  .grevir-topbar{ left:0; }

  .grevir-topbar__wrap{ padding: 10px 14px; gap: 12px; }
  .grevir-topcard{ border-radius: 14px; padding: 12px 14px; }
  .grevir-topcard.grevir-contacts{ flex-basis: 52%; }
  .grevir-topcard.grevir-info{ flex-basis: 48%; }

  .grevir-topnav__list{ gap: 20px; }
  .grevir-topnav__list li a .subtext{ font-size:12px; }
}

@media (max-width: 760px){
  /* делаем карточки в столбик, но визуально «как на скрине» */
  .grevir-topbar__wrap{
    flex-direction: column;
    align-items: stretch;
  }
  .grevir-topcard.grevir-info,
  .grevir-topcard.grevir-contacts{
    flex: 1 1 auto;
  }
  .grevir-topcard.grevir-contacts{ order: 2; }
  .grevir-topcard.grevir-info{ order: 1; }

  .grevir-topnav__list{
    flex-wrap: wrap;
    gap: 14px 24px;
  }

  .grevir-content{        padding: 0;}
}

@media (max-width: 480px){
  .grevir-topnav__list li a .subtext{ display:none; } /* оставим только заголовки */
  .grevir-contacts .contacts-sub{ display:none; }     /* экономим высоту */
  .grevir-contacts .contacts-inline{ gap: 14px; }
}
.grevir-topcard.grevir-contacts{
  flex: 0 0 520px;
  background: var(--panel-soft);
  border: 1.5px solid #c9b07a;              /* насыщенный беж/золотой */
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 20px rgba(169,145,95,.18),
              0 2px 6px rgba(0,0,0,.05);   /* «золотистая» + мягкая тень */
  padding: 18px 20px;
  transition: box-shadow .3s, border-color .3s;
}

/* эффект при наведении — лёгкий подсвет */
.grevir-topcard.grevir-contacts:hover{
  border-color: #b6985c;
  box-shadow: 0 10px 26px rgba(169,145,95,.22),
              0 3px 10px rgba(0,0,0,.06);
}
.grevir-content .grevir-footer{
	padding: 0;
}
@media (max-width: 760px){
	.grevir-topcard.grevir-contacts, .grevir-topcard.grevir-info, .grevir-topbar{
		    display: none;
	}
}


/* Секция и фон */
.grevir-hero{position:relative;width:100%;overflow:hidden;background:var(--sand); margin-top: -115px;}
.grevir-hero__bg{position:absolute;inset:0;z-index:0;}
.grevir-hero__bg img{
  width:100%;height:100%;object-fit:cover;object-position:center 58%;
  opacity:1; /* сделай .5–.65 по вкусу */
}
.grevir-hero__shade{
  position:absolute;inset:0;
  background:
    linear-gradient(to bottom, rgba(244,239,232,.78) 0%, rgba(244,239,232,.42) 45%, rgba(244,239,232,.18) 75%, rgba(244,239,232,.06) 100%),
    radial-gradient(1200px 700px at 85% -10%, rgba(169,129,84,.18), transparent 60%);
}

/* Контент и панель */
.grevir-hero__inner{
  position:relative;z-index:1;
  padding: clamp(40px, 8vw, 110px) 15px;   /* работает с bootstrap-padding 15px */
  min-height:64vh;display:grid;align-items:center;
      max-width: 600px;
    margin-left: 52%;        /* центровка без .container */
	    margin-top: 40px;
}
.grevir-hero__panel{
  max-width:940px;background:var(--panel);
  border:1px solid rgba(169,129,84,.22);border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding: clamp(16px, 2.8vw, 36px) clamp(16px, 3.8vw, 44px);
}

/* Типографика */
.grevir-eyebrow{font:600 12px/1.1 Inter,system-ui;letter-spacing:.12em;text-transform:uppercase;
color:var(--gold-text-1);
margin:0 0 8px; text-align: center;
    padding: 15px;}
.grevir-h1{font-family:"Marcellus",Georgia,serif;font-weight:400;color:var(--ink);font-size:clamp(24px,5.2vw,38px);line-height:1.14;margin:.1em 0 .35em;     padding-bottom: 20px;}
.grevir-sub{    font: 400 clamp(15px, 2.5vw, 18px) / 1.6 Inter, system-ui;
    color: #7a7a7a;
    margin: 0 0 1rem;
    text-align: center;}

/* Кнопки */
.grevir-cta{display:flex;flex-wrap:wrap;gap:10px;margin:.3rem 0 1rem;     justify-content: center;}

.btn-outline{background:transparent;color:#111;border-color:#cdbaa3;}
.btn .wa{width:18px;height:18px;background:currentColor;mask:url('https://cdnjs.cloudflare.com/ajax/libs/simple-icons/13.16.0/whatsapp.svg') no-repeat center/contain;}

/* Фишки */
.grevir-badges{list-style:none;padding:0;margin:.25rem 0 0;display:grid;gap:8px;grid-template-columns:1fr;}
.grevir-badges li{background:#fff;border:1px solid rgba(169,129,84,.18);border-radius:10px;padding:10px 12px;color:#444;font:500 13px/1.45 Inter;}
.grevir-badges b{color:#242424;}
.grevir-note{margin-top:10px;color:#6A6A6A;font:500 13px/1.4 Inter;}

/* Брейкпоинты */
@media (min-width:576px){ .grevir-badges{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (min-width:992px){ .grevir-badges{grid-template-columns:repeat(4,1fr);} }
@media (max-width:575.98px){
  .grevir-hero__panel{padding:16px 14px;border-radius:14px;}
  .grevir-cta .btn{width:100%;justify-content:center;}
  .grevir-hero__bg img{object-position:center 65%;opacity:.62;}
}
/* ====== Small phones polish ====== */

/* до 420px (iPhone SE/mini, узкие Android) */
@media (max-width: 420px){
  .grevir-hero__inner{
    padding: 28px 12px;        /* компактнее секция */
    min-height: 58vh;
  }
  .grevir-hero__panel{
    border-radius: 12px;
    padding: 14px 12px;
    max-width: 390px;
  }

  .grevir-eyebrow{
    font-size: 11px;
    letter-spacing: .10em;
    margin-bottom: 6px;
  }
  .grevir-h1{
    font-size: clamp(20px, 7vw, 26px);   /* было до 44px */
    line-height: 1.18;
    margin: 4px 0 10px;
  }
  .grevir-sub{
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 12px;
  }

  .grevir-cta{ gap: 8px; margin-bottom: 10px; }
  .grevir-cta .btn{
    width: 100%;
    justify-content: center;
    padding: 11px 12px;
    font-size: 14px;
    border-radius: 10px;
  }
  .grevir-cta .btn .wa{ width:16px; height:16px; }

  .grevir-badges{
    grid-template-columns: 1fr; /* по одному в ряд */
    gap: 6px;
  }
  .grevir-badges li{
    padding: 9px 10px;
    font-size: 12.5px;
    border-radius: 9px;
  }
  .grevir-note{ font-size: 12.5px; }

  /* фон чуть контрастнее и выше фокус точки */
  .grevir-hero__bg img{
    object-position: center 68%;
    opacity: .64;
  }
  .grevir-hero__shade{
    background:
      linear-gradient(to bottom, rgba(244,239,232,.85) 0%, rgba(244,239,232,.48) 55%, rgba(244,239,232,.18) 85%, rgba(244,239,232,.06) 100%),
      radial-gradient(900px 520px at 85% -10%, rgba(169,129,84,.16), transparent 60%);
  }
}

/* совсем узкие (до 340px) — старые/мини-устройства */
@media (max-width: 340px){
  .grevir-h1{ font-size: 18px; line-height: 1.16; }
  .grevir-sub{ font-size: 13.5px; }
  .grevir-cta .btn{ padding: 10px 10px; font-size: 13.5px; }
  .grevir-badges li{ font-size: 12px; padding: 8px 9px; }
}
 /* ========= ДОП. АДАПТИВ ========== */

/* общие улучшалки для всех размеров */
.grevir-h1{ text-wrap: balance; word-break: keep-all; text-align: center;}
.grevir-sub{ text-wrap: pretty; }

/* <= 576px (все телефоны) */
@media (max-width: 576px){
  .grevir-hero__inner{ min-height:56vh; }
  .grevir-hero__panel{
    padding: 14px 14px;
    border-radius: 12px;
	width: 100%;
  }
  .btn-mystic {

    font-size: 13px;
  }
      .grevir-hero__inner {
        margin-left: 0;
    }
	    .grevir-hero__inner {
        padding: 91px 20px;
    }

  .grevir-eyebrow{ font-size:11px; }
  .grevir-h1{
    font-size: clamp(20px, 6.4vw, 28px);
    line-height: 1.18;
    margin-bottom: 10px;
    letter-spacing: .1px;

  }
  .grevir-sub{
    font-size: 14.5px;
    line-height: 1.55;
    margin-bottom: 12px;
  }
  .grevir-cta{ gap:8px; }
  .grevir-cta .btn{
    width:100%;
    justify-content:center;
    font-size:14px;
    padding:11px 12px;
    border-radius:10px;
  }
  .grevir-badges{
    grid-template-columns:1fr;
    gap:6px;
  }
  .grevir-badges li{
    font-size:12.6px;
    padding:9px 10px;
    border-radius:9px;
  }
  .grevir-note{ font-size:12.6px; }
  .grevir-hero__bg img{ object-position:center 66%; opacity:.64; }
  .grevir-hero__shade{
    background:
      linear-gradient(to bottom, rgba(244,239,232,.85) 0%, rgba(244,239,232,.5) 55%, rgba(244,239,232,.2) 85%, rgba(244,239,232,.06) 100%),
      radial-gradient(900px 520px at 85% -10%, rgba(169,129,84,.14), transparent 60%);
  }
}

/* <= 480px (узкие телефоны) */
@media (max-width: 480px){

  .grevir-eyebrow{ margin-bottom:4px; }
  .grevir-h1{ font-size: clamp(19px, 7.4vw, 24px); }
  .grevir-sub{ font-size: 14px; }
  .grevir-badges li{ font-size:12.2px; padding:8px 9px; }
}

/* <= 380px (SE/mini) */
@media (max-width: 380px){
  .grevir-eyebrow{ display:none; }            /* экономим вертикаль */
  .grevir-h1{ font-size: 18.5px; line-height:1.16; margin-top:2px; }
  .grevir-sub{ font-size:13.6px; }
  .grevir-cta .btn{ font-size:13.6px; padding:10px 10px; }
  .grevir-badges li{ font-size:11.8px; }
}

/* 577–768px (планшет вертикально) */
@media (min-width:577px) and (max-width: 768px){
  .grevir-hero__inner{ min-height:60vh; padding: 105px 18px; margin-left: 0;  }
  .grevir-hero__panel{
    max-width: 760px;
    padding: 18px 22px;
    border-radius: 14px;

  }
  .grevir-h1{ font-size: clamp(24px, 4.4vw, 34px); }
  .grevir-sub{ font-size: 15.5px; }
  .grevir-badges{ grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; }
  .grevir-badges li{ font-size:13.2px; padding:10px 12px; }
}

/* 769–991px (планшет горизонтально/малые ноуты) */
@media (min-width:769px) and (max-width: 991px){
  .grevir-hero__panel{ max-width: 860px; }
  .grevir-h1{ font-size: clamp(28px, 3.8vw, 38px); }
  .grevir-sub{ font-size:16px; }
  .grevir-badges{ grid-template-columns: repeat(3, 1fr); }
}

/* микро-улучшения iOS (без пляски шрифта) */
@supports (-webkit-touch-callout: none){
  .grevir-hero { -webkit-text-size-adjust: 100%; }
}
.backbutt {
	margin-left: 15px;
}

@media (min-width:1140px) and (max-width: 1400px){
	.grevir-hero__inner {
    margin-left: 30%;
	}
	.grevir-left{
		width: 210px;
	}
	.grevir-right {
    margin-left: 210px;
    width: calc(100% - 210px);
}
.sidebar-logo img {
    max-width: 170px;
}
.grevir-topbar {
    left: 210px;
    height: 70px;
}
.grevir-topnav__list li a .title {
    font-size: 14px;
}
.grevir-topnav__list li a .subtext {
    font-size: 11px;
}
    .grevir-topnav__list {
        gap: 19px;
    }
	.grevir-topcard.grevir-contacts {
    flex: 0 0 420px;
	 padding: 29px 8px 10px;
	}
	.grevir-contacts .contacts-sub {
    gap: 32px;
    font-size: 11px;
	}
	.grevir-contacts .contacts-inline {
    gap: 9px;
    margin-bottom: 6px;
    font-size: 14px;
	}
.grevir-topcard {
    padding: 29px 18px 10px;
}
.grevir-badges li {

    font: 500 10px / 1.45 Inter;
}
.grevir-h1 {

    font-size: clamp(24px, 5.2vw, 30px);
}
}