/* ================================================
   ЗМІННІ
   ================================================ */
:root {
  --primary:#00A667;
  --primary-hover:#008f58;
  --primary-light:#e8f5e9;
  --accent:#00bcd4;
  --red:#f44336;
  --link-blue:rgba(1,67,136,1);
  --orange:#ff9800;
  --text:#1a1a2e;
  --text-secondary:#555;
  --text-muted:#888;
  --border:#e8e8e8;
  --bg:#f7f8fa;
  --radius:12px;
  --radius-sm:8px;
  --shadow:0 2px 12px rgba(0,0,0,.08);
  --shadow-hover:0 6px 24px rgba(0,0,0,.12);
  --container:1280px;
  --font:'Inter','Segoe UI',system-ui,sans-serif;
}

/* ================================================
   ШРИФТИ
   ================================================ */
@font-face {font-family:'TTTravels';src:url('/fonts/TTTravels-Regular.eot');src:url('/fonts/TTTravels-Regular.eot?#iefix') format('embedded-opentype'),url('/fonts/TTTravels-Regular.woff') format('woff'),url('/fonts/TTTravels-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face {font-family:'TTTravels';src:url('/fonts/TTTravels-DemiBold.eot');src:url('/fonts/TTTravels-DemiBold.eot?#iefix') format('embedded-opentype'),url('/fonts/TTTravels-DemiBold.woff') format('woff'),url('/fonts/TTTravels-DemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap;}

/* ================================================
   БАЗОВІ СТИЛІ
   ================================================ */
*,*::before,*::after {box-sizing:border-box;margin:0;padding:0;font-family:'TTTravels';}
html {scroll-behavior:smooth;}
body {font-family:var(--font);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;padding-bottom:64px;}
a {text-decoration:none;color:inherit;}
img {max-width:100%;height:auto;}
button {cursor:pointer;border:none;background:none;font-family:inherit;}
input,select,textarea {font-family:inherit;}
.container {max-width:var(--container);margin:20px auto;padding:0 16px;}
@media (min-width:769px) {
  body {padding-bottom:0;}
  .container {margin:50px auto;padding:0 20px;}
}

/* ================================================
   ТОП-БАР
   ================================================ */
.topbar {background:#0175EE;color:#fff;font-size:12px;padding:7px 0;line-height:1;}
.topbar__inner {display:flex;align-items:center;justify-content:center;margin:0 auto!important;}

/* Мобіль: слайдер з одним написом */
.topbar__slider {position:relative;height:20px;overflow:hidden;width:100%;}
.topbar__slide {position:absolute;top:0;left:0;width:100%;text-align:center;opacity:0;transition:opacity .5s ease;font-size:12px;color:#fff;line-height:20px;}
.topbar__slide--active {opacity:1;}

/* Десктоп: всі три написи в ряд */
@media (min-width:769px) {
  .topbar__slider {height:auto;overflow:visible;display:flex;justify-content:center;gap:32px;}
  .topbar__slide {position:static;opacity:1;}
}

/* ================================================
   ХЕДЕР
   ================================================ */
.header {position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);}
.header__inner {display:flex;align-items:center;gap:12px;height:60px;margin:0 auto!important;justify-content:space-between;padding:0 16px;}
.logo {font-size:22px;font-weight:800;flex-shrink:0;line-height:1;}
.logo__buy {color:var(--text);}
.logo__ok {color:var(--primary);}

/* Пошук — прихований на мобілі */
.search {display:none;}
@media (min-width:769px) {
  .header {box-shadow:none;}
  .header__inner {gap:24px;height:72px;justify-content:flex-start;padding:0 20px;}
  .logo {font-size:26px;}
  .search {flex:1;display:flex;align-items:center;background:#fff;border:1.5px solid var(--link-blue);border-radius:50px;overflow:hidden;transition:border-color .2s;padding-left:16px;}
  .search:focus-within {border-color:#aaa;}
  .search__btn {padding:8px 16px;color:var(--link-blue);display:flex;align-items:center;order:-1;transition:color .2s;}
  .search__btn:hover {color:var(--primary);}
  .search__input {flex:1;border:none;background:none;padding:10px 0;font-size:13px;color:var(--text);outline:none;}
  .search__input::placeholder {color:var(--text-muted);}
}

/* Дії хедера */
.header__actions {display:flex;align-items:center;gap:8px;}
.header__action {width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text);transition:background .2s,color .2s;position:relative;}
.header__action:hover {background:var(--bg);color:var(--primary);}
.cart-count {position:absolute;top:4px;right:4px;background:#0175EE;color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 3px;}

/* ================================================
   МОБІЛЬНА НАВІГАЦІЯ (НИЖНЯ ПАНЕЛЬ)
   ================================================ */
.mobile-nav {display:flex;position:fixed;bottom:0;left:0;right:0;z-index:900;background:#fff;box-shadow:0 -4px 4px rgba(0,0,0,.25);padding:8px 0 max(8px,env(safe-area-inset-bottom));justify-content:space-around;}
.mobile-nav__item {display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:4px 8px;text-decoration:none;}
.mobile-nav__item svg {stroke:var(--text-secondary);}
.mobile-nav__item:active svg {stroke:var(--primary);}
@media (min-width:769px) {
  .mobile-nav {display:none;}
}

/* Мобільне меню категорій */
.mobile-menu-overlay {display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:950;}
.mobile-menu-overlay.active {display:block;}
.mobile-menu {position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:960;transform:translateY(100%);transition:transform .3s ease;max-height:80vh;overflow-y:auto;}
.mobile-menu.active {transform:translateY(0);}
.mobile-menu__head {display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-weight:700;}
.mobile-menu__head button {background:none;border:none;font-size:18px;cursor:pointer;}
.mobile-menu__search {padding:12px 16px;border-bottom:1px solid var(--border);}
.mobile-menu__search form {display:flex;gap:8px;}
.mobile-menu__search-input {flex:1;border:1.5px solid var(--border);border-radius:50px;padding:8px 14px;font-size:14px;outline:none;}
.mobile-menu__search-input:focus {border-color:var(--primary);}
.mobile-menu__search-btn {background:var(--primary);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;}
.mobile-menu__list {padding:8px 0 16px;}
.mobile-menu__item {display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text);text-decoration:none;font-size:14px;}
.mobile-menu__item:active {background:var(--bg);}
.mobile-menu__icon {width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mobile-menu__icon img {width:100%;height:100%;object-fit:contain;}

/* Мобільні контакти */
.mobile-contacts-overlay {display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:950;}
.mobile-contacts-overlay.active {display:block;}
.mobile-contacts {position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:960;transform:translateY(100%);transition:transform .3s ease;}
.mobile-contacts.active {transform:translateY(0);}
.mobile-contacts__head {display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-weight:700;}
.mobile-contacts__head button {background:none;border:none;font-size:18px;cursor:pointer;}
.mobile-contacts__body {padding:8px 0 max(16px,env(safe-area-inset-bottom));}
.mobile-contacts__item {display:flex;align-items:center;gap:12px;padding:14px 20px;color:var(--text);text-decoration:none;font-size:15px;border-bottom:1px solid var(--border);}
.mobile-contacts__item:last-child {border-bottom:none;}

/* ================================================
   НАВІГАЦІЯ (ГОРИЗОНТАЛЬНЕ МЕНЮ)
   ================================================ */
.nav {display:none;}
@media (min-width:769px) {
  .nav {display:block;padding:6px 20px;}
  .nav__inner {display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;justify-content:center;max-width:1339px;margin:0 auto;background:rgba(1,117,238,.05);border:1px solid rgba(1,117,238,.28);border-radius:25px;padding:4px 16px;}
  .nav__inner::-webkit-scrollbar {display:none;}
  .nav__item {white-space:nowrap;padding:10px 14px;font-size:14px;font-weight:400;}
  .nav__item:hover {color:var(--primary);}
  .nav__item--active {color:var(--primary);}
}

/* ================================================
   СЕКЦІЇ
   ================================================ */
.section {padding:24px 0;}
.section__title {font-size:18px;font-weight:700;color:var(--text);text-transform:uppercase;}
.section__head {display:flex;align-items:center;gap:10px;margin-bottom:16px;justify-content:flex-start;}
.section__more {font-size:14px;color:var(--link-blue);font-weight:500;display:flex;align-items:center;gap:4px;}
.section__more:hover {text-decoration:underline;}
.section__center-btn {display:flex;justify-content:center;margin-top:24px;}
@media (min-width:769px) {
  .section {padding:48px 0;}
  .section__title {font-size:20px;}
  .section__head {margin-bottom:24px;}
  .section__center-btn {margin-top:32px;}
}

/* ================================================
   СЛАЙДЕР (HERO) — прихований на мобілі
   ================================================ */
.hero {display:none;}
@media (min-width:769px) {
  .hero {display:block;max-width:1382px;margin:16px auto;position:relative;}
  .hero__track {height:499px;border-radius:60px;overflow:hidden;position:relative;max-width:1280px;margin:0 auto;}
  .hero__slide {display:flex;align-items:center;position:absolute;inset:0;border-radius:60px;}
  .hero__slide--active {display:flex;}
  .hero__bg {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
  .hero__content {position:relative;z-index:2;padding:48px;max-width:560px;display:flex;flex-direction:column;justify-content:center;}
  .hero__label {display:inline-block;background:var(--primary);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;border-radius:50px;margin-bottom:16px;}
  .hero__title {font-size:32px;font-weight:800;line-height:1.2;color:#fff;margin-bottom:12px;text-transform:uppercase;}
  .hero__subtitle {font-size:14px;color:rgba(255,255,255,.85);margin-bottom:28px;line-height:1.6;}
  .hero__btn {display:inline-flex;align-items:center;background:transparent;border-radius:50px;font-size:14px;font-weight:600;transition:transform .2s;align-self:flex-start;width:fit-content;position:relative;}
  .hero__btn:hover {transform:translateY(-1px);}
  .hero__btn-text {background:var(--primary);color:#fff;padding:13px 24px;border-radius:50px;}
  .hero__btn-arrow {background:var(--primary);color:#fff;width:55px;height:46px;border-radius:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;position:absolute;left:93%;}
  .hero__arrow {position:absolute;top:50%;transform:translateY(-50%);width:19px;height:34px;display:flex;align-items:center;justify-content:center;z-index:10;color:#1a1a2e;border:none;}
  .hero__arrow--prev {left:15px;}
  .hero__arrow--next {right:15px;}
  .hero__nav {position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10;background:rgba(235,235,235,1);padding:6px;border-radius:20px;}
  .hero__dot {font-size:12px;font-weight:500;color:rgba(0,0,0,1);cursor:pointer;padding:2px 8px;border-radius:15px;transition:all .2s;width:190px;text-align:center;}
  .hero__dot--active {background:rgba(255,255,255,1);}
}

/* ================================================
   ТАБИ
   ================================================ */
.tabs {display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;}
.tab {padding:7px 16px;border-radius:50px;font-size:13px;font-weight:500;border:1.5px solid var(--link-blue);color:var(--link-blue);background:#fff;transition:all .2s;}
.tab:hover {border-color:var(--link-blue);color:#fff;background:var(--link-blue);}
.tab--active {background:var(--link-blue);border-color:var(--link-blue);color:#fff;}

/* ================================================
   КАРУСЕЛЬ
   ================================================ */
.carousel {position:relative;overflow:hidden;padding:10px;}
.carousel__track {display:flex;gap:12px;align-items:stretch;cursor:grab;}
.carousel__track:active {cursor:grabbing;}
.carousel__track .product-card {min-width:190px!important;max-width:190px!important;flex-shrink:0;display:flex;flex-direction:column;}
.carousel__arrow {display:none;}
#topTrack .product-card,#saleTrack .product-card,#newTrack .product-card {height:100%;}
@media (min-width:769px) {
  .carousel {padding:0 40px;}
  .carousel__track {gap:15px;}
  .carousel__track .product-card {min-width:calc((100% - 60px) / 6);max-width:calc((100% - 60px) / 6);}
  .carousel__arrow {display:flex;position:absolute;top:40%;transform:translateY(-50%);width:36px;height:36px;background:#e8f4ff;border-radius:50%;align-items:center;justify-content:center;box-shadow:var(--shadow);z-index:5;color:#1a1a2e;transition:box-shadow .2s;}
  .carousel__arrow--prev {left:5px;}
  .carousel__arrow--next {right:5px;}
}

/* ================================================
   КАРТКА ТОВАРУ
   ================================================ */
.product-card {background:#fff;border-radius:var(--radius);border:none;padding:12px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s,transform .2s;position:relative;height:100%;}
.product-card:hover {transform:translateY(-2px);}
.product-card__img-wrap {aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);position:relative;flex-shrink:0;}
.product-card__img {width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.product-card:hover .product-card__img {transform:scale(1.04);}
.product-card__no-img {font-size:40px;color:var(--border);}
.product-card__name {font-size:13px;font-weight:500;color:#000;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;min-height:0;}
.product-card__badges {position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;z-index:2;}
.product-card__rating {display:flex;align-items:center;gap:4px;}
.product-card__price {display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;flex-direction:column;}
.product-card__btn {display:flex;align-items:center;justify-content:center;gap:4px;background:var(--primary);color:#fff;padding:8px 12px;border-radius:50px;font-size:11px;font-weight:600;width:100%;transition:background .2s;white-space:nowrap;}
.product-card__btn:hover {background:var(--primary-hover);}
.product-card__btn--disabled {background:var(--border);color:var(--text-muted);cursor:not-allowed;}
.product-card__wishlist {position:absolute;top:3px;left:3px;width:30px;height:30px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);color:var(--red);transition:color .2s;z-index:2;}
.product-card__wishlist:hover {color:var(--red);}
.product-card__wishlist--active {color:var(--red);}
@media (min-width:769px) {
  .product-card__name {font-size:15px;}
}

/* Бейджі */
.badge {font-size:10px;font-weight:700;padding:2px 7px;border-radius:50px;display:inline-block;}
.badge--sale {background:var(--red);color:#fff;}
.badge--new {background:var(--orange);color:#fff;}
.badge--hit {background:var(--primary);color:#fff;}

/* Зірки */
.stars {display:flex;gap:1px;}
.star {font-size:22px;color:#ddd;}
.star--filled {color:#ffc107;}
.stars-inline {display:flex;align-items:center;gap:2px;}
.rating-count {font-size:11px;color:var(--text-muted);}

/* Ціна */
.price-current {font-size:18px;font-weight:700;color:var(--red);}
.price-old {font-size:12px;color:var(--text-muted);text-decoration:line-through;}

/* Наявність */
.stock-badge {font-size:11px;font-weight:500;}
.stock-badge--in {color:var(--primary);}
.stock-badge--out {color:var(--text-muted);}

/* ================================================
   КАТЕГОРІЇ (ГОЛОВНА)
   ================================================ */
.categories-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.category-item {display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 15px;background:rgba(1,117,238,.05);border-radius:15px;border:1px solid rgba(1,67,136,1);text-align:center;transition:all .2s;}
.category-item__icon {display:none;}
.category-item__icon img {width:100%;height:100%;object-fit:contain;}
.category-item__name {font-size:11px;font-weight:600;line-height:1.3;color:var(--text);text-transform:uppercase;letter-spacing:.03em;}
.category-item--active {border-color:#0175EE;background:#f0f5ff;}
@media (min-width:769px) {
  .categories-grid {grid-template-columns:repeat(6,1fr);}
  .category-item {padding:30px 10px;border-radius:40px;background:#fff;}
  .category-item__icon {display:flex;width:56px;height:56px;align-items:center;justify-content:center;font-size:28px;}
  .category-item:hover {border-color:#0175EE;box-shadow:0 8px 32px rgba(1,117,238,.15);transform:translateY(-4px) scale(1.03);}
}
@media (min-width:1200px) {
  .categories-grid {grid-template-columns:repeat(8,1fr);}
}

/* ================================================
   КАРТКА КОМПЛЕКСУ
   ================================================ */
.complex-card {background:#fff;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:box-shadow .2s;display:flex;flex-direction:column;}
.complex-card:hover {box-shadow:var(--shadow-hover);}
.complex-card__img-wrap {position:relative;}
.complex-card__img {width:100%;height:180px;object-fit:cover;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:48px;}
.complex-card__badge {position:absolute;top:10px;left:10px;background:#0175EE;color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:50px;z-index:2;}
.complex-card__body {padding:16px;display:flex;flex-direction:column;flex:1;}
.complex-card__cat {font-size:11px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em;}
.complex-card__label {font-size:11px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;}
.complex-card__title {font-size:15px;font-weight:700;margin-bottom:8px;}
.complex-card__desc {font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px;flex:1;}
.complex-card__btn {display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--primary);color:#000;padding:8px 18px;border-radius:50px;font-size:13px;font-weight:600;transition:all .2s;}
.complex-card__btn:hover {background:var(--primary);color:#fff;}

/* Комплекси — горизонтальний скрол на мобілі */
#complexesGrid {display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:8px;}
#complexesGrid .complex-card {min-width:260px;max-width:260px;flex-shrink:0;scroll-snap-align:start;}
#complexesGrid::-webkit-scrollbar {display:none;}
@media (min-width:769px) {
  #complexesGrid {display:grid;grid-template-columns:repeat(4,1fr);overflow-x:visible;}
  #complexesGrid .complex-card {min-width:unset;max-width:unset;}
}

/* ================================================
   ПЕРЕВАГИ / КАТЕГОРІЇ БЛОГУ
   ================================================ */
.trust-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center;}
.trust-item {padding:8px 4px;}
.trust-item__icon {width:auto;height:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:28px;}
.trust-item__icon img {width:48px;height:48px;}
.trust-item__title {font-size:12px;font-weight:700;margin-bottom:4px;color:#000;}
.trust-item__text {font-size:13px;color:var(--text-secondary);line-height:1.5;}
.trust-item--active .trust-item__title {color:var(--primary);}
@media (min-width:769px) {
  .trust-grid {gap:24px;}
  .trust-item {padding:0;}
  .trust-item__icon {width:120px;height:120px;}
  .trust-item__icon img {width:100%;height:100%;}
  .trust-item__title {font-size:18px;}
}

/* ================================================
   БЛОГ (КАРТКИ НА ГОЛОВНІЙ)
   ================================================ */
.blog-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow:hidden;}
.blog-card {background:#fff url('/img/background.png') no-repeat center;background-size:cover;min-height:290px;padding:30px;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:20px;border:1px solid var(--link-blue);outline:none;text-decoration:none;}
.blog-card:hover {box-shadow:var(--shadow-hover);}
.blog-card__label {color:#000;margin-bottom:30px;background:#fff;border-radius:12px;padding:6px 10px;width:fit-content;}
.blog-card__title {font-size:14px;font-weight:500;margin-bottom:8px;line-height:1.3;color:#000;}
.blog-card__excerpt {flex:1;font-size:14px;color:rgba(0,0,0,.8);line-height:1.3;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card__more {font-size:14px;font-weight:500;color:#000;display:flex;align-items:center;gap:4px;margin-top:auto;}
.blog-card__more:hover {text-decoration:underline;}
.btn-outline-primary {border:2px solid var(--link-blue);color:var(--link-blue);padding:14px 62px;border-radius:16px;font-size:18px;font-weight:600;transition:all .2s;background:none;}
.btn-outline-primary:hover {background:var(--link-blue);color:#fff;}
@media (min-width:769px) {
  .blog-grid {grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;overflow:visible;}
  .blog-card__title {font-size:20px;}
  .blog-card__more {font-size:16px;}
}

/* ================================================
   ФУТЕР
   ================================================ */
.footer {background:rgba(1,117,238,.05);margin:0;border-radius:0;padding:10px 0 0;}
.footer .container {margin:0 auto;}
.footer__brand {margin-bottom:30px;}
.footer__brand .logo {display:inline-flex;margin-bottom:16px;}
.footer__desc {font-size:13px;color:#64748b;line-height:1.6;}
.footer__grid {display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:40px;}
.footer__col {display:flex;flex-direction:column;gap:10px;}
.footer__col-title {font-size:16px;color:#1e293b;text-decoration:none;transition:color .2s;}
.footer__link {font-size:16px;color:#1e293b;text-decoration:none;transition:color .2s;}
.footer__link:hover {color:#3b82f6;}
.footer__link--indent {padding-left:20px;}
.footer__phone {font-size:18px;font-weight:700;color:#1e293b;}
.footer__note {font-size:13px;color:#64748b;}
.footer__bottom {padding:20px 0;display:flex;flex-direction:column;align-items:center;font-size:13px;color:#94a3b8;gap:10px;text-align:center;}
.footer__disclaimer {font-size:12px;color:rgba(1,67,136,1);text-align:center;width:100%;}
.footer__payments {width:100%;text-align:center;color:rgba(0,0,0,.8);font-size:14px;}
@media (min-width:769px) {
  .footer {margin:40px 28px 28px;border-radius:50px;padding:48px;}
  .footer .container {margin:50px auto 0;}
  .footer__grid {grid-template-columns:1fr 1fr 1fr;}
  .footer__bottom {flex-direction:column;justify-content:space-between;text-align:left;}
}
@media (min-width:1025px) {
  .footer__grid {grid-template-columns:2.5fr 2.5fr 2.5fr 2.5fr;}
}

/* ================================================
   ХЛІБНІ КРИХТИ
   ================================================ */
.breadcrumbs {padding:12px 0;margin-bottom:8px;background:#fff;}
.breadcrumbs .container {margin:0 auto;}
.breadcrumbs__list {display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.breadcrumbs__item {font-size:13px;color:var(--text-muted);}
.breadcrumbs__item:hover {color:var(--primary);}
.breadcrumbs__item--active {color:var(--text);font-weight:500;}
.breadcrumbs__sep {color:var(--text-muted);font-size:12px;}
@media (min-width:769px) {
  .breadcrumbs {margin-bottom:16px;}
}

/* ================================================
   ЗАГОЛОВОК СТОРІНКИ
   ================================================ */
.page-hero {padding:12px 0 0;}
.page-hero .container {margin:0 auto;}
.page-hero__title {font-size:20px;font-weight:800;text-transform:uppercase;}
@media (min-width:769px) {
  .page-hero {padding:20px 0 0;}
  .page-hero__title {font-size:24px;}
}

/* ================================================
   КАТАЛОГ
   ================================================ */
.catalog-page {padding:12px 0 0;}
.catalog-layout {display:grid;grid-template-columns:1fr;gap:16px;align-items:start;}
.catalog-main {min-width:0;overflow:hidden;}
.catalog-filters {display:none;background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:20px;}
.catalog-filters.active {display:block;}
.catalog-filter-btn-wrap {display:block;margin-bottom:12px;}
.catalog-filter-btn {display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--border);border-radius:50px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;}
@media (min-width:769px) {
  .catalog-page {padding:24px 0 48px;}
  .catalog-layout {grid-template-columns:260px 1fr;gap:24px;}
  .catalog-filters {display:block;position:sticky;top:100px;}
  .catalog-filter-btn-wrap {display:none;}
}
@media (min-width:1025px) {
  .catalog-layout {grid-template-columns:260px 1fr;}
}

/* Фільтри */
.filter-head {display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.filter-title {font-size:15px;font-weight:700;}
.filter-reset {font-size:12px;color:var(--red);}
.filter-reset:hover {text-decoration:underline;}
.filter-section {border-top:1px solid var(--border);padding:14px 0;}
.filter-section__title {font-size:13px;font-weight:600;margin-bottom:10px;color:var(--link-blue);}
.filter-check {display:flex;align-items:center;gap:8px;font-size:13px;color:#000;margin-bottom:12px;cursor:pointer;}
.filter-check input {accent-color:var(--link-blue);flex-shrink:0;}
.filter-check:hover {color:var(--primary);}
.filter-scroll {max-height:200px;overflow-y:auto;scrollbar-width:thin;}
.price-range {display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.price-input {flex:1;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px;outline:none;width:0;}
.price-input:focus {border-color:var(--primary);}
.filter-apply-btn {width:100%;background:var(--primary);color:#fff;border:none;border-radius:50px;padding:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;}
.filter-apply-btn:hover {background:var(--primary-hover);}

/* Тулбар */
.catalog-toolbar {display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px;}
.catalog-count {font-size:13px;color:var(--text-muted);}
.sort-tabs {display:flex;gap:4px;flex-wrap:wrap;}
.sort-tab {padding:6px 14px;border-radius:50px;font-size:12px;font-weight:500;border:1.5px solid var(--border);color:var(--text-secondary);background:#fff;transition:all .2s;}
.sort-tab:hover {border-color:var(--primary);color:var(--primary);}
.sort-tab--active {background:var(--primary);border-color:var(--primary);color:#fff;}

/* Секції каталогу */
.catalog-section {margin-bottom:24px;}
.catalog-section:first-child {border-bottom:1px solid var(--link-blue);}
.catalog-section__title {font-size:15px;font-weight:700;margin-bottom:16px;}

/* Сітка товарів */
.catalog-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;}
.catalog-grid--sale {grid-template-columns:repeat(2,1fr);margin-bottom:24px;}
.catalog-empty {text-align:center;padding:48px 20px;color:var(--text-secondary);}
@media (min-width:769px) {
  .catalog-grid {grid-template-columns:repeat(3,1fr);gap:5px;}
  .catalog-grid--sale {grid-template-columns:repeat(4,1fr);}
}
@media (min-width:1025px) {
  .catalog-grid {grid-template-columns:repeat(4,1fr);}
  .catalog-grid--sale {grid-template-columns:repeat(6,1fr);}
}

/* Пагінація */
.pagination-wrap {display:flex;justify-content:center;margin-top:24px;overflow:hidden;width:100%;}
.pagination {display:flex;gap:4px;align-items:center;list-style:none;flex-wrap:wrap;justify-content:center;}
.pagination li a,.pagination li span {display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;font-size:11px;font-weight:500;border:1px solid var(--link-blue);color:var(--link-blue);transition:all .2s;}
.pagination li.active span {background:var(--link-blue);border-color:var(--link-blue);color:#fff;}
.pagination li a:hover {background:var(--link-blue);border-color:var(--link-blue);color:#fff;}
.pagination li.disabled span {opacity:.4;cursor:not-allowed;}
@media (min-width:769px) {
  .pagination-wrap {margin-top:32px;overflow:visible;}
  .pagination {flex-wrap:nowrap;}
  .pagination li a,.pagination li span {width:36px;height:36px;font-size:13px;}
}

/* Опис категорії */
.category-desc {font-size:14px;color:var(--text);margin:24px 0;line-height:1.7;}
.category-desc p {margin-bottom:10px;}
@media (min-width:769px) {
  .category-desc {margin:50px 0;}
}

/* ================================================
   СТОРІНКА ТОВАРУ
   ================================================ */
.product-layout {display:grid;grid-template-columns:1fr;gap:20px;padding:16px 0;align-items:start;}
@media (min-width:769px) {
  .product-layout {grid-template-columns:1fr 1fr;gap:32px;padding:32px 0;}
}
@media (min-width:1025px) {
  .product-layout {grid-template-columns:1fr 2fr 1fr;}
}

/* Галерея */
.product-gallery__main {position:relative;overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center;}
.product-gallery__main img {width:100%;height:100%;object-fit:contain;}
.product-gallery__placeholder {font-size:64px;color:var(--border);}
.product-gallery__badges {position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:4px;}
.product-gallery__badges .badge {font-size:15px;padding:6px 14px;}
.product-gallery__thumbs {display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.product-gallery__thumb {width:64px;height:64px;border-radius:8px;overflow:hidden;border:2px solid var(--border);cursor:pointer;transition:border-color .2s;}
.product-gallery__thumb.active {border-color:var(--primary);}
.product-gallery__thumb img {width:100%;height:100%;object-fit:cover;}
.product-gallery__wishlist {position:absolute;top:12px;right:12px;width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);color:var(--text-muted);transition:color .2s;border:none;cursor:pointer;z-index:2;}
.product-gallery__wishlist:hover {color:var(--red);}
.product-gallery__wishlist--active {color:var(--red);}

/* Інформація */
.product-info__title {font-size:18px;font-weight:700;line-height:1.3;margin-bottom:12px;}
.product-info__rating {display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.product-info__reviews-link {font-size:14px;color:var(--text-muted);margin-left:20px;}
.product-info__reviews-link:hover {text-decoration:underline;}
.product-info__stock {margin-bottom:16px;}
.product-info .product-info__stock {border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 0 6px;}
.product-info .product-info__stock .stock-badge {font-size:14px;}
.product-info__attrs {margin-bottom:16px;}
.product-info__attr-label {font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text-secondary);}
.product-info__attr-list {display:flex;gap:8px;flex-wrap:wrap;}
.attr-btn {padding:6px 14px;border-radius:50px;font-size:13px;border:1.5px solid var(--border);background:#fff;color:var(--text);cursor:pointer;transition:all .2s;}
.attr-btn:hover {border-color:var(--primary);color:var(--primary);}
.attr-btn--active {background:var(--primary);border-color:var(--primary);color:#fff;}
.attr-btn__price {font-size:11px;opacity:.8;}
.product-info__meta {overflow:hidden;}
.product-info__meta-row {display:flex;align-items:center;padding:8px 12px;font-size:13px;}
.product-info__meta-row:nth-child(even) {background:var(--bg);}
.product-info__meta-label {color:var(--text-muted);min-width:100px;flex-shrink:0;}
.product-info__meta-val {color:#000;}
a.product-info__meta-val {text-decoration:underline;}
.product-info__meta-val[href]:hover {color:var(--primary);}
@media (min-width:769px) {
  .product-info__title {font-size:22px;}
}

/* Блок купити */
.product__right__column {display:flex;flex-direction:column;gap:20px;}
.product-buy {padding:20px;border-radius:24px;box-shadow:15px 10px 30px 0px rgba(0,0,0,.08);background:rgba(1,117,238,.03);}
.product-buy__price {display:flex;align-items:baseline;gap:10px;}
.product-buy__price-current {font-size:24px;font-weight:800;color:#000;}
.product-buy__price-old {font-size:16px;color:var(--text-muted);text-decoration:line-through;}
.free__ship {font-size:12px;color:var(--red);font-weight:700;margin-bottom:16px;display:block;}
.product-buy__qty {display:flex;align-items:center;border:1.5px solid var(--border);border-radius:50px;overflow:hidden;margin-bottom:12px;width:fit-content;}
.qty-btn {width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;background:none;border:none;cursor:pointer;color:var(--text);transition:background .2s;}
.qty-btn:hover {background:var(--bg);}
.qty-input {width:50px;text-align:center;border:none;font-size:15px;font-weight:600;outline:none;}
.product-buy__btn {width:100%;background:var(--primary);color:#fff;border:none;border-radius:50px;padding:14px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;}
.product-buy__btn:hover {background:var(--primary-hover);}
.product-buy__btn--disabled {background:var(--border);color:var(--text-muted);cursor:not-allowed;}
.product-buy--onecl {margin-top:12px;background:transparent;box-shadow:none;}
.product-buy__onecl-title {font-size:14px;font-weight:600;margin-bottom:10px;}
.product-buy__onecl-row {display:flex;gap:8px;}
.onecl-input {flex:1;border:1.5px solid var(--border);border-radius:50px;padding:10px 16px;font-size:14px;outline:none;}
.onecl-input:focus {border-color:var(--primary);}
.onecl-btn {background:none;border:none;color:var(--primary);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;}
.onecl-btn:hover {text-decoration:underline;}
.product-buy__wishlist {width:100%;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;transition:color .2s;}
.product-buy__wishlist:hover {color:var(--red);}
@media (min-width:1025px) {
  .product-buy__price-current {font-size:28px;}
}

/* Разом дешевше */
.product-bundle {border-radius:24px;padding:12px;margin-bottom:16px;background:rgba(1,117,238,.03);box-shadow:none;}
.product-bundle__title {font-size:13px;font-weight:600;margin-bottom:10px;}
.product-bundle__items {display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.product-bundle__item {display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);flex:1;flex-direction:column;}
.product-bundle__item img {width:45px;height:45px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.product-bundle__plus {font-size:18px;color:var(--text-muted);flex-shrink:0;}
.product-bundle__total {font-size:13px;margin-bottom:10px;}
.product-bundle__btn {width:100%;background:var(--primary);color:#fff;border:none;border-radius:50px;padding:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;}
.product-bundle__btn:hover {background:var(--primary-hover);}

/* Адаптив купити на планшеті */
@media (min-width:769px) and (max-width:1024px) {
  .product-buy {position:static;grid-column:1/-1;}
}

/* Опис товару */
.product-desc {border-radius:20px;padding:20px;border:1px solid rgba(1,67,136,.28);background:rgba(1,117,238,.03);}
.product-desc__title {font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:16px;}
.product-desc__content {font-size:14px;line-height:1.8;color:var(--text-secondary);}
.product-desc__content p {margin-bottom:12px;}
@media (min-width:769px) {
  .product-desc {padding:30px;}
  .product-desc__title {font-size:20px;margin-bottom:20px;}
}

/* Нещодавно переглядали */
#recentSection .carousel {background:rgba(1,117,238,.05);border-radius:20px;padding:20px;}
#recentSection .carousel .carousel__arrow {background:rgba(255,255,255,1);}
#recentSection .carousel .carousel__arrow--next {right:5px;}
#recentSection .carousel .carousel__arrow--prev {left:5px;}
#recentSection .carousel .carousel__track .product-card .product-card__img-wrap {box-shadow:none;}
#recentSection .carousel .carousel__track .product-card .product-card__price .price-current {font-size:12px;}
#recentSection .carousel .carousel__track .product-card .product-card__name {font-size:12px;}
@media (min-width:769px) {
  #recentSection .carousel {border-radius:40px;padding:30px 50px;}
}

/* Відгуки */
.product-reviews {padding:24px 0;border-top:1px solid var(--border);}
.product-reviews__title {font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:20px;}
.reviews-top {display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:24px;}
.reviews-stats {width:80%;margin:10px auto;flex:1;display:flex;gap:24px;align-items:center;margin-bottom:24px;}
.reviews-stats__avg {display:flex;flex-direction:column;align-items:center;gap:6px;min-width:100px;}
.reviews-stats__num {font-size:48px;font-weight:800;line-height:1;color:var(--text);}
.reviews-stats__bars {flex:1;width:100%;display:flex;flex-direction:column;gap:6px;justify-content:center;}
.reviews-stats__bar-row {display:flex;align-items:center;gap:10px;}
.reviews-stats__bar-label {font-size:14px;color:var(--text-muted);width:24px;text-align:right;}
.reviews-stats__bar-track {flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden;}
.reviews-stats__bar-fill {height:100%;background:#ffc107;border-radius:4px;transition:width .3s;}
.reviews-stats__bar-cnt {font-size:12px;color:var(--text-muted);width:20px;}
.reviews-write {min-width:260px;text-align:center;padding:20px;}
.reviews-write__title {font-size:15px;font-weight:700;margin-bottom:6px;}
.reviews-write__sub {font-size:13px;color:var(--text-muted);margin-bottom:16px;line-height:1.5;}
.reviews__write-btn {background:none;border:1.5px solid var(--primary);color:var(--primary);border-radius:50px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:24px;}
.reviews__write-btn:hover {background:var(--primary);color:#fff;}
.review-form {background:var(--bg);border-radius:var(--radius);padding:24px;margin-bottom:24px;}
.review-form .field {margin-bottom:16px;}
.review-form label {display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text);}
.review-form input[type="text"],.review-form textarea {width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;outline:none;transition:border-color .2s;background:#fff;}
.review-form input[type="text"]:focus,.review-form textarea:focus {border-color:var(--primary);}
.review-form textarea {resize:vertical;min-height:120px;}
.review-stars {display:flex;gap:6px;font-size:36px;cursor:pointer;margin-bottom:4px;}
.review-star {color:#ddd;transition:color .15s;}
.review-star:hover {color:#ffc107;}
.btn-primary-full {width:100%;background:var(--primary);color:#fff;border:none;border-radius:50px;padding:14px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px;}
.btn-primary-full:hover {background:var(--primary-hover);}
.reviews-list {display:flex;flex-direction:column;gap:16px;}
.review-item {background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;}
.review-item__head {display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap;}
.review-item__name {font-weight:600;font-size:14px;}
.review-item__date {font-size:12px;color:var(--text-muted);margin-left:auto;}
.review-item__text {font-size:13px;color:var(--text-secondary);line-height:1.6;}
@media (min-width:769px) {
  .product-reviews {padding:32px 0;}
  .product-reviews__title {font-size:20px;margin-bottom:24px;}
  .reviews-top {display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:flex-start;width:100%;}
  .reviews-stats {width:auto;margin:0;}
}

/* ================================================
   БЛОГ — СПИСОК СТАТЕЙ
   ================================================ */
.blog-layout {display:grid;grid-template-columns:1fr;gap:20px;padding:20px 0;align-items:start;}
.blog-sidebar {background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:20px;}
.blog-sidebar__title {font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px;}
.blog-sidebar__cat {display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text-secondary);transition:all .2s;margin-bottom:2px;}
.blog-sidebar__cat:hover {background:var(--bg);color:var(--primary);}
.blog-sidebar__cat.active {background:var(--primary-light);color:var(--primary);font-weight:500;}
.blog-sidebar__cnt {margin-left:auto;background:var(--bg);color:var(--text-muted);font-size:11px;padding:2px 6px;border-radius:50px;}
.blog-posts-grid {display:grid;grid-template-columns:1fr;gap:16px;}
.blog-post-card {background:#fff;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:box-shadow .2s;display:flex;flex-direction:column;}
.blog-post-card:hover {box-shadow:var(--shadow-hover);}
.blog-post-card__img {aspect-ratio:16/9;overflow:hidden;}
.blog-post-card__img img {width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.blog-post-card:hover .blog-post-card__img img {transform:scale(1.04);}
.blog-post-card__img--empty {display:flex;align-items:center;justify-content:center;font-size:48px;background:var(--bg);}
.blog-post-card__body {padding:16px;display:flex;flex-direction:column;flex:1;}
.blog-post-card__cat {font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
.blog-post-card__title {font-size:15px;font-weight:700;line-height:1.4;margin-bottom:8px;flex:1;}
.blog-post-card__excerpt {font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.blog-post-card__meta {display:flex;gap:12px;font-size:11px;color:var(--text-muted);margin-top:auto;}
@media (min-width:769px) {
  .blog-layout {grid-template-columns:240px 1fr;gap:32px;padding:32px 0;}
  .blog-sidebar {position:sticky;top:100px;}
  .blog-posts-grid {grid-template-columns:repeat(3,1fr);gap:20px;}
}

/* ================================================
   БЛОГ — СТАТТЯ
   ================================================ */
.blog-post-layout {display:grid;grid-template-columns:1fr;gap:20px;padding:20px 0;align-items:start;}
.blog-article {background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:20px;}
.blog-article__meta {display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap;}
.blog-article__cat {font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;}
.blog-article__date,.blog-article__author {font-size:13px;color:var(--text-muted);}
.blog-article__cover {border-radius:var(--radius-sm);overflow:hidden;margin-bottom:24px;}
.blog-article__cover img {width:100%;max-height:400px;object-fit:cover;}
.blog-article__content {font-size:15px;line-height:1.8;color:var(--text);}
.blog-article__content h2 {font-size:20px;font-weight:700;margin:24px 0 12px;}
.blog-article__content h3 {font-size:17px;font-weight:700;margin:20px 0 10px;}
.blog-article__content p {margin-bottom:16px;}
.blog-article__content ul,.blog-article__content ol {margin:0 0 16px 20px;}
.blog-article__content li {margin-bottom:6px;}
.blog-article__content img {max-width:100%;border-radius:var(--radius-sm);margin:16px 0;}
.blog-post-sidebar {position:static;}
.blog-sidebar-block {background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:20px;}
.blog-sidebar-block__title {font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:16px;}
.blog-sidebar-post {display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border);}
.blog-sidebar-post:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;}
.blog-sidebar-post img {width:60px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0;}
.blog-sidebar-post__title {font-size:13px;font-weight:500;line-height:1.4;margin-bottom:4px;color:var(--text);}
.blog-sidebar-post__title:hover {color:var(--primary);}
.blog-sidebar-post__date {font-size:11px;color:var(--text-muted);}
@media (min-width:769px) {
  .blog-post-layout {grid-template-columns:1fr 300px;gap:32px;padding:32px 0;}
  .blog-article {padding:32px;}
  .blog-post-sidebar {position:sticky;top:100px;}
}

/* ================================================
   СТАТИЧНА СТОРІНКА
   ================================================ */
.static-page {max-width:800px;margin:20px auto;}
.static-page__content {background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:20px;font-size:15px;line-height:1.8;color:var(--text);}
.static-page__content h2 {font-size:20px;font-weight:700;margin:24px 0 12px;}
.static-page__content h3 {font-size:17px;font-weight:700;margin:20px 0 10px;}
.static-page__content p {margin-bottom:16px;}
.static-page__content ul,.static-page__content ol {margin:0 0 16px 20px;}
.static-page__content li {margin-bottom:6px;}
@media (min-width:769px) {
  .static-page {margin:32px auto;}
  .static-page__content {padding:40px;}
}

/* ================================================
   КОШИК (DRAWER)
   ================================================ */
.cart-overlay {position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s;}
.cart-overlay.active {opacity:1;pointer-events:all;}
.cart-drawer {position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#fff;z-index:1000;box-shadow:-4px 0 32px rgba(0,0,0,.12);display:flex;flex-direction:column;transition:right .3s ease;}
.cart-drawer.active {right:0;}
.cart-drawer__head {display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;}
.cart-drawer__title {font-size:17px;font-weight:700;}
.cart-drawer__close {background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted);transition:color .2s;padding:4px;}
.cart-drawer__close:hover {color:var(--red);}
.cart-drawer__items {overflow-y:auto;padding:16px 24px;}
.cart-drawer__empty {text-align:center;padding:48px 0;}
.cart-drawer__item {display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);}
.cart-drawer__item:last-child {border-bottom:none;}
.cart-drawer__item-img {width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid var(--border);}
.cart-drawer__item-img img {width:100%;height:100%;object-fit:cover;}
.cart-drawer__item-info {flex:1;min-width:0;}
.cart-drawer__item-name {font-size:13px;font-weight:500;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cart-drawer__item-price {font-size:13px;font-weight:700;color:var(--text);}
.cart-drawer__item-qty {display:flex;align-items:center;border:1.5px solid var(--border);border-radius:50px;overflow:hidden;flex-shrink:0;}
.cart-drawer__item-qty .qty-btn {width:28px;height:28px;font-size:14px;}
.cart-drawer__item-qty-val {width:28px;text-align:center;font-size:13px;font-weight:600;}
.cart-drawer__item-remove {background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px;transition:color .2s;}
.cart-drawer__item-remove:hover {color:var(--red);}
.cart-drawer__delivery {padding:12px 24px;background:var(--bg);border-top:1px solid var(--border);flex-shrink:0;}
.cart-delivery__text {font-size:12px;color:var(--text-secondary);margin-bottom:6px;}
.cart-delivery__bar {height:6px;background:var(--border);border-radius:3px;overflow:hidden;}
.cart-delivery__fill {height:100%;background:var(--primary);border-radius:3px;transition:width .4s;}
.cart-drawer__cross {padding:12px 24px;border-top:1px solid var(--border);flex-shrink:0;}
.cart-drawer__cross-title {font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px;}
.cart-cross-carousel {display:flex;align-items:center;gap:8px;}
.cart-cross__arrow {background:none;border:1.5px solid var(--border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;flex-shrink:0;transition:all .2s;}
.cart-cross__arrow:hover {border-color:var(--primary);color:var(--primary);}
.cart-cross__track {flex:1;overflow:hidden;display:flex;gap:10px;}
.cart-cross__item {flex-shrink:0;width:calc(50% - 5px);display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;transition:border-color .2s;}
.cart-cross__item:hover {border-color:var(--primary);}
.cart-cross__item-name {font-size:11px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px;flex:1;}
.cart-cross__item-price {font-size:13px;font-weight:700;margin-bottom:4px;}
.cart-cross__item-btn {font-size:11px;color:var(--primary);font-weight:600;}
.cart-drawer__footer {padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;}
.cart-drawer__total {display:flex;justify-content:space-between;font-size:16px;font-weight:700;margin-bottom:12px;}
.cart-drawer__continue {width:100%;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:8px;margin-top:8px;transition:color .2s;}
.cart-drawer__continue:hover {color:var(--primary);}
@media (min-width:769px) {
  .cart-drawer {width:420px;}
}

/* ================================================
   ОФОРМЛЕННЯ ЗАМОВЛЕННЯ
   ================================================ */
.checkout-layout {display:grid;grid-template-columns:1fr;gap:16px;padding:16px 0 32px;align-items:start;}
.checkout-title {font-size:18px;font-weight:800;text-transform:uppercase;margin-bottom:16px;}
.checkout-items {background:#fff;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:16px;overflow:hidden;}
.checkout-item {display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);}
.checkout-item:last-child {border-bottom:none;}
.checkout-item__img {width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid var(--border);}
.checkout-item__img img {width:100%;height:100%;object-fit:cover;}
.checkout-item__no-img {width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;}
.checkout-item__info {flex:1;min-width:0;}
.checkout-item__name {font-size:13px;font-weight:500;color:var(--text);line-height:1.3;display:block;margin-bottom:8px;}
.checkout-item__name:hover {color:var(--primary);}
.checkout-item__controls {display:flex;align-items:center;gap:12px;}
.checkout-item__qty {display:flex;align-items:center;border:1.5px solid var(--border);border-radius:50px;overflow:hidden;}
.checkout-item__qty .qty-btn {width:28px;height:28px;font-size:14px;}
.checkout-item__qty span {width:28px;text-align:center;font-size:13px;font-weight:600;}
.checkout-item__remove {background:none;border:none;font-size:12px;color:var(--red);cursor:pointer;display:flex;align-items:center;gap:4px;}
.checkout-item__remove:hover {text-decoration:underline;}
.checkout-item__price {font-size:14px;font-weight:700;flex-shrink:0;min-width:70px;text-align:right;}
.checkout-form {display:flex;flex-direction:column;gap:12px;}
.checkout-section {background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:16px;}
.checkout-section__title {font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;color:var(--text);}
.checkout-fields-grid {display:grid;grid-template-columns:1fr;gap:12px;}
.checkout-fields-grid .field {margin:0;}
.checkout-radios {display:flex;flex-direction:column;gap:8px;}
.checkout-radio {display:flex;align-items:center;gap:12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;cursor:pointer;transition:border-color .2s;}
.checkout-radio:has(input:checked) {border-color:var(--primary);background:var(--primary-light);}
.checkout-radio input {accent-color:var(--primary);flex-shrink:0;}
.checkout-radio__body {display:flex;flex-direction:column;gap:2px;}
.checkout-radio__title {font-size:14px;font-weight:500;}
.checkout-radio__sub {font-size:12px;color:var(--text-muted);}
.checkout-submit {background:var(--primary);color:#fff;border:none;border-radius:50px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s;margin-top:8px;}
.checkout-submit:hover {background:var(--primary-hover);}
.checkout-submit:disabled {opacity:.7;cursor:not-allowed;}
.checkout-summary {background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:20px;}
.checkout-summary__title {font-size:15px;font-weight:700;margin-bottom:16px;}
.checkout-summary__rows {display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.checkout-summary__row {display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary);}
.checkout-summary__total {display:flex;justify-content:space-between;font-size:18px;font-weight:800;border-top:1px solid var(--border);padding-top:16px;margin-bottom:16px;}
.checkout-delivery-date {display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);background:var(--bg);border-radius:8px;padding:10px 12px;margin-bottom:16px;}
.checkout-form .field label {display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text);}
.checkout-form input[type="text"],.checkout-form input[type="tel"],.checkout-form input[type="email"],.checkout-form textarea {width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;outline:none;transition:border-color .2s;background:#fff;color:var(--text);font-family:inherit;}
.checkout-form input:focus,.checkout-form textarea:focus {border-color:var(--primary);}
.checkout-form textarea {resize:vertical;min-height:100px;}
.checkout-form input::placeholder,.checkout-form textarea::placeholder {color:var(--text-muted);}
@media (min-width:769px) {
  .checkout-layout {grid-template-columns:1fr 380px;gap:24px;padding:32px 0 48px;}
  .checkout-title {font-size:22px;margin-bottom:20px;}
  .checkout-item {padding:16px 20px;gap:16px;}
  .checkout-item__img {width:64px;height:64px;}
  .checkout-item__price {font-size:15px;min-width:80px;}
  .checkout-section {padding:20px;}
  .checkout-fields-grid {grid-template-columns:1fr 1fr;}
  .checkout-summary {position:sticky;top:100px;padding:24px;}
}

/* ================================================
   МОДАЛЬНЕ ВІКНО
   ================================================ */
.modal-ov {position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;}
.modal {background:#fff;border-radius:var(--radius);max-width:440px;width:100%;}
.modal-body {padding:24px;}
.modal-head {display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);}
.modal-foot {padding:16px 20px;border-top:1px solid var(--border);}

/* ================================================
   ПОШУК (СТОРІНКА)
   ================================================ */
.search-page {padding:20px 0 32px;}
.search-form {margin-bottom:24px;}
.search-form__wrap {display:flex;gap:8px;}
.search-form__input {flex:1;border:2px solid var(--border);border-radius:50px;padding:10px 16px;font-size:14px;outline:none;transition:border-color .2s;}
.search-form__input:focus {border-color:var(--primary);}
.search-form__btn {background:var(--primary);color:#fff;border:none;border-radius:50px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:background .2s;}
.search-form__btn:hover {background:var(--primary-hover);}
.search-results-head {font-size:14px;color:var(--text-secondary);margin-bottom:16px;}
.search-empty {text-align:center;padding:48px 20px;}
.search-empty__icon {font-size:48px;margin-bottom:16px;}
.search-empty__title {font-size:18px;font-weight:700;margin-bottom:8px;}
.search-empty__sub {font-size:14px;color:var(--text-muted);}
@media (min-width:769px) {
  .search-page {padding:32px 0 48px;}
  .search-form {margin-bottom:32px;}
  .search-form__wrap {max-width:600px;}
  .search-form__input {padding:12px 20px;font-size:15px;}
  .search-form__btn {padding:12px 24px;font-size:14px;}
  .search-empty {padding:64px 32px;}
  .search-empty__icon {font-size:64px;}
  .search-empty__title {font-size:20px;}
}

/* ================================================
   СТОРІНКА КОМПЛЕКСУ
   ================================================ */
.complex-page-layout {display:grid;grid-template-columns:1fr;gap:20px;padding:16px 0;align-items:start;}
.complex-page-img {position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;}
.complex-page-img img {width:100%;height:100%;object-fit:cover;}
.complex-page-img__placeholder {font-size:64px;color:var(--border);}
.complex-page-info__cat {font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
.complex-page-info__title {font-size:18px;font-weight:700;line-height:1.3;margin-bottom:16px;}
.complex-page-info__desc {font-size:14px;line-height:1.8;color:var(--text-secondary);margin-bottom:24px;}
.complex-page-info__desc p {margin-bottom:10px;}
.complex-page-products {padding-top:20px;}
.complex-page-products__title {font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;}
.complex-page-product {display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);}
.complex-page-product:last-child {border-bottom:none;}
.complex-page-product__img {width:52px;height:52px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid var(--border);}
.complex-page-product__img img {width:100%;height:100%;object-fit:cover;}
.complex-page-product__info {flex:1;min-width:0;}
.complex-page-product__name {font-size:13px;font-weight:500;color:var(--text);line-height:1.3;display:block;}
.complex-page-product__name:hover {color:var(--primary);}
.complex-page-product__cat {font-size:11px;color:var(--text-muted);margin-top:2px;}
.complex-page-product__price {font-size:14px;font-weight:700;flex-shrink:0;}
@media (min-width:769px) {
  .complex-page-layout {grid-template-columns:1fr 1fr;gap:32px;padding:32px 0;}
  .complex-page-info__title {font-size:22px;}
}
@media (min-width:1025px) {
  .complex-page-layout {grid-template-columns:1fr 1fr 340px;}
}