/* =========================================================
CATEGORY PAGE
========================================================= */

.dxb-category-page{
  padding-bottom:100px;
}

/* =========================================================
HERO
========================================================= */

.dxb-category-hero{

  padding:
  100px 0 70px;

  background:
  linear-gradient(
  135deg,
  #0F172A,
  #111827
  );

  color:#fff;

  margin-bottom:70px;
}

.dxb-category-hero-content{
  max-width:850px;
}

.dxb-category-label{

  display:inline-flex;

  padding:
  10px 18px;

  border-radius:999px;

  background:
  rgba(255,255,255,0.1);

  margin-bottom:24px;

  font-size:13px;

  letter-spacing:1px;

  text-transform:uppercase;
}

.dxb-category-hero h1{

  font-size:72px;

  line-height:1.1;

  margin-bottom:24px;
}

.dxb-category-hero p{

  font-size:20px;

  line-height:1.9;

  color:
  rgba(255,255,255,0.75);
}

/* =========================================================
GRID
========================================================= */

.dxb-category-grid{

  display:grid;

  grid-template-columns:
  repeat(3,1fr);

  gap:34px;
}

/* =========================================================
CARD
========================================================= */

.dxb-category-card{

  background:#fff;

  border-radius:30px;

  overflow:hidden;

  transition:
  var(--dxb-transition);

  box-shadow:
  0 10px 40px rgba(0,0,0,0.05);
}

.dxb-category-card:hover{

  transform:
  translateY(-8px);
}

.dxb-category-thumb{

  overflow:hidden;
}

.dxb-category-thumb img{

  width:100%;

  height:280px;

  object-fit:cover;

  transition:0.5s ease;
}

.dxb-category-card:hover img{

  transform:scale(1.06);
}

/* =========================================================
CONTENT
========================================================= */

.dxb-category-content{

  padding:30px;
}

.dxb-category-name{

  display:inline-flex;

  padding:
  8px 14px;

  border-radius:999px;

  background:
  rgba(255,122,89,0.1);

  color:
  var(--dxb-primary);

  font-size:12px;

  font-weight:700;

  text-transform:uppercase;

  margin-bottom:18px;
}

.dxb-category-content h2{

  font-size:34px;

  line-height:1.3;

  margin-bottom:18px;

  color:
  var(--dxb-dark);
}

.dxb-category-content p{

  font-size:16px;

  line-height:1.8;

  color:#6B7280;

  margin-bottom:24px;
}

/* =========================================================
META
========================================================= */

.dxb-category-meta{

  display:flex;

  align-items:center;

  gap:18px;

  color:#9CA3AF;

  font-size:14px;
}

/* =========================================================
PAGINATION
========================================================= */

.dxb-pagination{

  margin-top:70px;

  display:flex;

  justify-content:center;

  gap:14px;

  flex-wrap:wrap;
}

.dxb-pagination .page-numbers{

  width:50px;

  height:50px;

  border-radius:50%;

  background:#fff;

  display:flex;

  align-items:center;

  justify-content:center;

  font-weight:700;

  color:var(--dxb-dark);

  box-shadow:
  0 8px 25px rgba(0,0,0,0.05);
}

.dxb-pagination .current{

  background:
  var(--dxb-primary);

  color:#fff;
}

/* =========================================================
TABLET
========================================================= */

@media(max-width:992px){

  .dxb-category-grid{

    grid-template-columns:
    1fr 1fr;
  }

  .dxb-category-hero h1{

    font-size:56px;
  }

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:768px){

  .dxb-category-hero{

    padding:
    70px 0 50px;
  }

  .dxb-category-hero h1{

    font-size:40px;
  }

  .dxb-category-hero p{

    font-size:17px;
  }

  .dxb-category-grid{

    grid-template-columns:1fr;
  }

  .dxb-category-content h2{

    font-size:28px;
  }

}
/* =========================================================
CATEGORY PAGE PREMIUM POLISH
========================================================= */

/* PAGE BG */

.dxb-category-page{
  background:#F5F7FB;
}

/* HERO IMPROVEMENT */

.dxb-category-hero{
  position:relative;
  overflow:hidden;
}

.dxb-category-hero::before{
  content:"";
  position:absolute;
  width:600px;
  height:600px;
  border-radius:50%;
  background:
  rgba(255,255,255,0.04);

  top:-250px;
  right:-200px;
}

.dxb-category-hero-content{
  position:relative;
  z-index:2;
}

/* GRID SPACING */

.dxb-category-grid{
  gap:38px;
}

/* CARD PREMIUM */

.dxb-category-card{

  border-radius:32px;

  background:#fff;

  overflow:hidden;

  transition:
  all 0.45s ease;

  box-shadow:
  0 10px 30px rgba(15,23,42,0.05);
}

.dxb-category-card:hover{

  transform:
  translateY(-10px);

  box-shadow:
  0 30px 60px rgba(15,23,42,0.12);
}

/* IMAGE */

.dxb-category-thumb{
  position:relative;
}

.dxb-category-thumb::after{
  content:"";
  position:absolute;
  inset:0;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,0.08),
  transparent
  );
}

.dxb-category-thumb img{

  height:290px;

  transition:
  transform 0.7s ease;
}

.dxb-category-card:hover img{

  transform:
  scale(1.08);
}

/* CONTENT */

.dxb-category-content{
  padding:32px;
}

/* CATEGORY TAG */

.dxb-category-name{

  background:
  rgba(255,122,89,0.12);

  color:
  #FF6B4A;

  font-size:11px;

  letter-spacing:1px;

  padding:
  9px 14px;

  margin-bottom:20px;
}

/* TITLE */

.dxb-category-content h2{

  font-size:34px;

  line-height:1.25;

  margin-bottom:18px;

  transition:
  var(--dxb-transition);
}

.dxb-category-card:hover h2{

  color:
  var(--dxb-primary);
}

/* DESCRIPTION */

.dxb-category-content p{

  font-size:15px;

  line-height:1.9;

  color:#6B7280;

  margin-bottom:26px;
}

/* META */

.dxb-category-meta{

  padding-top:18px;

  border-top:
  1px solid #EEF2F7;

  font-size:13px;

  color:#9CA3AF;
}

/* PAGINATION */

.dxb-pagination{
  margin-top:90px;
}

.dxb-pagination .page-numbers{

  width:54px;
  height:54px;

  border-radius:18px;

  background:#fff;

  transition:
  var(--dxb-transition);

  box-shadow:
  0 10px 30px rgba(0,0,0,0.04);
}

.dxb-pagination .page-numbers:hover{

  background:
  var(--dxb-primary);

  color:#fff;

  transform:
  translateY(-4px);
}

.dxb-pagination .current{

  background:
  linear-gradient(
  135deg,
  #FF7A59,
  #FF4D4D
  );

  color:#fff;
}

/* REMOVE UNDERLINES */

.dxb-category-card a{
  text-decoration:none;
}

/* MOBILE POLISH */

@media(max-width:768px){

  .dxb-category-hero{

    padding:
    60px 0 45px;
  }

  .dxb-category-hero h1{

    font-size:44px;

    line-height:1.15;
  }

  .dxb-category-grid{
    gap:28px;
  }

  .dxb-category-content{
    padding:24px;
  }

  .dxb-category-content h2{

    font-size:28px;
  }

  .dxb-category-thumb img{

    height:240px;
  }

}