/*add.css === ОСНОВНЫЕ СТИЛИ === */
:root {
	--primary-color: #00bfa5;
	--primary-light: #4dd0bd;
	--primary-dark: #00a693;
	--secondary-color: #6c757d;
	--success-color: #4caf50;
	--danger-color: #f44336;
	--warning-color: #ff9800;
	--info-color: #00bcd4;
	--light-color: #f5f9f8;
	--lighter-color: #fafcfc;
	--dark-color: #263238;
	--darker-color: #1a1f21;
	--white-color: #ffffff;
	--black-color: #000000;
	--border-color: #e1f0ee;
	--border-light: #f0f7f6;
	--text-light: #607d8b;
	--text-muted: #90a4ae;
	--shadow: 0 2px 8px rgba(0,191,165,0.08);
	--shadow-md: 0 4px 16px rgba(0,191,165,0.12);
	--shadow-lg: 0 8px 32px rgba(0,191,165,0.16);
	--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--border-radius: 12px;
	--border-radius-sm: 8px;
	--border-radius-lg: 16px;
	--font-family: 'Fira Sans Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--container-padding: 15px;
	--border-dark: #37474f;
	--text-dark: #37474f;
	--header-height: 80px;
	--header-sticky-height: 70px;
}

/* === БАЗОВЫЕ СТИЛИ === */
* { box-sizing: border-box; }
body { line-height: 1.6; color: var(--dark-color);font-family: 'Fira Sans Condensed';   }
img { max-width: 100%; height: auto; }
a { text-decoration: none; transition: var(--transition); }
a:hover { text-decoration: none; }

/* === КНОПКИ === */
.btn { border-radius: var(--border-radius); transition: var(--transition); font-weight: 500; }
.btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }

/* === КАРТОЧКИ === */
.card { border: 1px solid var(--border-color); border-radius: var(--border-radius); box-shadow: var(--shadow); transition: var(--transition); }
.card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }

/* === ОСНОВНОЙ КОНТЕНТ === */
.main { padding: 40px 0; min-height: 70vh; }

/* === ПОСТЫ === */
.posts { display: grid; gap: 30px; }
.post { background: var(--white-color); border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); }
.post:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.post__header { position: relative; }
.post__image { overflow: hidden; }
.post__image img { transition: var(--transition); }
.post:hover .post__image img { transform: scale(1.05); }
.post__title { margin: 20px; font-size: 1.5rem; font-weight: 600; }
.post__link { color: var(--dark-color); }
.post__link:hover { color: var(--primary-color); }
.post__meta { display: flex; gap: 20px; margin: 0 20px; color: var(--secondary-color); font-size: 0.9rem; }
.post__meta span { display: flex; align-items: center; gap: 5px; }
.post__content { padding: 0 20px 20px; }
.post__footer { padding: 0 20px 20px; }
.post__read-more { font-size: 0.9rem; }

/* === САЙДБАР === */
.sidebar { padding-left: 30px; }
.widget { background: var(--white-color); padding: 30px; border-radius: var(--border-radius); box-shadow: var(--shadow); margin-bottom: 30px; }
.widget__title { font-size: 1.3rem; font-weight: 600; margin-bottom: 20px; color: var(--dark-color); }

/* === ПАГИНАЦИЯ === */
.pagination { margin: 50px 0 0; display: flex; justify-content: center; }
.page-numbers { display: inline-block; padding: 10px 15px; margin: 0 5px; background: var(--white-color); border: 1px solid var(--border-color); color: var(--dark-color); border-radius: var(--border-radius); transition: var(--transition); }
.page-numbers:hover { background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); }
.page-numbers.current { background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); }



/* === ФУТЕР === */
.footer { background: var(--dark-color); color: var(--white-color); }
.footer__main { padding: 60px 0 40px; }

.footer__logo { background:#ffffffaa;max-width:200px;padding:1rem;border-radius:1rem;margin-bottom:1rem; }

.footer__title { font-size: 1.2rem; font-weight: 600; margin-bottom: 20px; color: var(--white-color); }
.footer__logo-text { font-size: 1.5rem; font-weight: 700; margin-bottom: 15px; color: var(--white-color); }
.footer__description { color: rgba(255,255,255,0.8); margin-bottom: 20px; }
.footer__social { display: flex; gap: 15px; }
.footer__social-link { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.1); border-radius: 50%; color: var(--white-color); transition: var(--transition); }
.footer__social-link:hover { background: var(--primary-color); color: var(--white-color); transform: translateY(-2px); }
.footer__menu-list { list-style: none; padding: 0; margin: 0; }
.footer__menu-list li { margin-bottom: 8px; }
.footer__menu-list a { color: rgba(255,255,255,0.8); transition: var(--transition); }
.footer__menu-list a:hover { color: var(--white-color); }
.footer__categories-list { list-style: none; padding: 0; margin: 0; }
.footer__categories-item { margin-bottom: 8px; }
.footer__categories-link { color: rgba(255,255,255,0.8); transition: var(--transition); }
.footer__categories-link:hover { color: var(--white-color); }
.footer__contact-item { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; color: rgba(255,255,255,0.8); }
.footer__contact-item i { width: 20px; color: var(--primary-color); }
.footer__contact-item a { color: rgba(255,255,255,0.8); transition: var(--transition); }
.footer__contact-item a:hover { color: var(--white-color); }
.footer__bottom { background: rgba(0,0,0,0.2); padding: 20px 0; }
.footer__copyright p { margin: 0; color: rgba(255,255,255,0.6); }
.footer__payment { display: flex; justify-content: flex-end; gap: 15px; }
.footer__payment i { font-size: 1.8rem; color: rgba(255,255,255,0.6); transition: var(--transition); }
.footer__payment i:hover { color: var(--white-color); }

/* === АДАПТИВНОСТЬ === */
@media (max-width: 1199px) {
	.sidebar { padding-left: 0; margin-top: 40px; }
	.checkout-form { grid-template-columns: 1fr; }
	.order-review { position: static; }
	.my-account { grid-template-columns: 1fr; }
	.account-navigation ul { display: flex; flex-wrap: wrap; gap: 10px; }
	.account-navigation li { margin-bottom: 0; }
}

@media (max-width: 991px) {
	.products { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
	.single-product .product { grid-template-columns: 1fr; }
	.footer__main { padding: 40px 0 30px; }
	.footer__payment { justify-content: center; margin-top: 20px; }
}

@media (max-width: 767px) {
	.main { padding: 20px 0; }
	.products { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }
	.product__content { padding: 15px; }
	.post { margin-bottom: 20px; }
	.widget { padding: 20px; margin-bottom: 20px; }
	.cart-table { font-size: 0.9rem; }
	.cart-table th, .cart-table td { padding: 10px 5px; }
	.footer__main { text-align: center; }
	.footer__bottom .row { flex-direction: column; gap: 20px; }
	.footer__copyright, .footer__payment { text-align: center; }
}

@media (max-width: 575px) {
	.products { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
	.product__image img { height: 200px; }
	.product__content { padding: 10px; }
	.product__title { font-size: 1rem; }
	.product__price { font-size: 1.1rem; }
	.product__actions { flex-direction: column; }
	.product__wishlist { width: 100%; height: 40px; }
}























/* contacts.css === СТРАНИЦА КОНТАКТОВ === */

/* Основной блок контактов */
.contacts-page { padding: 60px 0; background: var(--lighter-color); }
.contacts { background: var(--white-color); border-radius: var(--border-radius-lg); padding: 48px; box-shadow: var(--shadow-md); }

/* Информационный блок */
.contacts__info { height: 100%; display: flex; flex-direction: column; }
.contacts__company { margin-bottom: 40px; }
.contacts__heading { font-size: 32px; font-weight: 700; color: var(--dark-color); margin-bottom: 8px; line-height: 1.2; }
.contacts__legal { font-size: 16px; color: var(--text-light); margin: 0; }

/* Список контактных элементов */
.contacts__items { display: flex; flex-direction: column; gap: 24px; margin-bottom: 32px; }
.contacts__item { display: flex; align-items: flex-start; gap: 16px; padding: 20px; background: var(--light-color); border-radius: var(--border-radius); transition: var(--transition); }
.contacts__item:hover { background: var(--lighter-color); box-shadow: var(--shadow); transform: translateX(4px); }

/* Иконки контактов */
.contacts__item-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary-color), var(--primary-light)); border-radius: var(--border-radius-sm); color: var(--white-color); font-size: 20px; flex-shrink: 0; }

/* Контент элемента */
.contacts__item-content { flex: 1; }
.contacts__item-label { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); margin-bottom: 4px; }
.contacts__item-value { font-size: 18px; font-weight: 600; color: var(--dark-color); line-height: 1.4; }
.contacts__item-value a { color: var(--dark-color); text-decoration: none; transition: var(--transition); }
.contacts__item-value a:hover { color: var(--primary-color); }

/* Дополнительный контент */
.contacts__content { margin-top: auto; padding-top: 24px; border-top: 2px solid var(--border-color); }
.contacts__content p { margin-bottom: 12px; color: var(--text-light); line-height: 1.6; }
.contacts__content p:last-child { margin-bottom: 0; }

/* Блок карты */
.contacts__map { height: 100%; min-height: 500px; border-radius: var(--border-radius-lg); overflow: hidden; box-shadow: var(--shadow-md); position: sticky; top: calc(var(--header-sticky-height) + 20px); }
.contacts__map-container { width: 100%; height: 100%; min-height: 500px; }

/* Адаптивность */
@media (max-width: 991px) {
.contacts { padding: 32px; }
.contacts__map { position: static; min-height: 400px; }
.contacts__heading { font-size: 28px; }
}

@media (max-width: 767px) {
.contacts-page { padding: 40px 0; }
.contacts { padding: 24px; border-radius: var(--border-radius); }
.contacts__heading { font-size: 24px; }
.contacts__items { gap: 16px; }
.contacts__item { padding: 16px; gap: 12px; }
.contacts__item-icon { width: 40px; height: 40px; font-size: 18px; }
.contacts__item-value { font-size: 16px; }
.contacts__map { min-height: 350px; }
.contacts__map-container { min-height: 350px; }
}

@media (max-width: 575px) {
.contacts { padding: 20px; }
.contacts__company { margin-bottom: 32px; }
.contacts__heading { font-size: 22px; }
.contacts__map { min-height: 300px; border-radius: var(--border-radius-sm); }
.contacts__map-container { min-height: 300px; }
}



/* requisites.css === СТРАНИЦА РЕКВИЗИТОВ === */

/* Основной блок страницы */
.requisites-page { padding: 40px 0; background: var(--white-color); }
.requisites { max-width: 1000px; margin: 0 auto; }

/* Секции реквизитов */
.requisites__section { margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid var(--border-color); }
.requisites__section:last-of-type { border-bottom: none; padding-bottom: 0; }
.requisites__heading { font-size: 18px; font-weight: 700; color: var(--dark-color); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); }

/* Сетка элементов */
.requisites__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }

/* Элемент реквизита */
.requisites__item { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; background: var(--light-color); border-left: 3px solid var(--border-color); transition: var(--transition); }
.requisites__item:hover { border-left-color: var(--primary-color); background: var(--lighter-color); }
.requisites__item--full { grid-column: 1 / -1; }

/* Метка и значение */
.requisites__label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); line-height: 1.4; }
.requisites__value { font-size: 15px; font-weight: 500; color: var(--dark-color); line-height: 1.4; }
.requisites__value a { color: var(--dark-color); text-decoration: none; border-bottom: 1px solid var(--border-color); transition: var(--transition); }
.requisites__value a:hover { color: var(--primary-color); border-bottom-color: var(--primary-color); }

/* Блок действий */
.requisites__actions { display: flex; gap: 12px; justify-content: center; margin-top: 32px; padding-top: 32px; border-top: 1px solid var(--border-color); }

/* Кнопки */
.requisites__btn { display: flex; align-items: center; gap: 8px; padding: 12px 24px; font-size: 14px; font-weight: 600; border: 2px solid var(--border-color); background: var(--white-color); color: var(--dark-color); border-radius: var(--border-radius-sm); cursor: pointer; transition: var(--transition); }
.requisites__btn i { font-size: 16px; }
.requisites__btn:hover { border-color: var(--primary-color); background: var(--primary-color); color: var(--white-color); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.requisites__btn--success { border-color: var(--success-color); background: var(--success-color); color: var(--white-color); }

/* Стили для печати */
@media print {
.requisites-page { padding: 0; }
.requisites__actions { display: none; }
.requisites__section { page-break-inside: avoid; margin-bottom: 32px; padding-bottom: 32px; }
.requisites__heading { font-size: 16px; margin-bottom: 16px; }
.requisites__item { padding: 12px; background: transparent; border-left: 2px solid var(--dark-color); }
.requisites__label { font-size: 10px; }
.requisites__value { font-size: 13px; }
.requisites__grid { gap: 16px; }
}

/* Адаптивность */
@media (max-width: 991px) {
.requisites { padding: 0 20px; }
.requisites__section { margin-bottom: 40px; padding-bottom: 40px; }
}

@media (max-width: 767px) {
.requisites-page { padding: 40px 0; }
.requisites__grid { grid-template-columns: 1fr; gap: 16px; }
.requisites__item--full { grid-column: 1; }
.requisites__section { margin-bottom: 32px; padding-bottom: 32px; }
.requisites__heading { font-size: 18px; margin-bottom: 20px; }
.requisites__item { padding: 16px; }
.requisites__actions { flex-direction: column; gap: 12px; }
.requisites__btn { width: 100%; justify-content: center; }
}

@media (max-width: 575px) {
.requisites-page { padding: 30px 0; }
.requisites { padding: 0 15px; }
.requisites__section { margin-bottom: 28px; padding-bottom: 28px; }
.requisites__heading { font-size: 16px; margin-bottom: 16px; padding-bottom: 10px; }
.requisites__item { padding: 14px; }
.requisites__label { font-size: 11px; }
.requisites__value { font-size: 14px; }
.requisites__btn { padding: 12px 20px; font-size: 14px; }
}















/* === КНОПКА "НАВЕРХ" === */
.back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: var(--primary-color); color: var(--white-color); border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(20px); transition: var(--transition); z-index: 999; box-shadow: var(--shadow-lg); }
.back-to-top:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,191,165,0.3); }
.back-to-top.show { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:active { transform: scale(0.95); }

/* === АДАПТИВНОСТЬ === */
@media (max-width: 767px) {
.back-to-top { bottom: 20px; right: 20px; width: 45px; height: 45px; font-size: 1.125rem; }
}

@media (max-width: 575px) {
.back-to-top { bottom: 15px; right: 15px; width: 40px; height: 40px; font-size: 1rem; }
}












/* Privacy Policy Page Styles - BEM Methodology */

/* Block: privacy-policy */
/*.privacy-policy {padding: 60px 0 100px; background: var(--lighter-color);}   */

/* Element: privacy-policy__content */
.privacy-policy__content {background: var(--white-color); border-radius: var(--border-radius); padding: 40px; box-shadow: var(--shadow-md);}

/* Element: privacy-policy__header */
.privacy-policy__header {text-align: center; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 2px solid var(--primary-color);}

/* Element: privacy-policy__meta */
.privacy-policy__meta {margin-top: 15px;}

/* Element: privacy-policy__date */
.privacy-policy__date {font-size: 14px; color: var(--text-muted); font-style: italic; margin: 0;}

/* Element: privacy-policy__body */
.privacy-policy__body {}

/* Element: privacy-policy__section */
.privacy-policy__section {margin-bottom: 40px;}
.privacy-policy__section:last-child {margin-bottom: 0;}

/* Modifier: privacy-policy__section--requisites */
.privacy-policy__section--requisites {background: var(--light-color); padding: 30px; border-radius: var(--border-radius-sm); margin-top: 40px;}

/* Element: privacy-policy__section-title */
.privacy-policy__section-title {font-size: 24px; font-weight: 600; color: var(--dark-color); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--border-color);}

/* Element: privacy-policy__text */
.privacy-policy__text {color: var(--text-dark); font-size: 16px; line-height: 1.7;}
.privacy-policy__text h3 {font-size: 18px; font-weight: 600; color: var(--dark-color); margin-top: 25px; margin-bottom: 15px;}
.privacy-policy__text p {margin-bottom: 15px;}
.privacy-policy__text ul {margin: 15px 0 15px 20px; padding-left: 20px;}
.privacy-policy__text li {margin-bottom: 10px; line-height: 1.6;}
.privacy-policy__text a {color: var(--primary-color); text-decoration: none; transition: var(--transition);}
.privacy-policy__text a:hover {color: var(--primary-dark); text-decoration: underline;}

/* Block: company-info */
.privacy-policy__company-info {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-top: 20px;}

/* Element: company-info__block */
.company-info__block {background: var(--light-color); padding: 20px; border-radius: var(--border-radius-sm); border-left: 4px solid var(--primary-color);}

/* Element: company-info__subtitle */
.company-info__subtitle {font-size: 14px; font-weight: 600; color: var(--text-light); text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0.5px;}

/* Element: company-info__text */
.company-info__text {font-size: 15px; color: var(--dark-color); line-height: 1.6; margin: 0;}
.company-info__text a {color: var(--primary-color); text-decoration: none; transition: var(--transition);}
.company-info__text a:hover {color: var(--primary-dark); text-decoration: underline;}

/* Block: requisites */
.privacy-policy__requisites {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px;}

/* Element: requisites__item */
.requisites__item {display: flex; flex-direction: column; gap: 5px;}

/* Element: requisites__label */
.requisites__label {font-size: 14px; font-weight: 600; color: var(--text-light);}

/* Element: requisites__value */
.requisites__value {font-size: 16px; color: var(--dark-color); font-weight: 500;}

/* Responsive Design */
@media (max-width: 991px) {
.privacy-policy {padding: 40px 0 80px;}
.privacy-policy__content {padding: 30px;}
.privacy-policy__section-title {font-size: 22px;}
}

@media (max-width: 767px) {
.privacy-policy {padding: 30px 0 60px;}
.privacy-policy__content {padding: 20px; border-radius: var(--border-radius-sm);}
.privacy-policy__section-title {font-size: 20px;}
.privacy-policy__text {font-size: 15px;}
.privacy-policy__company-info {grid-template-columns: 1fr; gap: 15px;}
.privacy-policy__requisites {grid-template-columns: 1fr;}
.privacy-policy__section--requisites {padding: 20px;}
}

@media (max-width: 575px) {
.privacy-policy__content {padding: 15px;}
.privacy-policy__header {padding-bottom: 20px; margin-bottom: 30px;}
.privacy-policy__section {margin-bottom: 30px;}
.company-info__block {padding: 15px;}
}



























/* Payment and Delivery Page Styles - BEM Methodology */

/* Block: payment-delivery */
.payment-delivery {padding: 60px 0 100px; background: linear-gradient(180deg, var(--light-color) 0%, var(--white-color) 100%);}

/* Element: payment-delivery__content */
.payment-delivery__content {background: var(--white-color); border-radius: var(--border-radius); padding: 50px; box-shadow: var(--shadow-lg);}

/* Element: payment-delivery__header */
.payment-delivery__header {text-align: center; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 3px solid var(--primary-color);}

/* Element: payment-delivery__body */
.payment-delivery__body {}

/* Element: payment-delivery__section */
.payment-delivery__section {margin-bottom: 60px;}
.payment-delivery__section:last-child {margin-bottom: 0;}

/* Modifier: payment-delivery__section--payment */
.payment-delivery__section--payment {background: linear-gradient(135deg, rgba(0,191,165,0.08) 0%, rgba(0,166,147,0.08) 100%); padding: 40px; border-radius: var(--border-radius);}

/* Modifier: payment-delivery__section--delivery */
.payment-delivery__section--delivery {background: linear-gradient(135deg, rgba(0,188,212,0.08) 0%, rgba(0,191,165,0.08) 100%); padding: 40px; border-radius: var(--border-radius);}

/* Modifier: payment-delivery__section--contact */
.payment-delivery__section--contact {}

/* Block: page-title (общий класс для всех страниц) */
.page-title {font-size: 42px; font-weight: 700; color: var(--dark-color); margin-bottom: 15px; line-height: 1.2;}

/* Block: page-subtitle (общий класс для всех страниц) */
.page-subtitle {font-size: 18px; color: var(--text-light); margin: 0; line-height: 1.6;}

/* Block: section-header */
.section-header {display: flex; align-items: center; gap: 20px; margin-bottom: 35px;}

/* Element: section-header__icon */
.section-header__icon {width: 60px; height: 60px; background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); border-radius: var(--border-radius); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.section-header__icon i {color: var(--white-color); font-size: 28px;}
.payment-delivery__section--delivery .section-header__icon {background: linear-gradient(135deg, var(--info-color) 0%, var(--primary-color) 100%);}

/* Element: section-header__title */
.section-header__title {font-size: 32px; font-weight: 700; color: var(--dark-color); margin: 0; line-height: 1.2;}

/* Block: payment-methods */
.payment-methods {display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin-bottom: 30px;}

/* Block: payment-card */
.payment-card {background: var(--white-color); border-radius: var(--border-radius); padding: 30px; box-shadow: var(--shadow-md); transition: var(--transition); border: 2px solid transparent;}
.payment-card:hover {transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: var(--primary-color);}

/* Element: payment-card__icon */
.payment-card__icon {width: 70px; height: 70px; background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.payment-card__icon i {color: var(--white-color); font-size: 32px;}

/* Element: payment-card__title */
.payment-card__title {font-size: 20px; font-weight: 700; color: var(--dark-color); margin-bottom: 15px;}

/* Element: payment-card__content */
.payment-card__content {}

/* Element: payment-card__description */
.payment-card__description {color: var(--text-light); font-size: 15px; line-height: 1.6; margin-bottom: 20px;}

/* Element: payment-card__options */
.payment-card__options {display: grid; gap: 12px;}

/* Block: payment-option */
.payment-option {display: flex; align-items: center; gap: 12px; padding: 12px; background: var(--light-color); border-radius: var(--border-radius-sm); font-size: 14px; font-weight: 500; color: var(--text-dark);}
.payment-option i {color: var(--primary-color); font-size: 18px; width: 20px; text-align: center;}

/* Element: payment-card__note */
.payment-card__note {background: rgba(0,191,165,0.1); color: var(--primary-dark); padding: 12px 15px; border-radius: var(--border-radius-sm); margin-top: 15px; font-size: 13px; line-height: 1.5;}
.payment-card__note i {margin-right: 5px;}

/* Block: payment-security */
.payment-security {display: flex; gap: 20px; background: var(--white-color); border: 2px solid var(--success-color); border-radius: var(--border-radius); padding: 25px; margin-top: 25px; align-items: center;}

/* Element: payment-security__icon */
.payment-security__icon {width: 60px; height: 60px; background: var(--success-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.payment-security__icon i {color: var(--white-color); font-size: 28px;}

/* Element: payment-security__content */
.payment-security__content {}
.payment-security__content h4 {font-size: 18px; font-weight: 700; color: var(--dark-color); margin-bottom: 8px;}
.payment-security__content p {margin: 0; color: var(--text-light); font-size: 14px; line-height: 1.6;}

/* Block: delivery-methods */
.delivery-methods {display: grid; gap: 30px;}

/* Block: delivery-card */
.delivery-card {background: var(--white-color); border-radius: var(--border-radius); padding: 35px; box-shadow: var(--shadow-md); border: 2px solid var(--border-color); position: relative; transition: var(--transition);}
.delivery-card:hover {box-shadow: var(--shadow-lg); border-color: var(--primary-color);}

/* Modifier: delivery-card--featured */
.delivery-card--featured {border-color: var(--success-color); background: linear-gradient(135deg, rgba(76,175,80,0.05) 0%, rgba(56,142,60,0.05) 100%);}
.delivery-card--featured:hover {border-color: #2e7d32;}

/* Element: delivery-card__badge */
.delivery-card__badge {position: absolute; top: -12px; right: 30px; background: linear-gradient(135deg, var(--success-color) 0%, #2e7d32 100%); color: var(--white-color); padding: 8px 20px; border-radius: 20px; font-size: 13px; font-weight: 700; box-shadow: 0 4px 10px rgba(76,175,80,0.3);}
.delivery-card__badge i {margin-right: 5px;}

/* Element: delivery-card__header */
.delivery-card__header {display: flex; align-items: center; gap: 20px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 2px solid var(--border-light);}

/* Element: delivery-card__number */
.delivery-card__number {width: 50px; height: 50px; background: linear-gradient(135deg, var(--info-color) 0%, var(--primary-color) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white-color); font-size: 24px; font-weight: 700; flex-shrink: 0;}

/* Element: delivery-card__icon */
.delivery-card__icon {width: 60px; height: 60px; background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); border-radius: var(--border-radius); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.delivery-card__icon i {color: var(--white-color); font-size: 28px;}
.delivery-card--featured .delivery-card__icon {background: linear-gradient(135deg, var(--success-color) 0%, #2e7d32 100%);}

/* Element: delivery-card__title */
.delivery-card__title {font-size: 24px; font-weight: 700; color: var(--dark-color); margin: 0; flex-grow: 1;}

/* Element: delivery-card__content */
.delivery-card__content {}

/* Element: delivery-card__description */
.delivery-card__description {color: var(--text-light); font-size: 16px; line-height: 1.7; margin-bottom: 25px;}

/* Element: delivery-card__features */
.delivery-card__features {display: grid; gap: 15px; margin-bottom: 25px;}

/* Block: feature-item */
.feature-item {display: flex; gap: 15px; align-items: flex-start; padding: 15px; background: var(--light-color); border-radius: var(--border-radius-sm); border-left: 4px solid var(--primary-color);}
.feature-item i {color: var(--primary-color); font-size: 24px; flex-shrink: 0; margin-top: 3px;}

/* Modifier: feature-item--free */
.feature-item--free {background: rgba(76,175,80,0.1); border-left-color: var(--success-color);}
.feature-item--free i {color: var(--success-color);}

/* Element: feature-item__content */
.feature-item__content {display: flex; flex-direction: column; gap: 5px;}
.feature-item__content strong {font-size: 15px; font-weight: 600; color: var(--dark-color);}
.feature-item__content span {font-size: 14px; color: var(--text-light);}

/* Element: delivery-card__instruction */
.delivery-card__instruction {background: rgba(0,191,165,0.1); border-left: 4px solid var(--primary-color); padding: 20px; border-radius: var(--border-radius-sm); margin-top: 20px;}
.delivery-card__instruction h4 {font-size: 16px; font-weight: 700; color: var(--dark-color); margin-bottom: 15px;}
.delivery-card__instruction h4 i {color: var(--primary-color); margin-right: 8px;}
.delivery-card__instruction ol {margin: 0; padding-left: 20px;}
.delivery-card__instruction li {margin-bottom: 8px; color: var(--text-dark); line-height: 1.6;}

/* Element: delivery-card__pricing */
.delivery-card__pricing {background: var(--white-color); border: 2px solid var(--primary-color); border-radius: var(--border-radius-sm); padding: 20px; margin-top: 20px;}
.delivery-card__pricing h4 {font-size: 16px; font-weight: 700; color: var(--dark-color); margin-bottom: 20px;}
.delivery-card__pricing h4 i {color: var(--primary-color); margin-right: 8px;}

/* Block: pricing-grid */
.pricing-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px;}

/* Block: pricing-item */
.pricing-item {background: var(--light-color); border: 2px solid var(--border-color); border-radius: var(--border-radius-sm); padding: 20px; text-align: center; transition: var(--transition);}
.pricing-item:hover {border-color: var(--primary-color); transform: translateY(-3px);}

/* Modifier: pricing-item--highlight */
.pricing-item--highlight {background: linear-gradient(135deg, rgba(76,175,80,0.1) 0%, rgba(56,142,60,0.1) 100%); border-color: var(--success-color);}
.pricing-item--highlight:hover {border-color: #2e7d32;}

/* Element: pricing-item__city */
.pricing-item__city {font-size: 14px; font-weight: 600; color: var(--text-light); margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px;}

/* Element: pricing-item__price */
.pricing-item__price {font-size: 32px; font-weight: 700; color: var(--primary-color); margin-bottom: 8px; line-height: 1;}
.pricing-item--highlight .pricing-item__price {color: #2e7d32;}

/* Element: pricing-item__note */
.pricing-item__note {font-size: 12px; color: var(--text-muted); font-style: italic;}

/* Element: delivery-card__info-box */
.delivery-card__info-box {display: flex; gap: 15px; background: #fff3cd; border: 2px solid var(--warning-color); border-radius: var(--border-radius-sm); padding: 20px; margin-top: 20px;}
.delivery-card__info-box i {color: var(--warning-color); font-size: 24px; flex-shrink: 0;}
.delivery-card__info-box p {margin: 0; color: var(--text-dark); font-size: 14px; line-height: 1.6;}

/* Block: contact-box */
.contact-box {display: flex; gap: 30px; background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); border-radius: var(--border-radius); padding: 40px; align-items: center; box-shadow: var(--shadow-lg);}

/* Element: contact-box__icon */
.contact-box__icon {width: 80px; height: 80px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; backdrop-filter: blur(10px);}
.contact-box__icon i {color: var(--white-color); font-size: 36px;}

/* Element: contact-box__content */
.contact-box__content {flex-grow: 1;}
.contact-box__content h3 {font-size: 28px; font-weight: 700; color: var(--white-color); margin-bottom: 10px;}
.contact-box__content > p {color: rgba(255,255,255,0.9); font-size: 16px; margin-bottom: 25px; line-height: 1.6;}

/* Element: contact-box__buttons */
.contact-box__buttons {display: flex; gap: 15px; flex-wrap: wrap;}

/* Block: contact-btn */
.contact-btn {display: inline-flex; align-items: center; gap: 12px; background: var(--white-color); color: var(--primary-color); padding: 15px 30px; border-radius: 50px; font-size: 16px; font-weight: 600; text-decoration: none; transition: var(--transition); box-shadow: 0 4px 15px rgba(0,0,0,0.1);}
.contact-btn:hover {transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); color: var(--primary-dark); text-decoration: none;}
.contact-btn i {font-size: 20px;}

/* Responsive Design */
@media (max-width: 1199px) {
.payment-methods {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
.section-header__title {font-size: 28px;}
}

@media (max-width: 991px) {
.payment-delivery {padding: 40px 0 80px;}
.payment-delivery__content {padding: 40px;}
.page-title {font-size: 36px;}
.page-subtitle {font-size: 16px;}
.payment-methods {grid-template-columns: 1fr;}
.contact-box {flex-direction: column; text-align: center;}
.contact-box__buttons {justify-content: center;}
}

@media (max-width: 767px) {
.payment-delivery {padding: 30px 0 60px;}
.payment-delivery__content {padding: 25px; border-radius: var(--border-radius-sm);}
.page-title {font-size: 28px;}
.payment-delivery__header {margin-bottom: 40px; padding-bottom: 20px;}
.payment-delivery__section {margin-bottom: 40px;}
.payment-delivery__section--payment, .payment-delivery__section--delivery {padding: 25px; border-radius: var(--border-radius-sm);}
.section-header {flex-direction: column; align-items: flex-start; gap: 15px;}
.section-header__icon {width: 50px; height: 50px;}
.section-header__icon i {font-size: 24px;}
.section-header__title {font-size: 24px;}
.payment-card {padding: 25px;}
.payment-card__icon {width: 60px; height: 60px;}
.payment-card__icon i {font-size: 28px;}
.payment-security {flex-direction: column; text-align: center;}
.delivery-card {padding: 25px;}
.delivery-card__header {flex-wrap: wrap;}
.delivery-card__number {width: 40px; height: 40px; font-size: 20px;}
.delivery-card__icon {width: 50px; height: 50px;}
.delivery-card__icon i {font-size: 24px;}
.delivery-card__title {font-size: 20px; flex-basis: 100%;}
.pricing-grid {grid-template-columns: 1fr;}
.contact-box {padding: 30px;}
.contact-box__icon {width: 60px; height: 60px;}
.contact-box__icon i {font-size: 28px;}
.contact-box__content h3 {font-size: 24px;}
}

@media (max-width: 575px) {
.payment-delivery__content {padding: 20px;}
.page-title {font-size: 24px;}
.page-subtitle {font-size: 15px;}
.payment-delivery__section--payment, .payment-delivery__section--delivery {padding: 20px;}
.section-header__title {font-size: 20px;}
.payment-card {padding: 20px;}
.payment-card__title {font-size: 18px;}
.payment-option {font-size: 13px;}
.delivery-card {padding: 20px;}
.delivery-card__title {font-size: 18px;}
.delivery-card__description {font-size: 15px;}
.feature-item {flex-direction: column; text-align: center;}
.feature-item i {margin-top: 0;}
.delivery-card__pricing {padding: 15px;}
.pricing-item {padding: 15px;}
.pricing-item__price {font-size: 28px;}
.contact-box {padding: 25px;}
.contact-box__content h3 {font-size: 20px;}
.contact-box__content > p {font-size: 14px;}
.contact-box__buttons {flex-direction: column; width: 100%;}
.contact-btn {width: 100%; justify-content: center;}
}











/* Refund Policy Page Styles - BEM Methodology */

/* Block: refund-policy */
.refund-policy {padding: 60px 0 100px; background: var(--lighter-color);}

/* Element: refund-policy__content */
.refund-policy__content {background: var(--white-color); border-radius: var(--border-radius); padding: 40px; box-shadow: var(--shadow-md);}

/* Element: refund-policy__header */
.refund-policy__header {text-align: center; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 2px solid var(--primary-color);}

/* Element: refund-policy__meta */
.refund-policy__meta {margin-top: 15px;}

/* Element: refund-policy__date */
.refund-policy__date {font-size: 14px; color: var(--text-muted); font-style: italic; margin: 0;}

/* Element: refund-policy__body */
.refund-policy__body {}

/* Element: refund-policy__section */
.refund-policy__section {margin-bottom: 50px;}
.refund-policy__section:last-child {margin-bottom: 0;}

/* Modifier: refund-policy__section--contact */
.refund-policy__section--contact {background: var(--light-color); padding: 30px; border-radius: var(--border-radius);}

/* Element: refund-policy__section-title */
.refund-policy__section-title {font-size: 24px; font-weight: 600; color: var(--dark-color); margin-bottom: 25px; padding-bottom: 12px; border-bottom: 2px solid var(--primary-color);}

/* Element: refund-policy__text */
.refund-policy__text {color: var(--text-dark); font-size: 16px; line-height: 1.7;}
.refund-policy__text h3 {font-size: 18px; font-weight: 600; color: var(--dark-color); margin-top: 25px; margin-bottom: 15px;}
.refund-policy__text h4 {font-size: 16px; font-weight: 600; color: var(--dark-color); margin-bottom: 12px;}
.refund-policy__text p {margin-bottom: 15px;}
.refund-policy__text ul {margin: 15px 0 20px 20px; padding-left: 20px;}
.refund-policy__text li {margin-bottom: 10px; line-height: 1.6;}
.refund-policy__text a {color: var(--primary-color); text-decoration: none; transition: var(--transition);}
.refund-policy__text a:hover {color: var(--primary-dark); text-decoration: underline;}

/* Element: refund-policy__notice */
.refund-policy__notice {display: flex; gap: 15px; padding: 20px; border-radius: var(--border-radius-sm); margin-bottom: 30px;}

/* Modifier: refund-policy__notice--info */
.refund-policy__notice--info {background: rgba(0,191,165,0.1); border-left: 4px solid var(--primary-color);}
.refund-policy__notice--info i {color: var(--primary-color); font-size: 24px; flex-shrink: 0;}

/* Element: refund-policy__notice-content */
.refund-policy__notice-content p {margin: 0; color: var(--dark-color); line-height: 1.6;}

/* Block: warning-box */
.refund-policy__warning-box {display: flex; gap: 20px; background: #fff3cd; border: 2px solid var(--warning-color); border-radius: var(--border-radius-sm); padding: 25px; margin-bottom: 30px;}

/* Element: warning-box__icon */
.warning-box__icon {flex-shrink: 0;}
.warning-box__icon i {color: var(--warning-color); font-size: 32px;}

/* Element: warning-box__content */
.warning-box__content {}

/* Element: warning-box__title */
.warning-box__title {font-size: 18px; font-weight: 600; color: var(--dark-color); margin-bottom: 10px;}
.warning-box__content p {margin: 0; line-height: 1.6;}

/* Block: refund-policy__categories */
.refund-policy__categories {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-top: 25px;}

/* Block: category-card */
.category-card {background: var(--white-color); border: 2px solid var(--border-color); border-radius: var(--border-radius-sm); padding: 25px; transition: var(--transition);}

/* Modifier: category-card--danger */
.category-card--danger {border-color: var(--danger-color); background: rgba(244,67,54,0.05);}

/* Modifier: category-card--success */
.category-card--success {border-color: var(--success-color); background: rgba(76,175,80,0.05);}

/* Element: category-card__icon */
.category-card__icon {text-align: center; margin-bottom: 15px;}
.category-card--danger .category-card__icon i {color: var(--danger-color); font-size: 48px;}
.category-card--success .category-card__icon i {color: var(--success-color); font-size: 48px;}

/* Element: category-card__title */
.category-card__title {font-size: 18px; font-weight: 600; color: var(--dark-color); margin-bottom: 15px; text-align: center;}

/* Element: category-card__list */
.category-card__list {list-style: none; padding: 0; margin: 0 0 15px 0;}
.category-card__list li {padding: 8px 0 8px 25px; position: relative; line-height: 1.5; color: var(--text-dark);}
.category-card__list li:before {content: "\f00c"; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0; color: var(--text-light); font-size: 12px;}

/* Element: category-card__note */
.category-card__note {background: rgba(0,0,0,0.05); padding: 12px; border-radius: var(--border-radius-sm); margin: 15px 0 0 0; font-size: 14px; font-weight: 600; text-align: center;}
.category-card__note i {margin-right: 5px;}
.category-card--danger .category-card__note {color: #c62828;}

/* Modifier: category-card__note--success */
.category-card__note--success {color: #2e7d32;}

/* Block: conditions-grid */
.conditions-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 25px 0;}

/* Block: condition-item */
.condition-item {display: flex; gap: 15px; background: var(--light-color); padding: 20px; border-radius: var(--border-radius-sm); border-left: 4px solid var(--primary-color);}

/* Element: condition-item__icon */
.condition-item__icon {flex-shrink: 0;}
.condition-item__icon i {color: var(--primary-color); font-size: 28px;}

/* Element: condition-item__content */
.condition-item__content {}
.condition-item__content h4 {font-size: 16px; font-weight: 600; color: var(--dark-color); margin-bottom: 8px;}
.condition-item__content p {margin: 0; font-size: 14px; color: var(--text-light); line-height: 1.5;}

/* Block: refund-policy__defect-box */
.refund-policy__defect-box {background: var(--light-color); border-left: 4px solid var(--primary-color); padding: 20px; border-radius: var(--border-radius-sm); margin-top: 20px;}
.refund-policy__defect-box h4 {margin-bottom: 15px; color: var(--dark-color);}
.refund-policy__defect-box h4 i {color: var(--primary-color); margin-right: 8px;}
.refund-policy__defect-box ul {margin: 0; padding-left: 20px;}

/* Block: steps-grid */
.steps-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 25px 0;}

/* Block: step-card */
.step-card {background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); color: var(--white-color); border-radius: var(--border-radius); padding: 25px; position: relative; overflow: hidden;}

/* Element: step-card__number */
.step-card__number {position: absolute; top: -10px; right: 15px; font-size: 80px; font-weight: 700; opacity: 0.1; line-height: 1;}

/* Element: step-card__content */
.step-card__content {position: relative; z-index: 1;}

/* Element: step-card__title */
.step-card__title {font-size: 16px; font-weight: 600; margin-bottom: 10px; color: var(--white-color);}
.step-card__content p {margin: 0; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,0.9);}
.step-card__content a {color: var(--white-color); text-decoration: underline;}

/* Block: timeline-grid */
.timeline-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 25px 0;}

/* Block: timeline-item */
.timeline-item {background: var(--white-color); border: 2px solid var(--primary-color); border-radius: var(--border-radius-sm); padding: 20px; text-align: center;}

/* Element: timeline-item__period */
.timeline-item__period {background: var(--primary-color); color: var(--white-color); font-size: 18px; font-weight: 700; padding: 10px; border-radius: var(--border-radius-sm); margin-bottom: 15px; display: inline-block;}

/* Element: timeline-item__description */
.timeline-item__description {font-size: 14px; color: var(--text-dark); line-height: 1.6;}

/* Element: refund-policy__note-small */
.refund-policy__note-small {background: rgba(0,191,165,0.1); border-left: 4px solid var(--primary-color); padding: 15px; border-radius: var(--border-radius-sm); margin-top: 20px; font-size: 14px; color: var(--dark-color);}
.refund-policy__note-small i {color: var(--primary-color); margin-right: 8px;}

/* Block: info-boxes */
.info-boxes {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 25px 0;}

/* Block: info-box */
.info-box {display: flex; gap: 15px; padding: 20px; border-radius: var(--border-radius-sm); border: 2px solid;}

/* Modifier: info-box--warning */
.info-box--warning {background: #fff3e0; border-color: var(--warning-color);}
.info-box--warning .info-box__icon i {color: var(--warning-color);}

/* Modifier: info-box--success */
.info-box--success {background: rgba(76,175,80,0.1); border-color: var(--success-color);}
.info-box--success .info-box__icon i {color: var(--success-color);}

/* Element: info-box__icon */
.info-box__icon {flex-shrink: 0;}
.info-box__icon i {font-size: 32px;}

/* Element: info-box__content */
.info-box__content {}
.info-box__content h4 {font-size: 16px; font-weight: 600; color: var(--dark-color); margin-bottom: 8px;}
.info-box__content p {margin: 0; font-size: 14px; color: var(--text-dark); line-height: 1.6;}

/* Block: contact-info */
.contact-info {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin-top: 20px;}

/* Element: contact-info__item */
.contact-info__item {display: flex; gap: 15px; align-items: flex-start;}

/* Element: contact-info__icon */
.contact-info__icon {background: var(--primary-color); color: var(--white-color); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.contact-info__icon i {font-size: 20px;}

/* Element: contact-info__content */
.contact-info__content {}
.contact-info__content h4 {font-size: 14px; font-weight: 600; color: var(--text-light); margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px;}
.contact-info__content a {color: var(--primary-color); text-decoration: none; font-size: 16px; font-weight: 500; display: block; margin-top: 5px;}
.contact-info__content a:hover {text-decoration: underline;}
.contact-info__content p {margin: 0; font-size: 15px; color: var(--dark-color); line-height: 1.5;}

/* Element: refund-policy__footer-note */
.refund-policy__footer-note {background: var(--light-color); border-top: 3px solid var(--primary-color); padding: 25px; border-radius: var(--border-radius-sm); margin-top: 40px; text-align: center;}
.refund-policy__footer-note p {margin: 8px 0; font-size: 14px; color: var(--text-light); line-height: 1.6;}
.refund-policy__footer-note p:first-child {color: var(--dark-color); font-weight: 600; font-size: 15px;}

/* Responsive Design */
@media (max-width: 991px) {
.refund-policy {padding: 40px 0 80px;}
.refund-policy__content {padding: 30px;}
.refund-policy__section-title {font-size: 22px;}
.refund-policy__categories {grid-template-columns: 1fr;}
.steps-grid {grid-template-columns: 1fr;}
}

@media (max-width: 767px) {
.refund-policy {padding: 30px 0 60px;}
.refund-policy__content {padding: 20px; border-radius: var(--border-radius-sm);}
.refund-policy__section-title {font-size: 20px;}
.refund-policy__text {font-size: 15px;}
.refund-policy__warning-box {flex-direction: column; padding: 20px;}
.warning-box__icon i {font-size: 28px;}
.category-card {padding: 20px;}
.conditions-grid {grid-template-columns: 1fr;}
.timeline-grid {grid-template-columns: 1fr;}
.info-boxes {grid-template-columns: 1fr;}
.contact-info {grid-template-columns: 1fr;}
}

@media (max-width: 575px) {
.refund-policy__content {padding: 15px;}
.refund-policy__header {padding-bottom: 20px; margin-bottom: 30px;}
.refund-policy__section {margin-bottom: 35px;}
.refund-policy__notice {flex-direction: column; padding: 15px;}
.category-card__icon i {font-size: 36px;}
.step-card {padding: 20px;}
.step-card__number {font-size: 60px;}
.condition-item {flex-direction: column; padding: 15px;}
.info-box {flex-direction: column; padding: 15px;}
.contact-info__item {flex-direction: column; align-items: center; text-align: center;}
.refund-policy__section--contact {padding: 20px;}
}




















/* About Page Styles - BEM Methodology */

/* Block: about-page */
/*.about-page {padding: 60px 0 100px; background: var(--lighter-color);}*/

/* Element: about-page__content */
/*.about-page__content {background: var(--white-color); border-radius: var(--border-radius); padding: 50px; box-shadow: var(--shadow-md);} */
.about-page__content {padding: 2rem 0;}

/* Element: about-page__header */
.about-page__header {text-align: center; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 3px solid var(--primary-color);}

/* Element: about-page__body */
.about-page__body {}

/* Element: about-page__section */
.about-page__section {margin-bottom: 60px;}
.about-page__section:last-child {margin-bottom: 0;}

/* Modifier: about-page__section--intro */
.about-page__section--intro {background: linear-gradient(135deg, rgba(0,191,165,0.05) 0%, rgba(0,166,147,0.05) 100%); padding: 40px; border-radius: var(--border-radius); border-left: 5px solid var(--primary-color);}

/* Modifier: about-page__section--benefits */
.about-page__section--benefits {background: var(--light-color); padding: 40px; border-radius: var(--border-radius);}

/* Modifier: about-page__section--ecology */
.about-page__section--ecology {background: linear-gradient(135deg, rgba(76,175,80,0.05) 0%, rgba(56,142,60,0.05) 100%); padding: 40px; border-radius: var(--border-radius); border-left: 5px solid var(--success-color);}

/* Modifier: about-page__section--certificates */
.about-page__section--certificates {background: linear-gradient(135deg, rgba(0,188,212,0.05) 0%, rgba(0,191,165,0.05) 100%); padding: 40px; border-radius: var(--border-radius);}

/* Element: about-page__section-title */
.about-page__section-title {font-size: 28px; font-weight: 700; color: var(--dark-color); margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid var(--primary-color);}

/* Block: intro-block */
.intro-block {display: flex; gap: 30px; align-items: flex-start;}

/* Element: intro-block__icon */
.intro-block__icon {width: 80px; height: 80px; background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); border-radius: var(--border-radius); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.intro-block__icon i {color: var(--white-color); font-size: 40px;}

/* Element: intro-block__content */
.intro-block__content {}

/* Element: intro-block__title */
.intro-block__title {font-size: 26px; font-weight: 700; color: var(--dark-color); margin-bottom: 20px;}
.intro-block__content p {color: var(--text-dark); font-size: 16px; line-height: 1.7; margin-bottom: 15px;}
.intro-block__content p:last-child {margin-bottom: 0;}

/* Block: mission-vision */
.mission-vision {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 30px;}

/* Block: mission-card */
.mission-card {background: var(--white-color); border: 2px solid var(--primary-color); border-radius: var(--border-radius); padding: 30px; text-align: center; transition: var(--transition);}
.mission-card:hover {transform: translateY(-5px); box-shadow: var(--shadow-lg);}

/* Element: mission-card__icon */
.mission-card__icon {width: 70px; height: 70px; background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;}
.mission-card__icon i {color: var(--white-color); font-size: 32px;}

/* Element: mission-card__title */
.mission-card__title {font-size: 20px; font-weight: 700; color: var(--dark-color); margin-bottom: 15px;}

/* Element: mission-card__text */
.mission-card__text {color: var(--text-dark); font-size: 16px; line-height: 1.6; margin: 0;}

/* Block: about-description */
.about-description {background: rgba(0,191,165,0.08); padding: 25px; border-radius: var(--border-radius-sm); border-left: 4px solid var(--primary-color);}
.about-description p {margin: 0; color: var(--text-dark); font-size: 16px; line-height: 1.7;}

/* Block: assortment-grid */
.assortment-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 30px;}

/* Block: assortment-card */
.assortment-card {background: var(--light-color); border: 2px solid var(--border-color); border-radius: var(--border-radius); padding: 30px; text-align: center; transition: var(--transition);}
.assortment-card:hover {border-color: var(--primary-color); transform: translateY(-5px);}

/* Element: assortment-card__icon */
.assortment-card__icon {width: 70px; height: 70px; background: linear-gradient(135deg, var(--info-color) 0%, var(--primary-color) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;}
.assortment-card__icon i {color: var(--white-color); font-size: 32px;}

/* Element: assortment-card__title */
.assortment-card__title {font-size: 20px; font-weight: 700; color: var(--dark-color); margin-bottom: 15px;}

/* Element: assortment-card__text */
.assortment-card__text {color: var(--text-dark); font-size: 15px; line-height: 1.6; margin: 0;}

/* Block: assortment-note */
.assortment-note {display: flex; gap: 15px; align-items: flex-start; background: rgba(0,188,212,0.1); padding: 20px; border-radius: var(--border-radius-sm); border-left: 4px solid var(--info-color);}
.assortment-note i {color: var(--info-color); font-size: 24px; flex-shrink: 0; margin-top: 2px;}
.assortment-note p {margin: 0; color: var(--text-dark); font-size: 15px; line-height: 1.6;}
.assortment-note strong {color: var(--primary-color);}

/* Block: benefits-intro */
.benefits-intro {margin-bottom: 30px;}
.benefits-intro p {color: var(--text-dark); font-size: 16px; line-height: 1.7; margin-bottom: 15px;}

/* Element: benefits-highlight */
.benefits-highlight {background: rgba(0,191,165,0.15); padding: 20px; border-radius: var(--border-radius-sm); border-left: 4px solid var(--primary-color); font-weight: 600; color: var(--dark-color);}

/* Element: benefits-subtitle */
.benefits-subtitle {font-size: 22px; font-weight: 700; color: var(--dark-color); margin: 30px 0 25px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-light);}

/* Block: benefits-grid */
.benefits-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-bottom: 30px;}

/* Block: benefit-card */
.benefit-card {background: var(--white-color); border: 2px solid var(--border-color); border-radius: var(--border-radius); padding: 25px; position: relative; transition: var(--transition);}
.benefit-card:hover {border-color: var(--primary-color); transform: translateY(-3px); box-shadow: var(--shadow-md);}

/* Element: benefit-card__number */
.benefit-card__number {position: absolute; top: -15px; left: 20px; width: 40px; height: 40px; background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white-color); font-size: 20px; font-weight: 700; box-shadow: 0 4px 10px rgba(0,191,165,0.3);}

/* Element: benefit-card__content */
.benefit-card__content {padding-top: 15px;}

/* Element: benefit-card__icon */
.benefit-card__icon {width: 50px; height: 50px; background: rgba(0,191,165,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}
.benefit-card__icon i {color: var(--primary-color); font-size: 24px;}

/* Element: benefit-card__title */
.benefit-card__title {font-size: 16px; font-weight: 700; color: var(--dark-color); margin-bottom: 10px;}

/* Element: benefit-card__text */
.benefit-card__text {color: var(--text-dark); font-size: 14px; line-height: 1.6; margin: 0;}

/* Block: benefits-conclusion */
.benefits-conclusion {display: flex; gap: 15px; align-items: center; background: var(--white-color); padding: 25px; border-radius: var(--border-radius); border: 2px solid var(--success-color);}
.benefits-conclusion i {color: var(--success-color); font-size: 32px; flex-shrink: 0;}
.benefits-conclusion p {margin: 0; color: var(--text-dark); font-size: 16px; line-height: 1.7;}
.benefits-conclusion strong {color: var(--primary-color);}

/* Block: quality-block */
.quality-block {display: flex; gap: 25px; align-items: flex-start; background: var(--light-color); padding: 30px; border-radius: var(--border-radius); border-left: 4px solid var(--primary-color);}

/* Element: quality-block__icon */
.quality-block__icon {width: 70px; height: 70px; background: linear-gradient(135deg, var(--warning-color) 0%, #f57c00 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.quality-block__icon i {color: var(--white-color); font-size: 32px;}

/* Element: quality-block__content */
.quality-block__content {}
.quality-block__content p {margin: 0; color: var(--text-dark); font-size: 16px; line-height: 1.7;}
.quality-block__content strong {color: var(--primary-color);}

/* Block: ecology-content */
.ecology-content {display: flex; gap: 30px; align-items: center; justify-content: space-between;}

/* Element: ecology-content__text */
.ecology-content__text {flex: 1;}
.ecology-content__text p {color: var(--text-dark); font-size: 16px; line-height: 1.7; margin-bottom: 15px;}
.ecology-content__text p:last-child {margin-bottom: 0;}

/* Element: ecology-highlight */
.ecology-highlight {background: rgba(76,175,80,0.15); padding: 15px 20px; border-radius: var(--border-radius-sm); border-left: 4px solid var(--success-color); font-weight: 600; color: var(--dark-color);}

/* Element: ecology-content__icon */
.ecology-content__icon {width: 100px; height: 100px; background: linear-gradient(135deg, var(--success-color) 0%, #2e7d32 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.ecology-content__icon i {color: var(--white-color); font-size: 50px;}

/* Block: certificates-block */
.certificates-block {display: flex; gap: 25px; align-items: center; background: var(--white-color); padding: 30px; border-radius: var(--border-radius); border: 3px solid var(--info-color);}

/* Element: certificates-block__icon */
.certificates-block__icon {width: 70px; height: 70px; background: linear-gradient(135deg, var(--info-color) 0%, var(--primary-color) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.certificates-block__icon i {color: var(--white-color); font-size: 32px;}

/* Element: certificates-block__content */
.certificates-block__content {}
.certificates-block__content h3 {font-size: 20px; font-weight: 700; color: var(--dark-color); margin-bottom: 10px;}
.certificates-block__content p {margin: 0; color: var(--text-dark); font-size: 16px; line-height: 1.7;}

/* Block: competitive-advantage */
.competitive-advantage {background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); padding: 40px; border-radius: var(--border-radius); color: var(--white-color);}

/* Element: competitive-advantage__title */
.competitive-advantage__title {font-size: 26px; font-weight: 700; color: var(--white-color); margin-bottom: 30px; text-align: center;}

/* Block: advantage-list */
.advantage-list {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px;}

/* Block: advantage-item */
.advantage-item {display: flex; gap: 15px; align-items: center; background: rgba(255,255,255,0.1); padding: 15px 20px; border-radius: var(--border-radius-sm); backdrop-filter: blur(10px); transition: var(--transition);}
.advantage-item:hover {background: rgba(255,255,255,0.2); transform: translateX(5px);}
.advantage-item i {color: var(--white-color); font-size: 24px; flex-shrink: 0;}
.advantage-item span {color: var(--white-color); font-size: 15px; line-height: 1.5; font-weight: 500;}

/* Responsive Design */
@media (max-width: 991px) {
.about-page {padding: 40px 0 80px;}
.about-page__content {padding: 40px;}
.about-page__section-title {font-size: 24px;}
.intro-block {flex-direction: column; align-items: center; text-align: center;}
.mission-vision {grid-template-columns: 1fr;}
.assortment-grid {grid-template-columns: 1fr;}
.benefits-grid {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
.ecology-content {flex-direction: column;}
.ecology-content__icon {width: 80px; height: 80px;}
.ecology-content__icon i {font-size: 40px;}
}

@media (max-width: 767px) {
.about-page {padding: 30px 0 60px;}
.about-page__content {padding: 25px; border-radius: var(--border-radius-sm);}
.about-page__header {margin-bottom: 40px; padding-bottom: 20px;}
.about-page__section {margin-bottom: 40px;}
.about-page__section--intro, .about-page__section--benefits, .about-page__section--ecology, .about-page__section--certificates {padding: 25px;}
.about-page__section-title {font-size: 22px;}
.intro-block__icon {width: 60px; height: 60px;}
.intro-block__icon i {font-size: 30px;}
.intro-block__title {font-size: 22px;}
.mission-card {padding: 25px;}
.mission-card__icon {width: 60px; height: 60px;}
.mission-card__icon i {font-size: 28px;}
.assortment-card {padding: 25px;}
.assortment-card__icon {width: 60px; height: 60px;}
.assortment-card__icon i {font-size: 28px;}
.benefits-grid {grid-template-columns: 1fr;}
.benefit-card {padding: 20px;}
.quality-block {flex-direction: column; align-items: center; text-align: center;}
.quality-block__icon {width: 60px; height: 60px;}
.quality-block__icon i {font-size: 28px;}
.certificates-block {flex-direction: column; text-align: center;}
.certificates-block__icon {width: 60px; height: 60px;}
.certificates-block__icon i {font-size: 28px;}
.competitive-advantage {padding: 30px;}
.competitive-advantage__title {font-size: 22px;}
.advantage-list {grid-template-columns: 1fr;}
}

@media (max-width: 575px) {
.about-page__content {padding: 20px;}
.about-page__section--intro, .about-page__section--benefits, .about-page__section--ecology, .about-page__section--certificates {padding: 20px;}
.about-page__section-title {font-size: 20px;}
.intro-block__title {font-size: 20px;}
.mission-card {padding: 20px;}
.mission-card__title {font-size: 18px;}
.assortment-card {padding: 20px;}
.assortment-card__title {font-size: 18px;}
.benefits-subtitle {font-size: 20px;}
.benefit-card {padding: 18px;}
.benefit-card__number {width: 35px; height: 35px; font-size: 18px;}
.benefits-conclusion {flex-direction: column; text-align: center;}
.benefits-conclusion i {font-size: 28px;}
.assortment-note {flex-direction: column;}
.competitive-advantage {padding: 25px;}
.competitive-advantage__title {font-size: 20px;}
.advantage-item {padding: 12px 15px;}
}


















/* Wholesale Page Styles - BEM Methodology */

/* Block: wholesale-page */
.wholesale-page {padding: 60px 0 100px; background: var(--lighter-color);}

/* Element: wholesale-page__content */
.wholesale-page__content {background: var(--white-color); border-radius: var(--border-radius); padding: 50px; box-shadow: var(--shadow-md);}

/* Element: wholesale-page__header */
.wholesale-page__header {text-align: center; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 3px solid var(--primary-color);}

/* Element: wholesale-page__body */
.wholesale-page__body {}

/* Element: wholesale-page__section */
.wholesale-page__section {margin-bottom: 60px;}
.wholesale-page__section:last-child {margin-bottom: 0;}

/* Modifier: wholesale-page__section--hero */
.wholesale-page__section--hero {background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); padding: 50px; border-radius: var(--border-radius); color: var(--white-color); box-shadow: var(--shadow-lg);}

/* Modifier: wholesale-page__section--target */
.wholesale-page__section--target {background: var(--light-color); padding: 40px; border-radius: var(--border-radius);}

/* Modifier: wholesale-page__section--conditions */
.wholesale-page__section--conditions {background: linear-gradient(135deg, rgba(0,191,165,0.05) 0%, rgba(0,166,147,0.05) 100%); padding: 40px; border-radius: var(--border-radius);}

/* Modifier: wholesale-page__section--custom */
.wholesale-page__section--custom {background: linear-gradient(135deg, rgba(0,188,212,0.08) 0%, rgba(0,191,165,0.08) 100%); padding: 0; border-radius: var(--border-radius);}

/* Modifier: wholesale-page__section--contact */
.wholesale-page__section--contact {}

/* Element: wholesale-page__section-title */
.wholesale-page__section-title {font-size: 28px; font-weight: 700; color: var(--dark-color); margin-bottom: 35px; padding-bottom: 15px; border-bottom: 2px solid var(--primary-color);}

/* Block: hero-block */
.hero-block {display: flex; gap: 35px; align-items: center;}

/* Element: hero-block__icon */
.hero-block__icon {width: 100px; height: 100px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; backdrop-filter: blur(10px);}
.hero-block__icon i {color: var(--white-color); font-size: 50px;}

/* Element: hero-block__content */
.hero-block__content {}

/* Element: hero-block__title */
.hero-block__title {font-size: 32px; font-weight: 700; color: var(--white-color); margin-bottom: 20px;}

/* Element: hero-block__text */
.hero-block__text {font-size: 18px; line-height: 1.7; color: rgba(255,255,255,0.95); margin-bottom: 25px;}

/* Element: hero-block__highlight */
.hero-block__highlight {display: flex; gap: 15px; align-items: center; background: rgba(255,255,255,0.15); padding: 15px 25px; border-radius: 50px; backdrop-filter: blur(10px);}
.hero-block__highlight i {color: var(--white-color); font-size: 20px; flex-shrink: 0;}
.hero-block__highlight span {color: var(--white-color); font-size: 15px; font-weight: 500;}

/* Block: reasons-grid */
.reasons-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px;}

/* Block: reason-card */
.reason-card {background: var(--white-color); border: 2px solid var(--border-color); border-radius: var(--border-radius); padding: 30px; text-align: center; transition: var(--transition);}
.reason-card:hover {border-color: var(--primary-color); transform: translateY(-5px); box-shadow: var(--shadow-md);}

/* Element: reason-card__icon */
.reason-card__icon {width: 70px; height: 70px; background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;}
.reason-card__icon i {color: var(--white-color); font-size: 32px;}

/* Element: reason-card__title */
.reason-card__title {font-size: 18px; font-weight: 700; color: var(--dark-color); margin-bottom: 12px;}

/* Element: reason-card__text */
.reason-card__text {font-size: 15px; color: var(--text-dark); line-height: 1.6; margin: 0;}

/* Block: target-grid */
.target-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px;}

/* Block: target-card */
.target-card {background: var(--white-color); border: 2px solid var(--border-color); border-radius: var(--border-radius-sm); padding: 25px; text-align: center; transition: var(--transition);}
.target-card:hover {border-color: var(--primary-color); transform: scale(1.03); box-shadow: var(--shadow-md);}

/* Element: target-card__icon */
.target-card__icon {width: 60px; height: 60px; background: rgba(0,191,165,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px;}
.target-card__icon i {color: var(--primary-color); font-size: 28px;}

/* Element: target-card__title */
.target-card__title {font-size: 17px; font-weight: 700; color: var(--dark-color); margin-bottom: 10px;}

/* Element: target-card__text */
.target-card__text {font-size: 14px; color: var(--text-dark); line-height: 1.5; margin: 0;}

/* Block: conditions-grid */
.conditions-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;}

/* Block: condition-block */
.condition-block {background: var(--white-color); border-radius: var(--border-radius); padding: 30px; box-shadow: var(--shadow);}

/* Element: condition-block__header */
.condition-block__header {display: flex; gap: 20px; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid var(--border-light);}

/* Element: condition-block__icon */
.condition-block__icon {width: 60px; height: 60px; background: linear-gradient(135deg, var(--info-color) 0%, var(--primary-color) 100%); border-radius: var(--border-radius-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.condition-block__icon i {color: var(--white-color); font-size: 28px;}

/* Element: condition-block__title */
.condition-block__title {font-size: 20px; font-weight: 700; color: var(--dark-color); margin: 0;}

/* Element: condition-block__content */
.condition-block__content {}

/* Element: condition-block__list */
.condition-block__list {list-style: none; padding: 0; margin: 0;}
.condition-block__list li {padding: 10px 0 10px 30px; position: relative; color: var(--text-dark); font-size: 15px; line-height: 1.6;}
.condition-block__list li:before {content: "\f00c"; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0; top: 10px; color: var(--primary-color); font-size: 16px;}

/* Block: custom-block */
.custom-block {display: flex; gap: 40px; align-items: center; padding: 40px;}

/* Element: custom-block__content */
.custom-block__content {flex: 1;}

/* Element: custom-block__title */
.custom-block__title {font-size: 28px; font-weight: 700; color: var(--dark-color); margin-bottom: 20px;}

/* Element: custom-block__text */
.custom-block__text {font-size: 16px; color: var(--text-dark); line-height: 1.7; margin-bottom: 25px;}

/* Block: custom-features */
.custom-features {display: grid; gap: 15px;}

/* Block: custom-feature */
.custom-feature {display: flex; gap: 15px; align-items: center; background: var(--white-color); padding: 15px 20px; border-radius: var(--border-radius-sm); border-left: 4px solid var(--primary-color);}
.custom-feature i {color: var(--primary-color); font-size: 24px; flex-shrink: 0;}
.custom-feature span {font-size: 15px; color: var(--text-dark); font-weight: 500;}

/* Element: custom-block__icon */
.custom-block__icon {width: 120px; height: 120px; background: linear-gradient(135deg, var(--warning-color) 0%, #f57c00 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.custom-block__icon i {color: var(--white-color); font-size: 60px;}

/* Block: steps-timeline */
.steps-timeline {display: grid; gap: 25px;}

/* Block: step-item */
.step-item {display: flex; gap: 25px; align-items: flex-start; background: var(--light-color); padding: 25px; border-radius: var(--border-radius); border-left: 5px solid var(--primary-color); transition: var(--transition);}
.step-item:hover {background: var(--white-color); box-shadow: var(--shadow-md); transform: translateX(10px);}

/* Element: step-item__number */
.step-item__number {width: 50px; height: 50px; background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white-color); font-size: 24px; font-weight: 700; flex-shrink: 0;}

/* Element: step-item__content */
.step-item__content {}

/* Element: step-item__title */
.step-item__title {font-size: 18px; font-weight: 700; color: var(--dark-color); margin-bottom: 8px;}

/* Element: step-item__text */
.step-item__text {font-size: 15px; color: var(--text-dark); line-height: 1.6; margin: 0;}

/* Block: contact-cta */
.contact-cta {background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); padding: 50px; border-radius: var(--border-radius); box-shadow: var(--shadow-lg);}

/* Element: contact-cta__content */
.contact-cta__content {text-align: center;}

/* Element: contact-cta__title */
.contact-cta__title {font-size: 32px; font-weight: 700; color: var(--white-color); margin-bottom: 15px;}

/* Element: contact-cta__text */
.contact-cta__text {font-size: 18px; color: rgba(255,255,255,0.9); line-height: 1.6; margin-bottom: 35px;}

/* Element: contact-cta__info */
.contact-cta__info {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-bottom: 35px;}

/* Element: contact-cta__item */
.contact-cta__item {display: flex; gap: 20px; align-items: center; background: rgba(255,255,255,0.15); padding: 25px; border-radius: var(--border-radius); backdrop-filter: blur(10px);}
.contact-cta__item i {color: var(--white-color); font-size: 32px; flex-shrink: 0;}
.contact-cta__item div {display: flex; flex-direction: column; gap: 8px;}

/* Element: contact-cta__label */
.contact-cta__label {font-size: 14px; color: rgba(255,255,255,0.8); font-weight: 500;}

/* Element: contact-cta__link */
.contact-cta__link {font-size: 20px; color: var(--white-color); font-weight: 700; text-decoration: none; transition: var(--transition);}
.contact-cta__link:hover {color: rgba(255,255,255,0.8); text-decoration: underline;}

/* Element: contact-cta__buttons */
.contact-cta__buttons {display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;}

/* Block: btn-cta */
.btn-cta {display: inline-flex; align-items: center; gap: 12px; padding: 18px 35px; border-radius: 50px; font-size: 16px; font-weight: 700; text-decoration: none; transition: var(--transition); box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.btn-cta:hover {transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.3); text-decoration: none;}
.btn-cta i {font-size: 20px;}

/* Modifier: btn-cta--primary */
.btn-cta--primary {background: var(--white-color); color: var(--primary-color);}
.btn-cta--primary:hover {color: var(--primary-dark);}

/* Modifier: btn-cta--secondary */
.btn-cta--secondary {background: rgba(255,255,255,0.2); color: var(--white-color); border: 2px solid var(--white-color); backdrop-filter: blur(10px);}
.btn-cta--secondary:hover {background: rgba(255,255,255,0.3); color: var(--white-color);}

/* Block: final-benefits */
.final-benefits {background: var(--light-color); padding: 40px; border-radius: var(--border-radius); border: 3px solid var(--primary-color);}

/* Element: final-benefits__title */
.final-benefits__title {font-size: 24px; font-weight: 700; color: var(--dark-color); margin-bottom: 25px; text-align: center;}

/* Element: final-benefits__grid */
.final-benefits__grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px;}

/* Block: final-benefit */
.final-benefit {display: flex; gap: 15px; align-items: center; background: var(--white-color); padding: 15px 20px; border-radius: var(--border-radius-sm); border-left: 4px solid var(--success-color); transition: var(--transition);}
.final-benefit:hover {transform: translateX(5px); box-shadow: var(--shadow);}
.final-benefit i {color: var(--success-color); font-size: 24px; flex-shrink: 0;}
.final-benefit span {font-size: 15px; color: var(--text-dark); font-weight: 500; line-height: 1.5;}

/* Responsive Design */
@media (max-width: 991px) {
.wholesale-page {padding: 40px 0 80px;}
.wholesale-page__content {padding: 40px;}
.wholesale-page__section-title {font-size: 24px;}
.hero-block {flex-direction: column; text-align: center;}
.hero-block__icon {width: 80px; height: 80px;}
.hero-block__icon i {font-size: 40px;}
.hero-block__title {font-size: 28px;}
.hero-block__text {font-size: 16px;}
.reasons-grid {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
.target-grid {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
.conditions-grid {grid-template-columns: 1fr;}
.custom-block {flex-direction: column-reverse; text-align: center;}
.custom-block__icon {width: 100px; height: 100px;}
.custom-block__icon i {font-size: 50px;}
.contact-cta__info {grid-template-columns: 1fr;}
.final-benefits__grid {grid-template-columns: 1fr;}
}

@media (max-width: 767px) {
.wholesale-page {padding: 30px 0 60px;}
.wholesale-page__content {padding: 25px; border-radius: var(--border-radius-sm);}
.wholesale-page__header {margin-bottom: 40px; padding-bottom: 20px;}
.wholesale-page__section {margin-bottom: 40px;}
.wholesale-page__section--hero, .wholesale-page__section--target, .wholesale-page__section--conditions {padding: 25px;}
.wholesale-page__section-title {font-size: 22px;}
.hero-block__icon {width: 70px; height: 70px;}
.hero-block__icon i {font-size: 35px;}
.hero-block__title {font-size: 24px;}
.hero-block__highlight {flex-direction: column; text-align: center; padding: 20px;}
.reason-card {padding: 25px;}
.reason-card__icon {width: 60px; height: 60px;}
.reason-card__icon i {font-size: 28px;}
.target-card {padding: 20px;}
.condition-block {padding: 25px;}
.condition-block__header {flex-direction: column; text-align: center;}
.condition-block__icon {width: 50px; height: 50px;}
.condition-block__icon i {font-size: 24px;}
.custom-block {padding: 25px;}
.custom-block__title {font-size: 24px;}
.custom-block__icon {width: 80px; height: 80px;}
.custom-block__icon i {font-size: 40px;}
.contact-cta {padding: 35px;}
.contact-cta__title {font-size: 26px;}
.contact-cta__text {font-size: 16px;}
.contact-cta__item {flex-direction: column; text-align: center;}
.final-benefits {padding: 30px;}
}

@media (max-width: 575px) {
.wholesale-page__content {padding: 20px;}
.wholesale-page__section--hero, .wholesale-page__section--target, .wholesale-page__section--conditions {padding: 20px;}
.wholesale-page__section-title {font-size: 20px;}
.hero-block__title {font-size: 22px;}
.hero-block__text {font-size: 15px;}
.reason-card {padding: 20px;}
.reason-card__title {font-size: 17px;}
.target-card__title {font-size: 16px;}
.condition-block {padding: 20px;}
.condition-block__title {font-size: 18px;}
.custom-block {padding: 20px;}
.custom-block__title {font-size: 22px;}
.custom-feature {flex-direction: column; text-align: center; padding: 15px;}
.step-item {flex-direction: column; align-items: center; text-align: center; padding: 20px;}
.step-item:hover {transform: none;}
.step-item__number {width: 45px; height: 45px; font-size: 22px;}
.contact-cta {padding: 25px;}
.contact-cta__title {font-size: 22px;}
.contact-cta__buttons {flex-direction: column; width: 100%;}
.btn-cta {width: 100%; justify-content: center;}
.final-benefits {padding: 25px;}
.final-benefits__title {font-size: 20px;}
.final-benefit {padding: 12px 15px;}
}












/* === COOKIE CONSENT === */
.cookie-consent { position: fixed; bottom: 20px; left: 20px; max-width: 400px; background: #1a1a1a; color: var(--white-color); border-radius: var(--border-radius); padding: 1.5rem; box-shadow: 0 10px 40px rgba(0,0,0,0.3); z-index: 9999; opacity: 0; transform: translateY(20px); transition: all 0.4s ease; pointer-events: none; }
.cookie-consent.show { opacity: 1; transform: translateY(0); pointer-events: auto; }
.cookie-consent__content { margin-bottom: 1.25rem; }
.cookie-consent__title { font-size: 1rem; font-weight: 600; color: var(--white-color); margin: 0 0 0.75rem 0; line-height: 1.3; }
.cookie-consent__text { font-size: 0.875rem; line-height: 1.5; color: #e0e0e0; margin: 0 0 0.5rem 0; }
.cookie-consent__subtext { font-size: 0.8125rem; line-height: 1.4; color: #b0b0b0; margin: 0; }
.cookie-consent__link { color: var(--primary-color); text-decoration: underline; transition: color 0.3s ease; }
.cookie-consent__link:hover { color: var(--primary-dark); }
.cookie-consent__actions { display: flex; gap: 0.75rem; }
.cookie-consent__btn { flex: 1; padding: 0.875rem 1.5rem; border: none; border-radius: var(--border-radius-sm); font-weight: 600; font-size: 0.9375rem; cursor: pointer; transition: all 0.3s ease; }
.cookie-consent__btn--primary { background: var(--primary-color); color: var(--white-color); }
.cookie-consent__btn--primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,191,165,0.4); }
.cookie-consent__btn--secondary { background: transparent; color: var(--white-color); border: 1px solid rgba(255,255,255,0.3); }
.cookie-consent__btn--secondary:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.5); }

/* === АДАПТИВ === */
@media (max-width: 767px) {
.cookie-consent { left: 10px; right: 10px; bottom: 10px; max-width: none; padding: 1.25rem; }
.cookie-consent__title { font-size: 0.9375rem; }
.cookie-consent__text { font-size: 0.8125rem; }
.cookie-consent__subtext { font-size: 0.75rem; }
.cookie-consent__btn { padding: 0.75rem 1rem; font-size: 0.875rem; }
}

@media (max-width: 575px) {
.cookie-consent { padding: 1rem; }
.cookie-consent__actions { flex-direction: column; }
}