@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700&display=swap');

:root {
  --black:#000;
  --dark-gray:#111;
  --orange:#ff9f1a;
  --white:#fff;
}

/* Глобални настройки */
* {
  font-family: 'Nunito', sans-serif;
  margin:0; padding:0;
  box-sizing:border-box;
  outline:none; border:none;
  text-decoration:none;
  transition: all .2s linear;
  color: var(--white);
}

body {
  background: var(--black);
  line-height: 1.6;
}

/* HEADER */
#site-header {
  position:fixed;
  top:0; left:0; right:0;
  z-index:1000;
  background: var(--dark-gray);
  padding:1rem 2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 .5rem 1rem rgba(0,0,0,.3);
}

#logo img {
  width: 50px;
  height: 50px;
  border: 2px solid gold; /* тънка златна рамка */
  box-shadow: 0 0 10px gold, 0 0 20px gold; /* неонов ефект */
  border-radius: 5px; /* за леко заобляне на ъглите, по желание */
  animation: rotateLogo 5s linear infinite; /* завъртане */
}

@keyframes rotateLogo {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#logo h1 {
  font-size:2.5rem;
  font-weight:bold;
  color: var(--white);
}

/* HERO VIDEO */
#hero { position:relative; height:80vh; overflow:hidden; }
#hero video { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-1; }
#hero-text {
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  text-align:center;
  color:#fff;
  background: rgba(0,0,0,0.5);
  padding:2rem;
  border-radius:.8rem;
}
#hero-text h2 { font-size:3.5rem; }

/* WELCOME */
#welcome { text-align:center; padding:3rem 1rem; }
#welcome h2 { font-size:3rem; color: var(--white); }

/* CATEGORY QUESTION */
#choose-category { text-align:center; padding:3rem 1rem; }
#choose-category h3 { margin-bottom:1.5rem; font-size:2rem; color: var(--white); }
#choose-category .btn-group .btn {
  margin:0 .5rem;
  font-size:1.6rem;
  padding:.6rem 1.2rem;
  border-radius:50px;
  background: var(--white);
  color: var(--black);
  cursor:pointer;
  transition:.3s;
}
#choose-category .btn-group .btn:hover {
  background: var(--orange);
  color: var(--white);
}

/* PRODUCTS */
#products { padding:3rem 1rem; }
#products h3 { text-align:center; margin-bottom:2rem; font-size:2.5rem; }
.swiper-slide { display:flex; justify-content:center; }
.card {
  border:none;
  border-radius:1rem;
  text-align:center;
  background: #111;
  padding:1rem;
  transition:transform .3s, background .3s;
}
.card:hover { transform: translateY(-5px); background: #222; }
.card img { height:360px; width:100%; object-fit:cover; border-radius:1rem; }
.card-title { font-size:1.8rem; margin:.5rem 0; color: var(--white); }
.card .text-danger { font-size:1.6rem; font-weight:bold; margin-bottom:0.5rem; color: var(--orange); }

/* BUY BUTTON */
.card .btn {
  background: var(--orange);
  color: #fff;
  padding: 0.4rem 1rem;
  border-radius:50px;
  font-size:1.3rem;
  font-weight:bold;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.3rem;
}
.card .btn i { font-size:1.2rem; }
.card .btn:hover { background: var(--white); color: var(--black); transform: scale(1.05); }

/* REVIEWS */
#reviews {
    background: linear-gradient(135deg, #000000 0%, #111111 100%);
  padding:3rem 1rem;
  text-align:center;
}
#reviews h3 { font-size:2.5rem; margin-bottom:2rem; color: var(--white); }
#reviews .review-container {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:2rem;
}
#reviews .review {
  width:250px;
  padding:2rem;
  border-radius:1.5rem;
  background:#222;
  box-shadow:0 5px 15px rgba(0,0,0,.5);
  transition:transform .3s;
  text-align:center;
}
#reviews .review:hover { transform:translateY(-5px); }
#reviews .review img {
  border-radius:50%;
  height:80px;
  width:80px;
  margin-bottom:1rem;
  object-fit:cover;
}
#reviews .stars {
  color: #ffa500; /* основен цвят оранжев */
  text-shadow: 0 0 5px #ffa500, 0 0 10px #ffb84d, 0 0 15px #ffd27f;
  font-size: 1.5rem;
  margin-top: 0.5rem;
}

/* PAYMENT METHODS */
.payment-section {
  background: linear-gradient(135deg, #000000 0%, #111111 100%);
  margin:50px auto;
  width:100%;
  max-width:900px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.payment-title { font-size:20px; margin-bottom:20px; color: var(--orange); letter-spacing:1px; }
.payment-methods { display:flex; justify-content:center; flex-wrap:wrap; gap:20px; }
.payment-methods img { height:40px; width:auto; opacity:0.8; transition:all 0.4s ease; cursor:pointer; }
.payment-methods img:hover { opacity:1; }

/* WhatsApp button */
#whatsapp-button {
  position:fixed;
  bottom:30px;
  right:20px;
  background:#25D366;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  padding:.8rem 1rem;
  border-radius:50px;
  box-shadow:0 2px 8px rgba(0,0,0,0.3);
  z-index:10000;
  font-size:1.3rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0.3rem;
}
#whatsapp-button:hover { background:#1ebe5c; }

/* FOOTER */
#site-footer {
  background: linear-gradient(135deg, #000000 0%, #111111 100%);
  color:#fff;
  text-align:center;
  padding:3rem 1rem;
  position:relative;
  overflow:hidden;
  font-family: 'Nunito', sans-serif;
}
#site-footer::before {
  content:"";
  position:absolute;
  top:0;
  left:-50%;
  width:200%;
  height:100%;
  background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 80%);
  transform: rotate(45deg);
  pointer-events:none;
}
#site-footer p { font-size:1.2rem; margin-bottom:1.5rem; letter-spacing:1px; color:#ccc; }
#social ul { list-style:none; display:flex; justify-content:center; gap:1.5rem; padding:0; margin-top:1rem; }
#social ul li a {
  font-size:2rem;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  width:3rem;
  height:3rem;
  border-radius:50%;
  background: rgba(255,255,255,0.05);
  transition: all 0.3s;
}
#social ul li a:hover { background:var(--orange); color:#000; }
#site-footer .credit { margin-top:2rem; font-size:1.3rem; color:#aaa; }

/* SWIPER ARROWS */
.swiper-button-next, .swiper-button-prev {
  color: var(--black);

  padding:.8rem;
  border-radius:50%;
  width:3rem; height:3rem;
  display:flex; align-items:center; justify-content:center;
  top:50%; transform:translateY(-50%);
}

.swiper-pagination-bullet { background: var(--white); opacity:0.7; }
.swiper-pagination-bullet-active { background: var(--orange); opacity:1; }

/* RESPONSIVE */
@media (max-width:768px) {
  #hero-text h2 { font-size:2.5rem; }
  #logo h1 { font-size:2rem; }
  .card img { height:360px; width:100%; }
}
@media (max-width:480px) {
  #choose-category .btn-group .btn { margin:.3rem .3rem; font-size:1.4rem; padding:.5rem 1rem; }
  #reviews .review { width:100%; }
}

html {
  font-size: 72.5%; /* по-малък базов размер за по-компактен текст */
}

#logo h1 {
  font-size:2rem; /* по-малко от 2.5rem */
}

#hero-text h2 {
  font-size:2.5rem; /* по-компактен заглавен текст върху видео */
}

#welcome h2 {
  font-size:2rem; /* по-малко от 3rem */
}

#choose-category h3 {
  font-size:1.6rem; /* по-малко от 2rem */
}

#choose-category .btn-group .btn {
  font-size:1.3rem; /* по-малък текст на бутоните */
  padding:.4rem .8rem; /* по-компактни бутони */
}

#products h3 {
  font-size:2rem; /* заглавие на продукти */
}

.card-title {
  font-size:1.5rem; /* по-малко от 1.8rem */
}

.card .text-danger {
  font-size:1.4rem; /* по-малко от 1.6rem */
}

.card .btn {
  font-size:1.2rem; /* по-малък бутон */
  padding:.4rem .8rem;
}

#reviews h3 {
  font-size:2rem; /* по-малко от 2.5rem */
}

#reviews .stars {
  font-size:1.3rem; /* по-малко от 1.5rem */
}

.payment-title {
  font-size:18px; /* по-компактно заглавие */
}

#site-footer p {
  font-size:1rem; /* по-малък футър текст */
}

#site-footer .credit {
  font-size:1rem; /* копирайт по-компактен */
}