/* custom-rules-full.css — optimized, без блока rules-page */
/* Подключать после Bootstrap и EasyDonate */

/* 0) Базовый reset */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 1) Общий layout */
#page.section {
  padding-top: 0 !important;
}

.calimbula-radius {
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}

/* 2) Welcome section */
#welcome-section {
  background: #fff !important;
  position: relative !important;
  width: 100% !important;
  padding: 10rem 1rem 6rem !important;
  text-align: center !important;
}

#welcome-section::before {
  display: none !important;
}

#welcome-section .shop-title {
  display: inline-block !important;
  background: url("https://raw.githubusercontent.com/k0orsh/zeroboxsite/main/assets/ChatGPT%20Image%2014%20%D0%B8%D1%8E%D0%BD.%202026%20%D0%B3.%2C%2002_10_59.png") center center / cover no-repeat !important;
  border-radius: 30px !important;
  padding: 6rem 4rem !important;
  margin-top: -7rem !important;
  text-align: center !important;
  color: #000 !important;
  position: relative !important;
  z-index: 1 !important;
}

#welcome-section .shop-title .shop-name {
  font-size: 2.5rem !important;
  line-height: 1.1 !important;
  margin-bottom: 0.5rem !important;
  color: #000 !important;
}

#welcome-section .shop-title::after {
  content: "Магазин сервера" !important;
  display: block !important;
  margin-top: 0.5rem !important;
  font-size: 1.25rem !important;
  color: #a3a3a3 !important;
}

#welcome-section .shop-title .btn-new {
  display: inline-block !important;
  margin-top: 2rem !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: #0b63f6 !important;
  text-decoration: none !important;
  transition: 0.2s linear !important;
  position: relative !important;
  overflow: hidden !important;
}

#welcome-section .shop-title .btn-new:hover {
  background: #0a57d1 !important;
  border-color: #0a57d1 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 5px 15px rgba(11, 99, 246, 0.8) !important;
}

#welcome-section .shop-title .btn-new::after {
  content: "" !important;
  position: absolute !important;
  top: 0;
  left: -200px;
  width: 60px;
  height: 100px;
  background-color: #fff !important;
  filter: blur(30px) !important;
  transform: skewX(30deg) translateZ(0) !important;
  animation: slideme 3s ease 0.05s infinite !important;
}

/* 3) Категории, поля, карточки */
.categories.filter-button-group .category {
  border-radius: 8px !important;
  padding: 0.5rem 1rem !important;
  margin-right: 0.5rem !important;
  cursor: pointer !important;
}

.shop .product-card {
  background-color: #d0f4ff !important;
  border-radius: 12px !important;
  box-shadow: 0 0 10px rgba(0, 255, 255, 0.7) !important;
  transition: transform 0.3s, box-shadow 0.3s !important;
  overflow: hidden !important;
}

.shop .product-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.9) !important;
}

.badge.badge-md.bg-elegant.font-weight-bolder.text-uppercase.badge-active.animate-up-2 {
  display: none !important;
}

.input-group .form-control {
  border-radius: 8px 0 0 8px !important;
}

.input-group .input-group-text {
  border-radius: 0 8px 8px 0 !important;
}

/* 4) Кнопки */
button[data-request="onAdd"],
button[data-request="onRenderProduct"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 0.6rem 0 !important;
  border-radius: 1rem !important;
  border: 2px solid #1bdaff !important;
  background-color: #1bdaff !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease !important;
}

button[data-request="onAdd"] .fas,
button[data-request="onRenderProduct"] svg {
  margin-right: 0.5rem !important;
  flex-shrink: 0 !important;
}

button[data-request="onAdd"]:hover,
button[data-request="onRenderProduct"]:hover,
button[data-request="onAdd"]:focus,
button[data-request="onRenderProduct"]:focus {
  background-color: #17c0e6 !important;
  border-color: #17c0e6 !important;
  outline: none !important;
}

button[data-request="onRemove"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 0.6rem 0 !important;
  border-radius: 1rem !important;
  border: 2px solid #dc3545 !important;
  background-color: #dc3545 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease !important;
}

button[data-request="onRemove"] .fas {
  margin-right: 0.5rem !important;
}

button[data-request="onRemove"]:hover,
button[data-request="onRemove"]:focus {
  background-color: #c82333 !important;
  border-color: #bd2130 !important;
  outline: none !important;
}

/* 5) Размеры карточек */
.filter-item {
  width: 400px !important;
  min-width: 350px !important;
}

.filter-item .product-card {
  width: 100% !important;
}

.filter-item .item-image .mx-auto {
  width: 220px !important;
  height: 220px !important;
  border-radius: 1rem !important;
  object-fit: cover !important;
}

.filter-item .item-price {
  margin-bottom: 0.5rem !important;
}

/* 6) Соцкнопки справа */
.text-sm-right ul.list-inline.d-inline-block {
  position: fixed !important;
  top: 50% !important;
  right: 14px !important;
  transform: translateY(-50%) !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 998 !important;
}

.text-sm-right ul.list-inline.d-inline-block .list-inline-item {
  display: block !important;
  margin: 0 0 12px 0 !important;
}

.text-sm-right ul.list-inline.d-inline-block a.btn-link {
  width: 60px !important;
  height: 60px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  transition: transform 0.2s ease !important;
}

.text-sm-right ul.list-inline.d-inline-block .list-inline-item:nth-child(1) a.btn-link {
  background: #5865f2 !important;
}

.text-sm-right ul.list-inline.d-inline-block .list-inline-item:nth-child(2) a.btn-link {
  background: #ff0000 !important;
}

.text-sm-right ul.list-inline.d-inline-block .list-inline-item:nth-child(3) a.btn-link {
  background: #000 !important;
}

.text-sm-right ul.list-inline.d-inline-block i.fab {
  color: #fff !important;
  font-size: 28px !important;
}

@keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0;
  }
  30% {
    left: 110%;
    margin-left: 80px;
  }
  100% {
    left: 110%;
    margin-left: 80px;
  }
}