/* =======================================
   KATALOX
======================================= */

.katalox-container{

    max-width:1200px;

    margin:40px auto;

    padding:20px;

}

.katalox-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr 0.8fr;
  gap: 30px;
  align-items: start;
  max-width: 1200px;
  margin: 0 auto;
}

.katalox-design-info{

    line-height:1.8;

    font-size:15px;

}

.katalox-design-info p{

    margin-bottom:1px;

}




.katalox-image img{

    width:100%;

    height:auto;

    display:block;

}

.katalox-sidebar{

    border:1px solid #ddd;

    padding:20px;

    border-radius:8px; background: #fff;

}





    /* Sidebar */

.katalox-info{
    margin:0 0 18px;
}

.katalox-label{
    display:block;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#888;
    margin-bottom:5px;
}


.katalox-value {
  display: block;
  font-size: 44px;
  font-weight: normal;
  color: #222;
  line-height: 100%;
  font-family: anton;
}




.katalox-content{

   max-width: 1200px;
  margin: 20px auto;

}

.katalox-content h1{

    margin-top:0;

}

@media(max-width:768px){

.katalox-grid{

grid-template-columns:1fr;

}

}




.katalox-button{

display:block;

width:100%;

text-align:center;

background:#25D366;

color:#fff;

padding:14px;

border-radius:8px;

text-decoration:none;

font-weight:bold;

margin-top:20px;

}

.katalox-button:hover{

opacity:.9;

}



.katalox-sidebar p{
    margin:0 0 15px;
    line-height:1.6;
}

.katalox-sidebar strong{
    display:block;
    margin-bottom:4px;
}

.katalox-button{
    display:block;
    background:#25D366;
    color:#fff;
    text-align:center;
    padding:14px;
    border-radius:8px;
    text-decoration:none;
    margin-top:20px;
    font-weight:600;
}

.katalox-button:hover{
    opacity:.9;
}



.katalox-badge{

    display:block;

    width:100%;

    height:auto;

    margin:0 0 25px;

}



/* Pagination */

.katalox-pagination{

  text-align: center;
  margin: 40px 0;
  font-family: anton;

}

.katalox-pagination .page-numbers{

    display:inline-block;

    padding:10px 15px;

    margin:4px;

    border:1px solid #ddd;

    border-radius:6px;

    text-decoration:none;

}

.katalox-pagination .current{

    background:#111;

    color:#fff;

    border-color:#111;

}









/* ==========================================
   Archive Grid
========================================== */

.katalox-container{

    max-width:1400px;

    margin:40px auto;

    padding:0 20px;

}

.katalox-archive{

    display:grid;

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

    gap:25px;

}

.katalox-card {
  background: #000;
  border: 0px solid #eee;
  border-radius: 12px;
  overflow: hidden;
  transition: .25s;
}

.katalox-card:hover{

    transform:translateY(-4px);

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.katalox-card a{

    display:block;

    color:#222;

    text-decoration:none;

}



.katalox-card h3{

    font-size:15px;

    padding:15px;

    margin:0;

    line-height:1.5;

}



@media(max-width:1024px){

.katalox-archive{

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

}

}

@media(max-width:768px){

.katalox-archive{

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

}

}

@media(max-width:480px){

.katalox-archive{

gap:12px;

}

.katalox-card h3{

font-size:14px;

padding:10px;

}

}

/*=======================================
Katalox Gallery
=======================================*/

.katalox-gallery{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(250px,1fr));

    gap:20px;

}

.katalox-card{

    overflow:hidden;

}

.katalox-card a{

    display:block;

}

.katalox-card img{

    width:100%;

    aspect-ratio:9/16;

    object-fit:cover;

    display:block;

    transition:.3s;

}

.katalox-card:hover img{

    transform:scale(1.03);

}

@media(max-width:768px){

    .katalox-gallery{

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

        gap:15px;

    }

}