/* =====================================================================
   SibPIX — фирменная тема оформления поверх базовой темы МойБизнес2.
   Ничего не удаляет и не переопределяет структуру/логику страниц —
   только цвета, шрифты, скругления и декоративные элементы.
   ===================================================================== */

:root{
  --sp-ink:#151126;
  --sp-muted:#6f6b7d;
  --sp-paper:#f7f3ff;
  --sp-purple:#6c35e8;
  --sp-pink:#ee3a9a;
  --sp-orange:#ff8a36;
  --sp-blue:#29b6e9;
  --sp-line:rgba(54,36,86,.12);
  --sp-radius:20px;
  --sp-grad:linear-gradient(135deg,var(--sp-purple),var(--sp-pink) 65%,var(--sp-orange));
}

body{
  background:
    radial-gradient(circle at 8% 7%, rgba(108,53,232,.08), transparent 22rem),
    radial-gradient(circle at 93% 18%, rgba(238,58,154,.07), transparent 25rem),
    linear-gradient(180deg,#fbf9ff 0%,#f7f3ff 42%,#fff 100%) !important;
  color:var(--sp-ink) !important;
  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}

h1,h2,h3,h4,h5,h6{
  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  letter-spacing:-.02em;
  color:var(--sp-ink) !important;
}

a:hover{ color:var(--sp-purple); }

/* ---------- Топбар ---------- */
.sibpix-topbar{ background:#24154e; color:#fff; font-size:13px; }
.sibpix-topbar .container{ display:flex; justify-content:space-between; gap:20px; align-items:center; padding:9px 0; flex-wrap:wrap; }
.sibpix-topbar span{ opacity:.84; }
@media screen and (max-width:680px){ .sibpix-topbar{ display:none; } }

/* ---------- Шапка ---------- */
header.header{
  background:#fbf9ff !important;
  box-shadow:none !important;
  border-bottom:1px solid var(--sp-line);
}
.main-header .main-logo img{ filter:drop-shadow(0 8px 14px rgba(80,39,140,.18)); }

.menu-link, .menu-link:visited, .menu-link:link, .menu-link:focus{
  font-family:'Inter',sans-serif !important;
  font-weight:650 !important;
  color:var(--sp-ink) !important;
}
.menu-link:hover{ color:var(--sp-purple) !important; }

.search-form__wrap .search, input.search{
  border:1px solid var(--sp-line) !important;
  border-radius:15px !important;
  background:#fff !important;
}

a.header-icon.cart-block{
  background:var(--sp-grad);
  border-radius:15px;
  box-shadow:0 10px 26px rgba(135,48,195,.26);
}
a.header-icon.cart-block img{ filter:brightness(0) invert(1); }
.cart-block .quantity{
  background:#fff !important;
  color:var(--sp-purple) !important;
  font-weight:800 !important;
}

.hamburger{ background-color:#fff; border-radius:14px; box-shadow:0 8px 20px rgba(60,42,90,.09); }

/* ---------- Кнопки, цены, бейджи ---------- */
.add-to-cart, .product__cart, .products-order .instant-order, a.instant-order{
  background:var(--sp-grad) !important;
  color:#fff !important;
  border:none !important;
  font-weight:800 !important;
  box-shadow:0 10px 24px rgba(141,52,187,.22);
}
.add-to-cart:hover, .product__cart:hover, .products-order .instant-order:hover{
  filter:brightness(1.06);
  box-shadow:0 14px 30px rgba(141,52,187,.3);
}
.products-badge__discount{ background:linear-gradient(135deg,var(--sp-orange),var(--sp-pink)) !important; }
.products-price__actual{ color:var(--sp-ink) !important; }
.products-price__old{ color:var(--sp-muted) !important; }
.products-price__request{ color:var(--sp-purple) !important; }
.products-price__request:hover{ color:var(--sp-pink) !important; }

.button-call{ background:var(--sp-grad) !important; box-shadow:0 12px 30px rgba(141,52,187,.26); }
.button-call:hover{ filter:brightness(1.05); box-shadow:0 16px 34px rgba(141,52,187,.32); }
.button-up{ background-color:var(--sp-ink) !important; }

/* ---------- Карточки категорий ---------- */
.catalog-item{
  border-radius:var(--sp-radius) !important;
  border:1px solid var(--sp-line) !important;
  box-shadow:0 14px 40px rgba(63,43,100,.10);
  transition:.25s;
}
.catalog-item:hover{ transform:translateY(-4px); box-shadow:0 20px 50px rgba(63,43,100,.16); opacity:1 !important; }
.catalog-item__title{ color:var(--sp-ink) !important; }
.categories-noimage .catalog-item{ background:linear-gradient(145deg,#f4eaff,#ffeaf6) !important; }

/* ---------- Карточки товаров ---------- */
.products__item .products__card{
  border-radius:var(--sp-radius) !important;
  border:1px solid var(--sp-line) !important;
  box-shadow:0 14px 40px rgba(58,39,94,.09);
  transition:.25s;
}
.products__item .products__card:hover{ transform:translateY(-4px); box-shadow:0 20px 50px rgba(58,39,94,.15); }
.products__title>span{ color:var(--sp-ink) !important; font-weight:700 !important; }
.products__sku>span, .products__description>span{ color:var(--sp-muted) !important; }

/* ---------- Хлебные крошки ---------- */
.breadcrumbs .breadcrumb a, .breadcrumbs .breadcrumb li{ color:var(--sp-purple) !important; }
.breadcrumbs .breadcrumb>.active{ color:var(--sp-ink) !important; }

/* ---------- Подвал ---------- */
footer.footer{
  background:#160d32 !important;
  color:rgba(255,255,255,.65);
  border-radius:36px 36px 0 0;
  margin-top:60px !important;
}
.footer-links__title{ color:#fff !important; }
.footer-links__link, .footer-links__link:visited, .footer-links__link:link, .footer-links__link:focus{ color:rgba(255,255,255,.65) !important; }
.footer-links__link:hover{ color:#fff !important; }
.sibpix-footer-about{ color:rgba(255,255,255,.55); font-size:13px; line-height:1.6; margin-top:12px; max-width:220px; }

/* =====================================================================
   Главная страница — фирменные блоки SibPIX (новая разметка)
   ===================================================================== */

.sibpix-hero{ padding:56px 0 40px; }
.sibpix-hero__grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:36px; align-items:center; }
.sibpix-eyebrow{ display:inline-flex; align-items:center; gap:9px; border:1px solid rgba(108,53,232,.18); background:rgba(255,255,255,.72); border-radius:999px; padding:9px 13px; color:#6943b7; font-size:13px; font-weight:800; letter-spacing:.02em; }
.sibpix-dot{ width:9px; height:9px; border-radius:50%; background:linear-gradient(135deg,var(--sp-orange),var(--sp-pink)); box-shadow:0 0 0 5px rgba(238,58,154,.10); display:inline-block; }
.sibpix-h1{ font-size:clamp(38px,5vw,66px); line-height:1; letter-spacing:-.045em; margin:20px 0 22px; max-width:680px; }
.sibpix-grad{ background:linear-gradient(95deg,#6a35e9 15%,#ef3195 52%,#ff8c35 92%); -webkit-background-clip:text; background-clip:text; color:transparent !important; }
.sibpix-lead{ font-size:18px; line-height:1.6; color:var(--sp-muted); max-width:600px; margin:0 0 26px; }
.sibpix-hero__actions{ display:flex; gap:12px; flex-wrap:wrap; }
.sibpix-btn{ height:52px; padding:0 22px; border-radius:16px; display:inline-flex; align-items:center; justify-content:center; font-weight:850; border:1px solid transparent; transition:.2s; text-decoration:none; }
.sibpix-btn:hover{ text-decoration:none; }
.sibpix-btn_primary{ color:#fff; background:var(--sp-grad); box-shadow:0 16px 34px rgba(141,52,187,.26); }
.sibpix-btn_primary:hover{ transform:translateY(-2px); color:#fff; }
.sibpix-btn_ghost{ background:rgba(255,255,255,.82); border-color:var(--sp-line); color:var(--sp-ink); }
.sibpix-btn_ghost:hover{ color:var(--sp-purple); }
.sibpix-btn_light{ background:#fff; color:#3c206f; }
.sibpix-metrics{ display:flex; gap:24px; margin-top:32px; flex-wrap:wrap; }
.sibpix-metric b{ display:block; font-size:20px; }
.sibpix-metric span{ font-size:13px; color:var(--sp-muted); }

.sibpix-hero__art{ position:relative; min-height:480px; }
.sibpix-blob{ position:absolute; inset:16px 0 0 30px; border-radius:54px; background:linear-gradient(145deg,#26155c 4%,#6d34e8 42%,#d739b7 74%,#ff8b38); box-shadow:0 35px 90px rgba(78,40,146,.28); transform:rotate(2deg); }
.sibpix-hero__logo{ position:absolute; z-index:3; top:34px; left:50%; transform:translateX(-50%); width:60%; filter:drop-shadow(0 18px 30px rgba(20,8,48,.28)); }
.sibpix-float-card{ position:absolute; z-index:5; background:#fff; border-radius:22px; padding:10px; box-shadow:0 22px 55px rgba(30,17,54,.24); border:1px solid rgba(255,255,255,.7); width:190px; height:230px; }
.sibpix-float-card img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:16px; }
.sibpix-float-card_1{ left:6px; bottom:30px; transform:rotate(-7deg); }
.sibpix-float-card_2{ right:-6px; bottom:36px; transform:rotate(7deg); width:185px; height:220px; }
.sibpix-tag{ position:absolute; z-index:8; background:#fff; border-radius:16px; padding:12px 15px; font-weight:850; font-size:13px; box-shadow:0 14px 35px rgba(39,22,70,.18); }
.sibpix-tag_1{ left:34px; top:190px; }
.sibpix-tag_2{ right:4px; top:165px; }

@media(max-width:1000px){
  .sibpix-hero__grid{ grid-template-columns:1fr; }
  .sibpix-hero{ padding-top:36px; }
  .sibpix-hero__art{ max-width:560px; width:100%; margin:30px auto 0; }
}
@media(max-width:680px){
  .sibpix-h1{ font-size:40px; }
  .sibpix-hero__art{ min-height:400px; }
  .sibpix-float-card{ width:135px; height:170px; }
  .sibpix-float-card_2{ width:130px; height:165px; }
}

.sibpix-section{ padding:56px 0; }
.sibpix-section__head{ display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:26px; flex-wrap:wrap; }
.sibpix-kicker{ font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.12em; color:#8356d2; }
.sibpix-kicker_light{ color:#ffb5df !important; }
.sibpix-section__head h2{ font-size:clamp(28px,3.4vw,42px); line-height:1.08; letter-spacing:-.03em; margin:6px 0 0; }
.sibpix-section__head p{ color:var(--sp-muted); max-width:460px; line-height:1.6; margin:0; }

.sibpix-banner{
  position:relative; overflow:hidden; border-radius:32px; padding:40px;
  background:linear-gradient(120deg,#24144e,#6630df 54%,#ea3a99); color:#fff;
  display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:center;
  box-shadow:0 28px 75px rgba(63,31,120,.24);
}
.sibpix-banner h2{ margin:8px 0 16px; max-width:620px; color:#fff !important; }
.sibpix-banner p{ color:rgba(255,255,255,.76); line-height:1.6; max-width:580px; margin:0 0 20px; }
.sibpix-banner__media{ height:270px; border-radius:24px; overflow:hidden; transform:rotate(3deg); box-shadow:0 18px 55px rgba(14,5,33,.32); }
.sibpix-banner__media img{ width:100%; height:100%; object-fit:cover; }
@media(max-width:900px){
  .sibpix-banner{ grid-template-columns:1fr; padding:28px; border-radius:26px; }
  .sibpix-banner__media{ height:220px; transform:none; }
}

.sibpix-info-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.sibpix-info{ background:#fff; border-radius:22px; padding:26px; border:1px solid var(--sp-line); box-shadow:0 13px 40px rgba(66,45,102,.08); }
.sibpix-ico{ width:46px; height:46px; border-radius:15px; display:grid; place-items:center; font-size:22px; background:linear-gradient(145deg,#eee6ff,#ffe7f5); }
.sibpix-info h3{ margin:16px 0 8px; font-size:18px; }
.sibpix-info p{ margin:0; color:var(--sp-muted); line-height:1.55; font-size:14px; }
@media(max-width:800px){ .sibpix-info-grid{ grid-template-columns:1fr; } }

.sibpix-points{ display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.sibpix-point{ border-radius:22px; padding:24px; background:#24154e; color:#fff; min-height:140px; position:relative; overflow:hidden; }
.sibpix-point:after{ content:''; position:absolute; width:110px; height:110px; border-radius:50%; right:-25px; bottom:-30px; background:linear-gradient(145deg,rgba(238,58,154,.6),rgba(41,182,233,.2)); }
.sibpix-point b{ display:block; font-size:16px; line-height:1.4; max-width:90%; position:relative; z-index:2; }
.sibpix-point span{ display:block; font-size:13px; opacity:.64; margin-top:10px; position:relative; z-index:2; }
@media(max-width:800px){ .sibpix-points{ grid-template-columns:1fr; } }