.martial-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    align-items: stretch;
}

.martial-item {
    aspect-ratio: 1/1;
    background: #f5f5f5;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s;
}

.martial-img {
    width: 100%;
    height: 100%;
}

.martial-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}





.martial-wrap {
    margin: 60px 0;
}

.martial-header {
    text-align: center;
    margin-bottom: 30px;
}

.martial-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.martial-sub {
    color: #777;
    font-size: 14px;
}

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







/* адаптив */
@media (max-width: 992px) {
    .martial-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}



div#modal-addcart .modal-body .text-center a {
    font-size: 16px;
    color: #1a5ee8;
    font-weight: 600;
}

div#modal-addcart .modal-dialog .modal-body div {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


div#tab-description ol li {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #2c3e50 !important;
    margin-bottom: 18px !important;
}


.veteran-section {
    margin: 0 0;
}

.veteran-header {
    text-align: center;
    margin-bottom: 30px;
}

.veteran-title {
    font-size: 28px;
    font-weight: 700;
}

.veteran-subtitle {
    max-width: 700px;
    margin: 10px auto 0;
    color: #666;
}

.veteran-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.veteran-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: 0.3s;
}

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

.veteran-img img {
    width: 100%;
    display: block;
}

.veteran-body {
    padding: 15px;
}

.veteran-name {
    font-weight: 600;
    margin-bottom: 5px;
}

.veteran-meta {
    font-size: 13px;
    color: #777;
}

.veteran-price {
    margin-top: 10px;
    font-weight: 700;
    color: #000;
}

/* мобилка */
@media (max-width: 768px) {
    .veteran-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media only screen and (min-width: 1200px) {
    nav#horizontal-menu {
        text-align: center;
    }
}


@media only screen and (max-width: 996px){

#logo img {
    width: 201px;
}

.box-bg-full h2 {
    text-align: center!important;
    font-size: 23px !important;
    padding-left: 20px;
    padding-right: 21px;
    margin-top: 20px;
}

.row-flex.vertical-align {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}


div#fs-lucky-btn img {
    width: 25px;
}


#fs-lucky-btn {
    bottom: 0;
}


.box-cart.col-xs-6.col-sm-4.col-md-2.col-lg-2 {
    position: absolute;
    right: 10px;
}


#phone .contact-header .dropdown-toggle {
    display: flex;
    flex-direction: column;
    align-content: center;
    text-align: center;
}


.contact-header .additional-tel.dth:nth-of-type(4) {
    font-size: 10px;
    color: #ffffff;
    text-align: right;
    position: relative;
    right: -8px;
}

}





.search-tooltip-wrap {
    position: absolute;
    display: inline-block;
    top: -27px;
}

.search-tooltip-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}

.search-tooltip-btn:hover {
    transform: scale(1.05);
}

.search-tooltip-box {
    position: absolute;
    top: -40px;
    right: 0;
    background: #111;
    color: #fff;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 13px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: 0.3s;
    white-space: nowrap;
    z-index: 99999;
}

.search-tooltip-box.show {
    opacity: 1;
    transform: translateY(0);
}




.fs-seo-list ul {
    list-style-type: none;
}

.tabs__header__scroll {
    display: flex;
    justify-content: center;
}

header.h-type-1 {
    position: relative !important;
}

/* затемнение через background overlay */
header.h-type-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background: rgba(0, 0, 0, 0.35); /* регулируй тут */

    z-index: 1;
}

.fcopyright {
    margin-right: 6px;
}

/* весь контент поверх */
header.h-type-1 .container,
header.h-type-1 .container * {
    z-index: 2;
}


/* контейнер */
.btn-veteran2029 {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* блик */
.btn-veteran2029::after {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.4) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    pointer-events: none;
}

/* анимация */
@keyframes veteran-shine {
    0% {
        left: -80%;
    }
    100% {
        left: 140%;
    }
}

/* запуск */
.btn-veteran2029::after {
    animation: veteran-shine 4s ease-in-out infinite;
}

	
.btn-np-custom {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #fff;
    padding: 5px 16px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    transition: all 0.2s ease;
}

.btn-np-custom img {
    width: 120px;
}


a.btn-header.btn-courses:hover {
    color: #ffffff;
    background: #42ab0d;
}

a.btn-header.btn-veteran:hover {
    background: linear-gradient(314.34deg, #0950df 88.6%, rgb(27 118 245 / 90%) 100%);
    color: white;
}


.icon-image img {
    width: 24px;
}
	
	
	
	
	
	
	
	
	
/* ====== БЛОК ТУРОВ ====== */

.tours-block {
  width: 100%;
  padding: 40px 0;
}

/* делаем на всю ширину экрана */
.tours-block .container {
  width: 100%;
  max-width: 100%;
}

/* сетка */
.tours-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

/* карточка */
.tour-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.3s;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

/* hover */
.tour-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}

/* картинка */
.tour-card img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

/* контент */
.tour-content {
  padding: 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* заголовок */
.tour-title {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #222;
  text-decoration: none;
  margin-bottom: 6px;
  line-height: 1.2;
}

.tour-title:hover {
  color: #3d9b26;
}

/* описание */
.tour-desc {
  font-size: 13px;
  color: #777;
  margin-bottom: 10px;
  min-height: 34px;
}

/* кнопка */
.tour-btn {
  margin-top: auto;
  display: inline-block;
  padding: 8px 10px;
  font-size: 13px;
  text-align: center;
  border-radius: 6px;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(129deg, #a3c93c, #3d9b26);
  transition: 0.3s;
}

.tour-btn:hover {
  opacity: 0.9;
}

/* ====== АДАПТИВ ====== */

@media (max-width: 1400px) {
  .tours-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 992px) {
  .tours-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .tours-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .tours-grid {
    grid-template-columns: 1fr;
  }
}



.tours-block {
  width: 100%;
  padding: 40px 20px; /* добавили боковые отступы */
}

/* убираем ограничения bootstrap */
.tours-block .container,
.tours-block .container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}

.tour-card {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.tour-content {
  flex-grow: 1;
}

.tour-btn {
  margin-top: auto;
  font-weight: 600;
}


header.h-type-1 {
    position: relative !important;
    background: url(https://formula-for-sport.com.ua/img/ua_bg.jpg) center center no-repeat !important;
    background-size: cover !important;
	height: 227px;
}


.tour-img {
  position: relative;
  display: block;
}

.tour-img img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.tour-badges {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.tour-badges span {
     background: #1a5ee8;
  color: #fff;
  font-size: 11px;
  padding: 4px 7px;
  border-radius: 6px;
}

.tour-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  font-size: 12px;
  color: #666;
  margin-top: 8px;
}

.tour-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.tour-price {
     background: #1a5ee8;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-weight: 700;
}






.bundle-products-front{
margin-top:0;
padding:15px;
border:1px solid #eee;
background:#fafafa;
border-radius:6px;
}

.bundle-title{
font-size:16px;
font-weight:600;
margin-bottom:10px;
}

.bundle-items{
display:flex;
flex-wrap:wrap;
gap:10px;
}


.tabs__header__scroll.dragscroll.hs-3 {
    display: none;
}
section.fortress-section.youtubes .fortress-logo-wrap {
    width: 85%!important;
}
.club-subscription ol{
padding-left: 22px;
margin-top: 10px;
margin-bottom: 10px;
}

.club-subscription ol li{
margin-bottom: 6px;
line-height: 1.6;
}


.box-bg-full.bg_mode_pos_15 .container-module {
    margin-bottom: 30px;
}

.club-subscription ul{
padding-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}

.club-subscription ul li{
margin-bottom: 6px;
line-height: 1.6;
}
#horizontal-menu .cat-label {
    width: 86px;
    text-align: center;
}
div#sku_id {
    display: none;
}

.bundle-item{
width:48%;
display:flex;
gap:10px;
align-items:center;
background:#fff;
padding:6px;
border-radius:6px;
border:1px solid #eee;
}

.bundle-image img{
width:60px;
height:60px;
object-fit:cover;
}

.bundle-name{
font-size:13px;
font-weight:600;
display:block;
}

.bundle-price{
font-size:13px;
color:#444;
}

.veteran-section {
    padding: 30px 0;
    background: #f4f6f8;
}

.veteran-main-title {
    font-size: 34px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 15px;
}
@media only screen and (min-width: 1200px){
li.icondn {
    display: none;
}
}



ul.curses {
    display: flex;
    align-items: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
	position: relative;
    top: 5px;
}

.left-item {
    margin-right: auto;
}

.right-links {
    display: flex;
    gap: 25px;
}

li.right-item.fir {
    margin-right: 30px;
}
body.fixed-top-header.active-fix ul.curses {
    display: none;
}


.veteran-details-section {
    padding: 30px 0;
    background: #ffffff;
}

.veteran-details-title {
    font-size: 32px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 15px;
}

.veteran-details-line {
    width: 90px;
    height: 4px;
    background: #2e7d32;
    margin: 0 auto 50px auto;
    border-radius: 2px;
}

.veteran-details-row {
    margin-top: 20px;
}

.veteran-details-box {
    background: #f7f9fb;
    padding: 30px;
    border-radius: 12px;
    min-height: 360px;
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

.veteran-details-box:hover {
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

.veteran-details-box h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #2c3e50;
}

.veteran-details-box p {
    font-size: 15px;
    color: #444;
    margin-bottom: 15px;
}

.veteran-details-box ul {
    padding-left: 18px;
}

.veteran-details-box ul li {
    margin-bottom: 8px;
    font-size: 14px;
    color: #555;
}

.veteran-details-note {
    margin-top: 15px;
    font-size: 13px;
    color: #777;
}

@media (max-width: 991px) {
    .veteran-details-title {
        font-size: 24px;
    }

    .veteran-details-box {
        min-height: auto;
    }
	
	
	section.fortress-section.youtubes {
    padding: 0;
}
section.fortress-section.youtubes iframe {
    height: 300px;
}

}
.veteran-steps-row {
    margin-top: 20px;
}

.veteran-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    text-align: center;
    margin-bottom: 30px;
}

.veteran-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 35px rgba(0,0,0,0.12);
}

.veteran-box img {
    border-radius: 10px;
    margin-bottom: 20px;
}

.veteran-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #2c3e50;
}

.step-number {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #2e7d32;
    color: #ffffff;
    border-radius: 50%;
    font-weight: 700;
    margin-right: 8px;
    font-size: 14px;
}

.veteran-small {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 1.5;
}


@media (max-width: 991px) {
    .veteran-main-title {
        font-size: 26px;
    }
}



section.rehab-section {
    margin-bottom: 50px;
}

.bundle-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.bundle-intro {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.bundle-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 12px;
    border-left: 4px solid #2c5d8f;
}

.bundle-card {
    background: #f4f6f9;
    padding: 18px 20px;
    border-radius: 8px;
    margin-bottom: 18px;
}

.bundle-card h4 {
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 600;
}

.bundle-card ul {
    padding-left: 20px;
    margin-bottom: 10px;
}

.bundle-card li {
    margin-bottom: 6px;
}

.bundle-usage {
    font-size: 14px;
    margin-top: 10px;
}


.bundle-list {
    background: #f4f6f9;
    padding: 22px 25px;
    border-radius: 10px;
    margin-bottom: 25px;
}

.bundle-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
div#tab-info-product h3 {
    font-weight: 500;
}


.box-bg-full.bg_mode_pos_15 .container-module {
    margin-top: 0;
}

.tabs__header__scroll.dragscroll.hs-0 li.active a {
    COLOR: white!important;
    font-weight: 600!important;
}
li.tabs__active_line.mod_0 {
    background: linear-gradient(135deg, #1e73be, #163d63) !important;
}



.tabs__header__scroll.dragscroll.hs-1 li.active a {
    COLOR: white!important;
    font-weight: 600!important;
}
li.tabs__active_line.mod_1 {
    background: linear-gradient(135deg, #1e73be, #163d63) !important;
}

.contact-header .additional-tel.dth:nth-of-type(4) {
    font-size: 10px;
}


li.tabs__active_line.mod_3 {
    background: linear-gradient(135deg, #1e73be, #163d63) !important;
}

.tabs__header__scroll.dragscroll.hs-3 li.active a {
    COLOR: white !important;
    font-weight: 600 !important;
}


#prodCatTab3 > li:not(.active) > a {
    background: #e8f1ff;
    color: #1f3c88;
    border-radius: 6px;
    font-weight: 600;
    transition: 0.3s ease;
}



.table.steps tbody tr:nth-child(2),
.table.steps tbody tr:nth-child(3) {
    display: none !important;
}



.bundle-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
    line-height: 1.6;
    font-size: 15px;
}

.bundle-list li:last-child {
    margin-bottom: 0;
}

.bundle-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    background: #2c5d8f;
    border-radius: 50%;
}

.bundle-list strong {
    font-weight: 600;
    color: #122538;
}


a.nsmenu-parent-img img {
    border-radius: 7px;
}
.checkout-payment-method.h-100 .radio.chm-radio label {
    font-size: 16px;
    font-weight: 400;
}


.flying-banner {
    width: 100%;
    background: linear-gradient(90deg, #0f2f4d, #1f4f7a);
    color: #ffffff;
    overflow: hidden;
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    z-index: 1000;
}

.flying-track {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.flying-content {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    animation: flyingMove 18s linear infinite;
    font-size: 14px;
    font-weight: 500;
}

.plane-icon {
    font-size: 16px;
    margin-right: 10px;
    animation: planeFloat 1.2s ease-in-out infinite alternate;
}

.flying-text {
    letter-spacing: 0.5px;
}


@keyframes flyingMove {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}


@keyframes planeFloat {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-3px); }
}


@media (max-width: 768px) {
.flying-banner {
    display: none;
}
}


.checkout-payment-method input[type="radio"],
.checkout-shipping-method input[type="radio"] {

    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    width: 27px !important;
    height: 27px !important;

    border: 2px solid #cfd8dc !important;
    border-radius: 4px !important;

    background: #ffffff !important;

    position: relative !important;
    margin-right: 12px !important;
    cursor: pointer !important;

    transition: all 0.2s ease !important;
}

#login-form-popup .modal-footer {
    display: flex;
    justify-content: center;
}
#login-form-popup .modal-footer button#button-login-popup {
    width: 100%;
}

.checkout-payment-method input[type="radio"]:hover,
.checkout-shipping-method input[type="radio"]:hover {
    border-color: #4caf50 !important;
}


.checkout-payment-method input[type="radio"]:checked,
.checkout-shipping-method input[type="radio"]:checked {
   background: linear-gradient(129.1deg, #a3c93c -17.84%, #3d9b26 83.84%) !important;
    border-color: linear-gradient(129.1deg, #a3c93c -17.84%, #3d9b26 83.84%) !important;
}


.checkout-payment-method input[type="radio"]:checked::after,
.checkout-shipping-method input[type="radio"]:checked::after {

    content: "" !important;
    position: absolute !important;

left: 8px !important;
    top: 4px !important;

    width: 6px !important;
    height: 12px !important;

    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;

    transform: rotate(45deg) !important;
}
.fcopyright {
    text-align: center;
}

.checkout-payment-method .radio label,
.checkout-shipping-method .radio label {

    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
}


.radio.chm-radio {
    margin-bottom: 12px !important;
}
footer .title-f {
    font-weight: 600;
}
ul.nav.navbar-nav img {
    position: relative;
    top: 4px;
}

ul.nav.navbar-nav > li:first-child > a > img {
    top: 7px !important;
    left: -2px;
}

.box-ajax-load {
    width: 230px!important;
	    font-weight: 600;
}
span.box-ajax-load img {
    position: relative;
    left: -7px;
    top: -1px;
}
.pagination>li>a, .pagination>li>span {
    padding: 20px 25px!important;
}

@media only screen and (max-width: 1199px){
div#modal-addcart a.btn-checkout {
    width: 52%;
	
}

div#modal-addcart button.btn-shopping {
    width: 40%;
	        font-size: 11px;
}
}


@media only screen and (min-width: 1200px){
div#modal-addcart a.btn-checkout {
    width: 52%;
}

div#modal-addcart button.btn-shopping {
    width: 40%;
}
}




	
@media only screen and (min-width: 1200px){

nav#horizontal-menu {
    display: flex;
    justify-content: center;
}

}

.slick-list.draggable img {
    border-radius: 6px;
}


.slick-list.draggable img:hover {
    border-radius: 6px;
}

a.main-image.thumbnail img {
    border-radius: 6px;
}

a.main-image.thumbnail img:hover {
    border-radius: 6px;
}

.mousetrap {
    border-radius: 6px!important;
}

a.nsmenu-parent-title {
    margin-top: 4px;
}

body.fixed-top-header.active-fix .box-cart {
    padding: 0!important;
    background: none!important;
}

header.h-type-1.pad-top .dropdown-toggle {
    position: relative;
    top: 2px;
}

a.btn.btn-shopping {
    display: none;
}

@media only screen and (min-width: 1200px){
div#logo img {
        width: 100%;
        position: relative;
        top: -1px;
        left: 0px;
}
}
body.fixed-top-header.active-fix div#logo img {
    top: 0;
}

.block-banner-footer .text-footer-banner .banner-title-footer {
    font-size: 19px;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 9px;
	    margin-top: 15px;
		
		
  }  
	

.box-search.swdm-0.hidden-sm.hidden-xs.col-xs-12.col-sm-12.col-md-4.col-lg-5.flex-1.f-order-2.search-top {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.header-buttons {
    display: flex;
    gap: 10px;
    margin-top: 0;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.btn-header {
    padding: 8px 12px;
    background: #0a2540;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
}


/* разные цвета */
.btn-courses {
    background: #409a13;
}

.contact-header .additional-tel.dth:nth-of-type(4) {
    font-size: 10px;
    color: #ffffff;
}

.btn-veteran {
    background: linear-gradient(314.34deg, #1a5ee8 88.6%, rgba(5, 110, 255, .9) 100%);
}

.btn-np {
    background: #d32f2f;
}



.row-flex.checkout-сustomer-info {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.checkout-payment-method.h-100 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.checkout-shipping-method.h-100 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}


div#opc-shipping-address {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}





#top .box-account .dropdown-toggle {
    background: linear-gradient(135deg, #1e73be, #163d63);
    color: #ffffff !important;
    padding: 9px 22px !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    border: none !important;
    box-shadow: 0 6px 18px rgb(28 103 170) !important;
    transition: all 0.3s ease !important;
}

#top .box-account .dropdown-toggle:hover {
   background: linear-gradient(135deg, #1e73be, #163d63);
    transform: translateY(-2px) !important;
}

#top .box-account .dropdown-toggle svg path {
    stroke: #1e2f45 !important;
}


@media only screen and (min-width: 1200px){


div#searchtop {
	        width: 337px;
        margin-right: 20px;
}


.container.f_s {
    display: flex;
    justify-content: center;
}

}


.cert-section {
    margin-bottom: 60px;
    text-align: center;
}

.cert-section h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px;
}

.cert-item {
    margin-bottom: 30px;
}

.cert-item img {
    max-width: 100%;
    height: auto;
    cursor: zoom-in;
    border: 1px solid #eee;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.cert-item img:hover {
    transform: scale(1.02);
}


#imageViewer {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    text-align: center;
}

#imageViewer img {
    max-width: 90%;
    max-height: 85vh;
}



#column-right .sidebar {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
}

#column-right .nav-tabs {
    border: none;
}

#column-right .nav-tabs > li {
    float: none;
    margin-bottom: 8px;
}

#column-right .nav-tabs > li > a {
    border: none;
    border-radius: 8px;
    background: #f5f7fa;
    padding: 12px 15px;
    font-weight: 500;
    color: #333;
    transition: all 0.3s ease;
}


#column-right .nav-tabs > li > a:hover {
    background: linear-gradient(135deg, #1e73be, #163d63);
    color: #ffffff;
    padding-left: 22px;
}



.about-box {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-bottom: 40px;
}

.about-box p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
}

.about-box h3 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 700;
    border-left: 4px solid #1e73be;
    padding-left: 12px;
}

.about-box ul {
    padding-left: 20px;
    margin-bottom: 25px;
}

.about-box ul li {
    margin-bottom: 8px;
    font-size: 15px;
}

.highlight-block {
    background: linear-gradient(135deg, #1e73be, #163d63);
    color: #fff;
    padding: 25px;
    border-radius: 10px;
    margin-top: 30px;
}

.highlight-block strong {
    font-size: 18px;
}

.payment-box {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-bottom: 40px;
}

.payment-box p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
}

.payment-box h3 {
    margin-top: 30px;
    margin-bottom: 25px;
    font-weight: 700;
    border-left: 4px solid #1e73be;
    padding-left: 12px;
}

.payment-method {
    background: #f8f9fb;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    transition: 0.3s ease;
}

.payment-method:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

.payment-method b {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}

.payment-method ul {
    padding-left: 20px;
    margin: 0;
}

.payment-method ul li {
    margin-bottom: 6px;
}


.delivery-box {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-bottom: 40px;
}

.delivery-box p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
}

.delivery-method {
    background: #f8f9fb;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    transition: 0.3s ease;
}

.delivery-method:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

.delivery-method b {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}

.delivery-method ul {
    padding-left: 20px;
    margin: 0;
}

.delivery-method ul li {
    margin-bottom: 6px;
}

.delivery-highlight {
    background: linear-gradient(135deg, #1e73be, #163d63);
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
}

.delivery-highlight strong,
.delivery-highlight b {
    color: #fff;
}

.delivery-highlight p {
    color: white;
}


#column-right .nav-tabs > li.active > a,
#column-right .nav-tabs > li.active > a:focus,
#column-right .nav-tabs > li.active > a:hover {
    background: linear-gradient(135deg, #1e73be, #163d63);
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(30,115,190,0.3);
}


#column-right .nav-tabs > li > a {
    transition: all 0.25s ease;
}


#column-right .nav-tabs {
    margin-bottom: 0;
}






#product {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 35px rgba(0,0,0,0.06) !important;
    margin-bottom: 30px !important;
}



#product .price {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #1f3b63 !important; /* фирменный темно-синий */
    margin: 15px 0 !important;
}


.stock_status_success {
    background: #e9f7ef !important;
    color: #00BC52 !important;
    padding: 6px 14px !important;
    border-radius: 0!important;
    font-weight: 600 !important;
    font-size: 13px !important;
}



#product .quantity-adder {
    padding-top: 10px;
}
#product .actions .btn-wishlist, #product .actions .btn-compare {
    margin-top: 18px;
}


button#button-cart:hover {
    opacity: 0.8;
}
#button-cart {
    background: url(https://formula-for-sport.com.ua/img/1.png) center / cover no-repeat !important;
    
    border: none !important;
    border-radius: 30px !important;

    height: 72px !important;
    padding: 0 30px !important;

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

    font-weight: 700 !important;
    font-size: 16px;
    color: #fff !important;

    transition: all 0.3s ease;
	    color: transparent !important;
    text-shadow: none !important;
	
}

button#button-cart span.icon-cart-add {
    display: none !important;
}


.quantity-number {
    border: 1px solid #e3e7ec !important;
    border-radius: 12px !important;
    padding: 6px 10px !important;
    background: #f9fbfc !important;
	 overflow: hidden;
}

.quantity-product {
    border: none !important;
    text-align: center !important;
    font-weight: 600 !important;
    width: 40px !important;
}
.short_description {
    background: #f7f9fb !important;
    padding: 18px !important;
    border-radius: 14px !important;
    margin-top: 20px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}
.short-attributes-top {
    background: #ffffff !important;
    border: 1px solid #eef2f5 !important;
    padding: 18px !important;
    border-radius: 14px !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

.attr-name-line {
    font-weight: 600 !important;
    color: #1f3b63 !important;
}

.attr-text-line {
    color: #555 !important;
}


.block-banner-footer .image-banner-footer {
    display: none;
}


.container.h-box {
    padding-top: 43px;
}

/* ===== Блок полного описания ===== */

#tab-description {
    background: #ffffff !important;
    padding: 35px !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #eef2f6 !important;
    margin-top: 30px !important;
    position: relative !important;
}


/* Текст */
#tab-description p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #2c3e50 !important;
    margin-bottom: 18px !important;
}

/* Первый абзац чуть крупнее */
#tab-description p:first-child {
    font-size: 17px !important;
    font-weight: 500 !important;
}

/* Выделение важных слов */
#tab-description strong {
    color: #1f3b63 !important;
    font-weight: 700 !important;
}

/* Ссылки внутри описания */
#tab-description a {
    color: #00BC52 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

#tab-description a:hover {
    text-decoration: underline !important;
}




@media only screen and (max-width: 1199px){
.box-bg-full h2 {
    font-size: 30px;
    font-weight: 700;
       margin-bottom: 15px;
    position: relative;
    padding-bottom: 12px;
}
}


@media only screen and (min-width: 1200px){
.box-bg-full h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 35px;
    position: relative;
    padding-bottom: 12px;
}
}



h1 {
    font-size: 34px !important;
    font-weight: 700 !important;
       color: #000000de !important;
    margin-bottom: 25px !important;
    position: relative !important;
    display: inline-block !important;
}






@media only screen and (min-width: 1200px){
.checkout-address-info {
    width: 50%;
    margin: 0 auto;
}
}

.checkout-heading {
    text-align: center;
}

#popup-callback .popup-heading li.active a {
    font-size: 18px;
    font-weight: 600;
}






.box-bg-full h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 22px;
    position: relative;
    padding-bottom: 12px;
    color: #000000;
	display: flex;
    justify-content: center;
}
.tours-subtitle {
    text-align: center;
}
.box-bg-full h2:after {
    content: "";
    width: 170px;
    height: 2px;
    background: linear-gradient(90deg, #2e7d32, #43a047);
    position: absolute;
    left: 0;
    bottom: 2px;
    border-radius: 10px;
    right: 0;
    margin: 0 auto;
}

.tour-image {
    height: 210px;
    background-size: cover;
    background-position: center;
    transition: 0.4s ease;
}

.tour-card:hover .tour-image {
    transform: scale(1.05);
}

/* Контейнер для 3D */
.msp-small_image {
    perspective: 1000px;
}

/* Анимация вращения */
.msp-small_image img {
    animation: smoothRotate 5s ease-in-out infinite;
    transform-style: preserve-3d;
}

/* Ключевые кадры */
@keyframes smoothRotate {
    0% {
        transform: rotateY(0deg);
    }
    40% {
        transform: rotateY(180deg);
    }
    60% {
        transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}



.footer-top {
    background-image: url(https://formula-for-sport.com.ua/img/bg-footer.svg);
    background-position: bottom right 100px;
    background-repeat: no-repeat;
    padding: 35px 0;
}


/* Чтобы контент был поверх затемнения */
footer.type-footer-2 > * {
    position: relative!important;
    z-index: 2;
}

.container-module.productany734 {
    margin-bottom: 20px;
}

@media only screen and (max-width: 380px){
span.sport {
        text-align: center;
        display: flex;
        line-height: 14px;
        position: relative;
        top: 4px;
        font-size: 12px;
        left: 4px;
}
}

@media only screen and (max-width: 1199px){

.additional-tel.dth a {
    position: relative;
    right: -20px;
}
.row-flex.vertical-align {
    display: flex;
    justify-content: space-between;
}

h2, .title-module span {
    font-size: 22px!important;
    font-weight: 700;
    color: #1e3c72 !important;
    margin-bottom: 30px;
    position: relative !important;
	        line-height: 27px;
}

.container-module.productany691.title-module span {
    font-size: 20px!important;
}

}


@media only screen and (min-width: 1200px){

h2, .title-module span {
    font-size: 32px !important;
    font-weight: 700;
            color: #000000 !important;
    margin-bottom: 30px;
    position: relative !important;
    display: inline-block;
}

}


/* Зеленая линия под заголовком */
h2::after,
.title-module span::after {
content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -17px;
    width: 160px;
    height: 2px;
    background: linear-gradient(90deg, #1e73be, #1e73be);
    border-radius: 4px;
    margin: 0 auto;
}



@media only screen and (max-width: 1199px){
.container-module {
    margin-top: 23px;
}

}


@media only screen and (min-width: 1200px){
.container-module {
    margin-top: 60px;
}

}


/* Только блок с курсами */
.tours-section.row .tour-date {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    padding: 10px 22px;
    background: linear-gradient(135deg, #ff9800, #ffb74d);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 6px 18px rgba(255,152,0,0.35);
}

/* Hover эффект */
.tours-section.row .tour-card:hover .tour-date {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255,152,0,0.45);
}

.tour-image {
    height: 180px;
    background-size: cover;
    background-position: center;
}


@media only screen and (max-width: 380px){
.tour-content {
	        min-height: 180px !important;
}





}



@media only screen and (max-width: 1199px){
.tour-content {
    padding: 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
	min-height: 185px;
}

.addit-action {
    display: none;
}

.product-thumb .actions {
    margin-top: 12px!important;
    flex-direction: row-reverse!important;
    width: 36px!important;
    margin: 0 auto!important;
    text-align: center!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    flex-wrap: wrap!important;
}

/* Нормальные списки */
ol, ul {
    padding-left: 25px;
    margin-bottom: 15px;
}

ol li, ul li {
    margin-bottom: 8px;
    line-height: 1.5;
}

/* Если span внутри li ломает отображение */
li span {
    display: inline;
}

/* Исправляем маркеры */
ol {
    list-style-type: decimal;
}

ul {
    list-style-type: disc;
}



div#modal-addcart .modal-body div {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}



#tab-description ol li {
    font-size: 16px !important;
    line-height: 22px !important;
    color: #2c3e50 !important;
    margin-bottom: 18px !important;
}
#tab-description ol li span {
    font-size: 16px !important;
    line-height: 22px !important;
    color: #2c3e50 !important;
    margin-bottom: 18px !important;
}

ol li span {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #2c3e50 !important;
    margin-bottom: 18px !important;
}


.pq-box {
    margin-bottom: 8px;
}

.product-thumb .actions div.cart .btn span.text-cart-add {
    display: block !important;
}

}


.mbflex img.lazyloaded {
    border-radius: 6px !important;
}


a.nsmenu-parent-img img.lazyloaded {
    border-radius: 8px !important;
}

a.nsmenu-parent-title {
    font-weight: 600;
    margin-top: 9px;
}

@media only screen and (min-width: 1200px){
.tour-content {
    padding: 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
	        min-height: 186px;
}
}



.tour-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #1f3c88;
    min-height: 48px;
}

.tour-desc {
    font-size: 13px;
    color: #666;
    flex-grow: 1;
}

/* ===== VETERAN PROGRAM PAGE ===== */

.veteran-wrapper {
    max-width: 980px;
    margin: 0 auto;
    padding: 20px 15px 40px;
}

.veteran-card {
    background: #f7f9fb;
    border-radius: 12px;
    padding: 3px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    font-size: 16px;
    line-height: 1.7;
}

.veteran-section-title {
    font-size: 20px;
    font-weight: 600;
    margin: 40px 0 20px;
    padding-left: 15px;
    border-left: 4px solid #1e73be;
}

.veteran-list {
    margin-left: 20px;
    margin-top: 15px;
}

.veteran-list li {
    margin-bottom: 10px;
}

.veteran-note {
    font-size: 14px;
    color: #666;
    margin-top: 20px;
}

.veteran-steps {
    margin-left: 20px;
}

.veteran-steps li {
    margin-bottom: 10px;
}

.veteran-important {
    background: #eef5ff;
    padding: 15px;
    border-left: 4px solid #1e73be;
    margin-top: 25px;
    border-radius: 6px;
}

.veteran-important ul {
    margin-top: 10px;
    margin-left: 20px;
}

.veteran-wrapper a {
    color: #1e73be;
    font-weight: 600;
}

.veteran-wrapper a:hover {
    text-decoration: underline;
}
/* Друга вкладка — новий стиль */
#prodCatTab0 > li:not(.active) > a {
    background: #e8f1ff;
    color: #1f3c88;
    border-radius: 6px;
    font-weight: 600;
    transition: 0.3s ease;
}

/* Hover для другої */
#prodCatTab0 > li:not(.active) > a:hover {
    background: #2e5db8;
    color: #ffffff;
}

.tabs__header .my-tabs li {
    margin-right: 13px !important;
}

@media only screen and (max-width: 1199px){
.tour-date {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 600;
	color: #ffffff;
}
li.hitem img {
    background: linear-gradient(129.1deg, #a3c93c -17.84%, #3d9b26 83.84%);
    width: 23px;
    border-radius: 4px;
    padding: 2px;
    top: 53% !important;
}

}



@media only screen and (min-width: 1200px){
.tour-date {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 600;
}
}

@media (max-width: 768px) {
    .tour-title {
                font-size: 23px;
    }
}



.stock-status.instock {
    position: absolute;
    top: -16px;
    right: 0;
}


@media only screen and (max-width: 1199px){
.fortress-section {
    gap: 10px;
}
}

@media only screen and (min-width: 1200px){
.fortress-section {
    gap: 60px;
}
}

body.fixed-top-header.active-fix span.sport {
    display: none ! importaNT;
}

.fortress-section {
    display: flex;
    align-items: center;
    padding: 60px 50px;
    background: linear-gradient(135deg, #f4f7f9, #e9eef2);
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    margin: 40px 0;
}

.fortress-logo-wrap {
    width: 240px;
    min-width: 240px;
    display: flex;
    justify-content: center;
    perspective: 1000px;
}


.row.banner-footer {
    display: flex;
    justify-content: center;
}

.fortress-logo-wrap img {
    width: 315px;
    max-width: 315px;
}
.stock-status.outofstock {
    position: absolute;
    top: -16px;
    right: 0;
}
.fortress-text h1 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #1e2a35;
}

.fortress-text p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
    color: #4a5663;
}

.fortress-text strong {
    color: #1b7f3c;
}

@media (max-width: 768px) {
    .fortress-section {
        flex-direction: column;
        text-align: center;
        padding: 40px 25px;
    }

    .fortress-logo-wrap {
        margin-bottom: 0;
    }
}

/* ===== TOP HEADER REDESIGN ===== */


#top .dropdown-menu li a:hover,
#top .dropdown-menu li button:hover {
    background: #f3f9f6 !important;
    color: #00BC52 !important;
}

/* Особистий кабінет */
#top .box-account > button {
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}


/* стрелка */
#top .box-account svg path {
    stroke: #ffffff !important;
}

#top .box-account > button:hover svg path {
    stroke: #00BC52 !important;
}

/* мобильная кнопка */



/* ===== FAQ MODERN SPORT STYLE ===== */

#faqAccordion .panel {
    border: none !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    margin-bottom: 15px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease !important;
}

#faqAccordion .panel:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important;
}

/* Заголовок вопроса */
#faqAccordion .panel-heading {
    background: linear-gradient(90deg, #0f2c46 0%, #153a5c 100%) !important;
    padding: 16px 20px !important;
    border: none !important;
}

#faqAccordion .panel-title a {
    display: block !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 0.3px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

/* Иконка стрелки */
#faqAccordion .panel-title a:after {
    content: "+" !important;
    position: absolute !important;
    right: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #00BC52 !important;
    transition: all 0.3s ease !important;
}

/* Когда открыт */
#faqAccordion .panel-collapse.in + .panel-heading a:after {
    content: "-" !important;
}

/* Тело ответа */
#faqAccordion .panel-body {
    background: #ffffff !important;
    padding: 20px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #2c3e50 !important;
    border-left: 4px solid #00BC52 !important;
}

/* Списки */
#faqAccordion .panel-body ul {
    padding-left: 18px !important;
}

#faqAccordion .panel-body li {
    margin-bottom: 6px !important;
}

/* Hover эффект текста */
#faqAccordion .panel-title a:hover {
    color: #00BC52 !important;
}



/* === ЭФФЕКТ ПРОБЕГАЮЩЕГО СВЕТА ПО ЛОГОТИПУ === */
#logo img {
    transition: transform 0.4s ease;
}

#logo:hover img {
    transform: scale(1.05);
}
@keyframes floatLogo {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-4px); }
    100% { transform: translateY(0px); }
}

#logo img {
    animation: floatLogo 3s ease-in-out infinite;
}

/* ===== SEO BLOCK FORMULA SPORT ===== */

.fs-seo-block {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.dop-menu-show_more {
    display: none !important;
}


/* ===== DELIVERY NEW STYLE ===== */

.fs-delivery {
    padding: 20px 0;
}

.fs-delivery-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.fs-delivery-intro {
    color: #555;
    margin-bottom: 25px;
}

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

/* CARD */
.fs-card {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
    transition: 0.3s;
}

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

.fs-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.fs-card ul {
    padding-left: 18px;
}
/* ===== MODERN FAQ ===== */

.fs-faq {
    max-width: 900px;
}

.fs-faq-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
}

/* ITEM */
.fs-faq-item {
    background: #fff;
    border-radius: 14px;
    margin-bottom: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    transition: 0.3s;
}

/* QUESTION */
.fs-faq-question {
    padding: 18px 20px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
}

.fs-faq-question:after {
    content: "+";
    position: absolute;
    right: 20px;
    font-size: 18px;
    transition: 0.3s;
}

/* ACTIVE */
.fs-faq-item.active .fs-faq-question:after {
    content: "-";
}

/* ANSWER */
.fs-faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    color: #555;
    transition: all 0.3s ease;
}

/* OPEN */
.fs-faq-item.active .fs-faq-answer {
    max-height: 200px;
    padding: 15px 20px 20px;
}

/* HOVER */
.fs-faq-item:hover {
    transform: translateY(-2px);
}
/* ICON */
.fs-icon {
    font-size: 26px;
    margin-bottom: 10px;
}

/* HIGHLIGHT */
.fs-card.highlight {
    background: linear-gradient(135deg, #3d9b26, #7ccf4c);
    color: #fff;
}

/* IMPORTANT BLOCK */
.fs-special {
    margin-top: 30px;
    padding: 20px;
    border-radius: 12px;
    background: #fff7e6;
    border-left: 5px solid #ffa500;
}

/* TRACK */
.fs-track {
    margin-top: 20px;
    padding: 15px;
    background: #1f4f7a;
    color: #fff;
    border-radius: 10px;
}

/* MOBILE */
@media (max-width: 768px) {
    .fs-grid {
        grid-template-columns: 1fr;
    }
}

/* Заголовок */
.fs-main-title {
    font-size: 28px;
    font-weight: 700;
    color: #1c2b36;
    margin-bottom: 20px;
    position: relative;
}

/*
.fs-main-title:after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #3d9b26, #a3c93c);
    margin-top: 10px;
    border-radius: 2px;
}

*/

/* Текст */
.fs-seo-block p {
    font-size: 15px;
    line-height: 1.7;
    color: #4a4a4a;
    margin-bottom: 15px;
}

/* Список */
.fs-seo-list {
    background: #f8faf8;
    padding: 20px;
    border-radius: 10px;
    margin: 20px 0;
}

.fs-seo-list ul {
    padding-left: 20px;
    margin: 0;
}

.fs-seo-list li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #2f2f2f;
    position: relative;
}

/* Галочки */
.fs-seo-list li:before {
    content: "✔";
    color: #3d9b26;
    font-weight: bold;
    margin-right: 8px;
}

/* Финальный текст */
.fs-seo-final {
    font-weight: 600;
    color: #1c2b36;
    margin-top: 20px;
}

/* Адаптив */
@media (max-width: 768px) {
    .fs-seo-block {
        padding: 20px;
    }

    .fs-main-title {
        font-size: 22px;
    }

    .fs-seo-block p {
        font-size: 14px;
    }
}