.elementor-731 .elementor-element.elementor-element-2c9a923{--display:flex;}/* Start custom CSS for html, class: .elementor-element-14aadac *//* HERO SEKCIJA */

.uys-hero{



color:black;

text-align:center;


border-radius:16px;

margin:60px auto;

max-width:1100px;

}

.uys-hero h2{

font-size:42px;

letter-spacing:2px;

font-weight:900;

margin-bottom:20px;

}

.uys-hero p{

max-width:700px;

margin:auto;

font-size:18px;

line-height:1.7;

opacity:.9;

margin-bottom:30px;

}

.hero-btn{

display:inline-block;

background:#E9631C;

padding:16px 36px;

border-radius:10px;

color:white;

font-weight:800;

text-decoration:none;

box-shadow:0 10px 30px rgba(255,59,48,.4);

transition:.2s;

}

.hero-btn:hover{

transform:translateY(-3px);

box-shadow:0 15px 40px rgba(255,59,48,.5);

}



/* TOPICS */

.uys-logo{
    width: 200px;
}


.uys-topics{

max-width:1100px;

margin:auto;

padding:40px 20px;

}

.uys-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:55px;

}

.uys-card{

padding:35px;

padding-bottom: 0px;

border-radius:12px;


position:relative;
}

.uys-card:hover{

}

.uys-card span{

position:absolute;

top:-12px;

left:20px;

background:#E9631C;

color:white;

padding:6px 12px;

border-radius:6px;

font-weight:800;

font-size:14px;

}

.uys-card h3{

margin-top:10px;

font-size:22px;

font-weight:900;

margin-bottom:10px;

color:#0a1c3a;

}

.uys-card p{

font-size:16px;

line-height:1.6;

color:#444;

}



/* MOBILE */

@media(max-width:900px){

.uys-grid{

grid-template-columns:1fr;

}

.uys-hero h2{
font-size:32px;
color:#fff;

}

/* ink effect */

.uys-card::before{

content:"";

position:absolute;
background:radial-gradient(circle at center, rgba(0,0,0,0.15) 0%, transparent 70%);

top:-60px;
right:-60px;

transform:rotate(25deg);

pointer-events:none;

}

.uys-card::after{

content:"";

position:absolute;

width:140px;
height:140px;

background:radial-gradient(circle at center, rgba(0,0,0,0.1) 0%, transparent 70%);

bottom:-50px;
left:-40px;

transform:rotate(-20deg);

pointer-events:none;

}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9c8ea0 */.pricing-wrap {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: nowrap; /* desktop: u jednom redu */
  margin-top: 20px;
}

.price-box {
  background: #111;
  color: #fff;
  padding: 22px 18px;
  border-radius: 12px;
  width: 320px; /* kvadratni izgled */
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.price-box .label {
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 700;
  opacity: 0.85;
}

.price-box .price {
  font-size: 44px;
  font-weight: 900;
  margin: 10px 0;
}

.price-box .note {
  font-size: 13px;
  opacity: 0.8;
  line-height: 1.4;
}

/* Posebno stilizovanje */
.price-box.final {
  background: #0f0f0f;
}

.price-box.preorder {
  background: #1a1a1a;
  border: 2px solid #ff3b30;
}

.price-box.preorder .price {
  color: #ff3b30;
}

.price-box.deposit {
  background: #1a1a1a;
  border: 2px solid #fff;
}

/* CTA dugme */
.cta-wrap {
  text-align: center;
  margin-top: 20px;
}

.cta-btn {
  display: inline-block;
  padding: 14px 28px;
  background: #ff3b30;
  color: #fff;
  font-weight: 800;
  letter-spacing: 1px;
  border-radius: 12px;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(255, 59, 48, 0.35);
  transition: transform .2s ease, box-shadow .2s ease;
}

.cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(255, 59, 48, 0.45);
}

/* Mobile responsive */
@media (max-width: 768px) {
  .pricing-wrap {
    flex-direction: column;
    gap: 14px;
    align-items: center;
  }

  .price-box {
    width: 90%;
    max-width: 420px;
  }
}

.price-box.preorder {
  order: 1;
}

.price-box.final {
  order: 2;
}

.price-box.deposit {
  order: 3;
}

.onsale{
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c9a923 */.containerrr{
background:
linear-gradient(white,white),
url("https://www.transparenttextures.com/patterns/asfalt-dark.png");

background-blend-mode:overlay;

}/* End custom CSS */