/* Početna */

/* Uvod: drugačiji razmaci nego na ostalim stranama */
@media (max-width: 1366px) { .page-home .intro--end .intro__h { line-height: 60px; } }
@media (max-width: 1200px) { .page-home .intro--end .intro__p { line-height: 60px; } }
@media (max-width: 1024px) {
    .page-home .intro { padding: 0 20px; }  /* tekst ne sme da dodiruje ivicu ekrana */
    .page-home .intro--end .intro__in { padding: 120px 0 30px; }
    .page-home .intro--end .intro__h { line-height: 30px; }
    .page-home .intro--end .intro__p { line-height: 25px; }
}

/* "Minimalizam sa dušom" / "Stilski pravac..." */
.home-min { margin-top: 100px; }
.home-style .split__h { line-height: 60px; }
@media (max-width: 1366px) {
    .home-min .split__h, .home-style .split__h { line-height: 50px; }
}
@media (max-width: 1024px) {
    .home-min { margin-top: 60px; }
    .home-style .split__h { line-height: 35px; }
}
@media (max-width: 767px) {
    .home-min .split__h, .home-style .split__h { line-height: 30px; }
    .home-style .split__img img { height: 800px; }
}

/* "Dva identiteta. Jedan brend." */
.home-two { display: flex; padding: 0 8px; }
.home-two__col { display: flex; flex-wrap: wrap; align-content: center; align-items: center; width: 50%; }
.home-two__col--h { padding: 100px 0; }
.home-two__col > * { width: 100%; }
.home-two p {
    color: #1E1E1E;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -1px;
    text-align: right;
}
@media (max-width: 1024px) {
    .home-two { flex-wrap: wrap; }
    .home-two__col { width: 100%; }
    .home-two__col--h { padding: 60px 0 16px; }
    .home-two p { font-size: 14px; line-height: 25px; letter-spacing: -.5px; text-align: left; }
}

/* Slika sa dugmetom "Kontaktirajte nas" */
.home-contact {
    position: relative;
    display: flex;
    min-height: 854px;
    margin-top: 100px;
    background-color: #000;
}
.home-contact__bg {
    position: absolute;
    inset: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .7;
}
.home-contact__in { position: relative; width: 100%; padding: 32px; }
.home-contact .btn-w { margin-top: 30px; }
@media (max-width: 1024px) {
    .home-contact { margin-top: 60px; }
    .home-contact__in { padding: 20px; }
    .home-contact .btn-w { margin-top: 15px; }
}
@media (max-width: 767px) { .home-contact { min-height: 700px; } }

/* Magazin */
.home-mag { display: flex; padding: 0 8px; }
.home-mag__col { display: flex; flex-wrap: wrap; align-content: center; align-items: center; width: 50%; }
.home-mag__col > * { width: 100%; }
.home-mag__col--h { padding: 100px 0; }
@media (max-width: 1200px) {
    .home-mag { padding: 0; }
}
@media (max-width: 1024px) {
    .home-mag { flex-wrap: wrap; }
    .home-mag__col { width: 100%; }
    .home-mag__col--h { padding: 60px 0 16px; }
}

/* Najnoviji članak magazina */
.home-post { display: flex; align-items: center; gap: 8px; margin-top: 40px; padding: 0 8px; }
.home-post__img { display: block; flex: 0 0 60%; line-height: 0; }
.home-post__img img { width: 100%; height: 560px; object-fit: cover; object-position: center; }
.home-post__txt { flex: 1 1 auto; min-width: 0; padding: 32px 0 32px 32px; }
.home-post__h {
    margin-bottom: 16px;
    color: #1E1E1E;
    font-family: "Poppins", Sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -1px;
}
.home-post__h a { color: inherit; }
.home-post__h a:hover, .home-post__h a:focus { text-decoration: underline; text-underline-offset: 6px; }
.home-post__p {
    margin-bottom: 28px;
    color: #1E1E1E;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -.5px;
}
@media (max-width: 1024px) {
    .home-post { flex-wrap: wrap; margin-top: 16px; padding: 0; }
    .home-post__img { flex-basis: 100%; }
    .home-post__img img { height: 420px; }
    .home-post__txt { padding: 20px 0 0; }
    .home-post__h { font-size: 28px; }
    .home-post__p { font-size: 14px; }
}

/* Nova kolekcija i Shop (kartice sa fotografijom) */
.home-soon { display: flex; min-height: 586px; margin-top: 100px; }
.home-soon__card { color: #fff; text-decoration: none; overflow: hidden; }
.home-soon__card:hover, .home-soon__card:focus { color: #fff; }
.home-soon__col { display: flex; width: 50%; }
.home-soon__card {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 100%;
    margin: 0 4px 0 0;
    padding: 32px;
    background-color: #000;
}
.home-soon__col + .home-soon__col .home-soon__card { margin: 0 0 0 4px; }
.home-soon__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center top;
    opacity: .6;
    transition: opacity .4s, transform .8s cubic-bezier(.25, .8, .25, 1);
}
.home-soon__card:hover .home-soon__bg, .home-soon__card:focus .home-soon__bg { opacity: .75; transform: scale(1.03); }
.home-soon__card:hover .home-soon__btn, .home-soon__card:focus .home-soon__btn { border-color: #e4e4e4; background: #e4e4e4; }
.home-soon__card > :not(.home-soon__bg) { position: relative; width: 100%; }
.home-soon__h {
    margin-bottom: 20px;
    color: #fff;
    font-family: "Poppins", Sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -1px;
}
@media (max-width: 1024px) {
    .home-soon { flex-wrap: wrap; margin-top: 60px; }
    .home-soon__col { width: 100%; height: 580px; max-height: 580px; }
    .home-soon__card, .home-soon__col + .home-soon__col .home-soon__card { margin: 0; padding: 16px; }
    .home-soon__col + .home-soon__col .home-soon__card { margin-top: 8px; }
    .home-soon__h { font-size: 28px; }
    .home-soon__btn { font-size: 14px; }
}