header {
    position: fixed;
    width: 100%;
    top: 0;
    transition: 0.3s ease;
    z-index: 10;
}
.option-submenu.active [data-submenu-content]{
    display: flex;
}
.option-submenu ul{
    display: none;
}
.proizvod-detalji img{
    filter: contrast(0);
}
.option-submenu ul.visible{
    display: flex;
}
header.active {
    background-color: #101010;
    z-index: 10;
    border-bottom: none;
}
header > * {
    transition: 0.3s ease;
}
.copyright a{
    font-weight: 600;
    color: var(--gold);
}
.header-logo {
    transition: 0.3s ease;
    height: 100px;
}
header.active .header-logo {
    height: 50px;
}
.zatvori-meni {
    display: none;
}
header.active .header-left-inner {
    max-width: 78.5rem;
    border-bottom: none;
}
header.active .header-right-inner {
    max-width: 78.5rem;
}
header.active .header-left,
header.active .header-right {
    border-bottom: none;
}
/* .header-inner.active {
    border-bottom: 1px solid var(--light-grey);
} */
.header-logo img {
    height: 100%;
}
.header-mobile {
    display: none;
}
.header-mobile-inner {
    padding: 1.5rem 2rem;
}
.header-inner {
    display: flex;
    justify-content: space-between;
    gap: 4rem;
    padding-top: 22px;
    transition: border-bottom 0.3s ease-in 0.1s;
}
header > * {
    color: var(--white);
    font-family: "Mulish", serif;
}
.header-socials {
    display: flex;
    align-items: center;
    gap: 13px;
}
.header-socials.header-socials-mobile {
    display: none;
}
.header-socials a {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    background-color: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-left {
    width: 100%;
    height: max-content;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid var(--light-grey);
}
.header-left-inner {
    margin-left: auto;
    padding-left: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 5rem;
    max-width: 73rem;
    transition: 0.3s ease;
    gap: 2rem;
}
.header-right {
    margin-right: auto;
    padding-right: 2rem;
    width: 100%;
    height: max-content;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid var(--light-grey);
}
.header-right-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 5rem;
    max-width: 73rem;
    transition: 0.3s ease;
    gap: 2rem;
}
.header-links {
    display: flex;
    gap: 9rem;
    transition: 0.3s ease;
}
.header-links a {
    font-weight: 600 !important;
}
.header-links li:hover {
    color: var(--gold);
}
.header-links a {
    font-family: "Mulish", serif;
    font-weight: 60;
}
.header-links li {
    color: var(--white);
    font-size: 1.8rem;
    text-transform: uppercase;
    font-family: "Mulish", serif;
    font-weight: 600;
}
.header-contact {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-left: 2.7rem;
    padding-right: 2.7rem;
    width: 17.5rem;
    height: 5rem;
    background-color: var(--gold);
    font-size: 1.8rem;
    border-radius: 5.7rem;
    font-family: "Mulish",
        serif;
}
.header-left-inner .header-links {
    padding-right: 3.2rem;
}
.header-right-inner .header-links {
    padding-left: 3.2rem;
}
#home {
    height: 100vh;
    position: relative;
    min-height: 86rem;
}
#home .background-home {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: left;
}
.lampe-absolute {
    position: absolute;
    top: 0;
    left: 16.4rem;
    opacity: 0;
    z-index: 3;
}
.stolic-absolute {
    position: absolute;
    bottom: -10px;
    left: 408px;
    z-index: 3;
}
.zuta-fotelja-absolute {
    position: absolute;
    left: 80px;
    bottom: 0;
    opacity: 0;
    z-index: 3;
}
.zuta-fotelja-absolute .absolute-link {
    top: 0;
    position: absolute;
    right: 33%;
}
.animation-text-line p {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.5rem;
    font-size: 1.8rem;
    color: white;
    margin-left: auto;
}
.animation-line-circle svg {
    overflow: visible;
}
.absolute-link .animation-text-line p {
    opacity: 0;
    transition: 0.8s ease-in;
    margin-bottom: 10px;
}
.absolute-link.active .animation-text-line p {
    opacity: 1;
}
.zuta-fotelja-absolute .animation-text-line {
    position: absolute;
    top: -125px;
    left: 18px;
}
.garnitura-absolute .animation-text-line {
    position: absolute;
    bottom: 42px;
    left: 50%;
}
.komoda-absolute .animation-text-line {
    position: absolute;
    left: -319px;
    top: -125px;
}
.komoda-absolute .animation-text-line p {
    justify-content: center;
}
.komoda-absolute {
    position: absolute;
    right: -1.2rem;
    bottom: 1.7rem;
    z-index: 3;
    opacity: 0;
}
.garnitura-absolute {
    position: absolute;
    right: 200px;
    bottom: 12px;
    z-index: 3;
    opacity: 0;
}
.usluge-submenu li {
    font-size: 1.8rem;
    color: var(--white);
    transition: 0.3s ease;
    font-weight: 400 !important;
}
.usluge-submenu li a {
    font-weight: 400 !important;
}
.usluge-submenu li:hover {
    color: var(--gold);
}
.outer-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.pulsing-circle {
    position: absolute;
    width: 5.5rem;
    height: 5.5rem;
    background-color: rgba(216, 155, 47, 0.5);
    border-radius: 50%;
    z-index: 1;
}
.komoda-absolute .absolute-link {
    position: absolute;
    top: -25px;
    left: 34%;
}
.garnitura-absolute .absolute-link {
    position: absolute;
    right: 30%;
    top: 10%;
}
.inner-circle {
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 50%;
    background-color: var(--gold);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: 600;
    position: relative;
}
.usluge-item {
    position: relative;
    cursor: pointer;
}
.usluge-submenu {
    display: none;
    flex-direction: column;
    gap: 2rem;
    background-color: #101010;
    padding: 2.6rem 3.6rem;
    border-radius: 1.6rem;
    position: absolute;
    top: 100%;
    left: -2.6rem;
}
.namjestaj-submenu {
    position: absolute;
    width: 120rem;
    background-color: #101010;
    padding: 2rem;
    justify-content: space-between;
    border-radius: 1.6rem;
    height: 34rem;
    gap: 2.7rem;
    display: none;
    right: 50%;
    transform: translateX(50%);
}
.namjestaj-submenu li {
    flex: 1;
    position: relative;
    border-radius: 1.2rem;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.namjestaj-submenu li:hover {
    color: var(--gold);
    text-decoration: underline;
    text-underline-position: below;
}
.namjestaj-submenu li p {
    padding-left: 15px;
    padding-bottom: 1.5rem;
    position: relative;
    text-transform: capitalize;
    transition: 0.2s ease;
}
.namjestaj-submenu li img {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.hover-images {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.hover-images img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
[data-img] {
    opacity: 0;
    transition: 0.6s ease-out;
}
[data-img].active {
    opacity: 1;
}
[data-img]:nth-of-type(1) {
    opacity: 1;
}
.namjestaj-item {
    cursor: pointer;
}
.usluge-item:hover .usluge-submenu {
    display: flex;
}
.namjestaj-item:hover .namjestaj-submenu {
    display: flex;
}
section h2 {
    color: var(--gold);
}
#o-nama {
    padding-top: 10rem
}
.o-nama-inner {
    display: flex;
    justify-content: space-between;
    gap: 6rem;
}
.o-nama-photo {
    border-radius: 0.8rem;
    width: 100%;
    max-width: 86.8rem;
    position: relative;
}
.o-nama-photo .sofa-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.o-nama-content {
    max-width: 64.2rem;
}
.o-nama-content p {
    color: var(--white);
    font-size: 1.6rem;
    font-family: "Mulish", serif;
    margin-top: 10rem;
}
section h2 {
    position: relative;
    z-index: 2;
}
h1 {
    position: relative;
}
section h2 .absolute-title,
h1 .absolute-title {
    position: absolute;
    color: var(--dark-grey);
    font-size: 10rem;
    font-family: 'Soul';
    width: max-content;
    bottom: -5rem;
    right: 3rem;
    z-index: 1;
}
h1 .absolute-title {
    color: var(--gold);
    bottom: -7rem;
    right: 8rem;
}

.see-more {
    background-color: var(--yellow);
    min-width: 18.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    border-radius: 5.7rem;
    font-size: 1.8rem;
    color: var(--white);
    margin-top: 5.2rem;
    height: 5rem;
    width: fit-content;
    padding: 2.5rem;
}
.see-more:hover,
.header-contact:hover p {
    text-decoration: underline;
}
.see-more:hover p {
    text-decoration: underline;
}
.absolute-photo-container {
    width: 43rem;
    position: absolute;
    top: 40%;
    left: -26%;
}
.o-nama-photo .gold-lines {
    position: absolute;
    width: unset;
    height: unset;
    z-index: 1;
    bottom: 150px;
}
.relative-img {
    position: relative;
    z-index: 2;
}
#usluge {
    margin-top: 18rem;
}
#usluge h2 {
    margin-left: auto;
    margin-right: auto;
    width: max-content;
}
.usluge-cards {
    margin-top: 9.2rem;
    display: flex;
    gap: 11.2rem;
    height: 56.1rem;
}
.usluge-cards .card {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
}
.usluge-cards .card:hover .overlay-container .overlay {
    opacity: 0.3;
}
.usluge-cards .card:hover p {
    text-decoration: underline;
    text-underline-position: under;
}
.usluge-cards .card p {
    font-size: 4.8rem;
    color: var(--white);
    font-family: 'Marcellus', serif;
    font-weight: 400;
    margin-top: 84px;
    position: relative;
    z-index: 2;
}
.card.prodaja-card {
    border-top-right-radius: 0.8rem;
    border-bottom-right-radius: 20rem;
    border-top-left-radius: 0.8rem;
    border-bottom-left-radius: 0.8rem;
    background-image: url('../../images/app/prodaja-background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.card.prodaja-card .overlay-container {
    border-top-right-radius: 0.8rem;
    border-bottom-right-radius: 20rem;
    border-top-left-radius: 0.8rem;
    border-bottom-left-radius: 0.8rem;
    overflow: hidden;
}
.card.proizvodnja-card {
    border-top-left-radius: 25.6rem;
    border-top-right-radius: 25.6rem;
    background-image: url('../../images/app/proizvodnja-background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.card.proizvodnja-card .overlay-container {
    border-top-left-radius: 25.6rem;
    border-top-right-radius: 25.6rem;
    overflow: hidden;
}
.card.repromaterijal-card {
    border-top-left-radius: 20rem;
    border-top-right-radius: 0.8rem;
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../../images/app/repromaterijal-background.png');
}
.card.repromaterijal-card .overlay-container {
    border-top-left-radius: 20rem;
    border-top-right-radius: 0.8rem;
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
    overflow: hidden;
}
.card .overlay-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.overlay-container .overlay {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}
.card.prodaja-card .overlay-container .absolute-namjestaj {
    left: 0;
}
.card .overlay-container .absolute-namjestaj {
    position: absolute;
    bottom: 5.2rem;
}
.card.proizvodnja-card .overlay-container .absolute-namjestaj {
    bottom: 6.8rem;
    left: 50%;
    transform: translateX(-50%);
}
.card.repromaterijal-card .overlay-container .absolute-namjestaj {
    right: 0;
}
.card .link {
    position: absolute;
    background-color: var(--gold);
    width: 7.6rem;
    height: 7.6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    z-index: 2;
    transform: translateY(50%);
}
.usluga-prodaja {
    margin-top: 17.7rem;
    position: relative;
}
.card::-webkit-scrollbar {
    display: none;
}
.card {
    scrollbar-width: none;
    /* Sakriva traku za Firefox */
}
.prodaja-naziv {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.prodaja-naziv img {
    filter: brightness(0.4);
    transition: 0.3s ease;
}
.prodaja-naziv p {
    font-size: 5.6rem;
    line-height: 1;
    color: var(--white);
    filter: brightness(0.4);
    transition: 0.3s ease;
}
.prodaja-naziv:hover p {
    filter: brightness(1);
}
.prodaja-naziv:hover img {
    filter: brightness(1);
}
.prodaja-naziv .prodaja-naziv {
    display: flex;
    align-items: center;
    gap: 3.2rem;
}
.prodaja-naziv.kuhinja {
    display: flex;
    justify-content: center;
}
.usluga-prodaja .container {
    padding-top: 19.5rem;
    padding-bottom: 17.7rem;
    max-width: 159rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 10rem;
    column-gap: 3rem;
}
#zanimljivosti {
    margin-top: 10rem;
}
.zanimljivosti-top {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.zanimljivosti-top a {
    background-color: var(--gold);
    font-family: "Mulish",
        serif;
    font-weight: 600;
}
#vijesti {
    position: relative;
}
#vijesti-container {
    padding-top: 10rem;
    display: flex;
    gap: 3rem;
    justify-content: space-between;
    flex-wrap: wrap;
}
.vijest {
    margin-top: 64px;
}
.vijest-sadrzaj {
    width: 100%;
    max-width: 1463px;
    margin-left: auto;
    margin-right: auto;
}
.vijest h2 {
    color: var(--gold);
    text-align: center;
    margin-bottom: 4.4rem;
}
.vijest p {
    color: white;
    font-size: 1.6rem;
    text-align: center;
}
.vijest-sadrzaj > p{
    margin-bottom: 3rem;
}
.vijest-sadrzaj ul li, .vijest-sadrzaj ol li{
    color: white;
    font-size: 1.6rem;
    text-align: center;
}
.vijest-photo {
    border-radius: 1.6rem;
    overflow: hidden;
    width: 100%;
    max-width: 87.1rem;
    height: 49.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.4rem;
    margin-bottom: 4.4rem;
}
.vijest-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.vijest-card {
    width: 100%;
    max-width: 50.5rem;
    min-width: 36.7rem;
    flex: 1;
}
#vijesti img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.zanimljivosti-vijesti {
    margin-top: 12rem;
    max-height: 51.5rem;
}
.zanimljivosti-vijesti .slide img{
    transition: 0.3s ease;
}
.zanimljivosti-vijesti .slide:hover .see-more-gold img{
    transform: translateX(15px);
}
.slide-photo {
    border-radius: 0.8rem;
    overflow: hidden;
    height: 20.9rem;
}
.slide-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.slide-text {
    margin-top: 6rem;
    color: white;
    font-family: 'Marcellus',
        serif;
    max-height: 15rem;
    overflow: hidden;
}
.slide-text .opis p{
    font-size: 1.6rem;
    line-height: 2.6rem;
}
.slide-text .opis p strong{
    font-weight: 400;
}
.slide-text ol li, .slide-text ul li{
    font-size: 1.6rem;
    line-height: 2.6rem;
}
.slide-text .naziv {
    font-size: 3.2rem;
    font-weight: 400;
    margin-bottom: 4rem;
}
.slide-text .opis {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-family: "Mulish",
        serif;
    font-weight: 400;
    margin-bottom: 2rem;
}
.see-more-gold {
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 1.2rem;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: "Mulish",
        serif;
}
#online-uzivo {
    margin-top: 11.8rem;
}
#online-uzivo .container {
    background-image: url('../../images/app/online-uzivo-background.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.2rem;
}
.online-uzivo-inner {
    padding: 7.8rem 7.6rem;
    width: 100%;
    max-width: 90rem;
}
.online-uzivo-inner .text {
    margin-top: 3.5rem;
    color: var(--white);
    font-family: "Mulish",
        serif;
    font-size: 1.6rem;
    margin-bottom: 3.8rem;
}
.online-uzivo-links {
    display: flex;
    gap: 2.5rem;
}
.online-uzivo-links a {
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22.5rem;
    border-radius: 5.7rem;
    color: white;
    height: 5rem;
    gap: 1.5rem;
}
.gold-link {
    background-color: var(--gold);
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22.5rem;
    border-radius: 5.7rem;
    color: white;
    height: 5rem;
    width: fit-content;
    gap: 1.5rem;
    padding: 0 15px;
}
.transparent-link {
    background-color: transparent;
    border: 1px solid var(--gold);
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22.5rem;
    border-radius: 5.7rem;
    color: white;
    height: 5rem;
    gap: 1.5rem;
}
#online-uzivo .absolute-title {
    bottom: 2rem;
    right: -13rem;
}
#galerija {
    padding-top: 11.5rem;
    position: relative;
}
#galerija h2 {
    color: var(--gold);
    font-family: 'Marcellus', serif;
    margin-left: 30rem;
    line-height: 1.3;
}
.galerija-inner {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
#galerija .graphic {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
#home h1 {
    font-size: 7.2rem;
    font-family: 'Marcellus', serif;
    color: var(--white);
    font-weight: 400;
    width: 100%;
    max-width: 107.3rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 20.5rem;
    position: relative;
    z-index: 4;
    padding-left: 2rem;
    padding-right: 2rem;
}
.galerija-top {
    display: flex;
    gap: 3.2rem;
    align-items: flex-end;
    padding-top: 80px;
}
.galerija-bottom {
    display: flex;
    gap: 3.2rem;
    align-items: flex-start;
    padding-top: 3.2rem;
    direction: rtl;
}
.galerija-bottom::-webkit-scrollbar,
.galerija-top::-webkit-scrollbar {
    display: block;
}
/*PROIZVODNJA */
#proizvodnja {
    height: 43.5rem;
    background-image: url('../../images/app/proizvodnja-home-background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.inner-page {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 43.5rem;
}
.inner-page h1 {
    color: var(--white);
    font-size: 7.2rem;
    width: max-content;
    font-family: 'Marcellus', serif;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
}
.inner-page-header .header-logo {
    height: 5rem;
}
.inner-page-header .header-right-inner {
    max-width: 78.5rem !important;
}
.inner-page-header .header-left-inner {
    max-width: 78rem;
}
.inner-page-header .header-inner {
    border-bottom: 1px solid var(--light-grey);
}
.inner-page-header.active .header-inner {
    border-bottom: none;
}
.inner-page-header .header-left,
.inner-page-header .header-right {
    border-bottom: unset
}
.namjestaj-proizvodnja {
    margin-top: 12rem;
}
.namjestaj-proizvodnja-inner {
    display: flex;
    gap: 12rem;
}
#dnevna-soba h1 {
    display: none;
}
.proizvodnja-namjestaj-img {
    border-radius: 1.6rem;
    overflow: hidden;
}
.proizvodnja-namjestaj-img img {
    width: 100%;
    object-fit: cover;
}
.proizvodnja-namjestaj-tekst,
.inner-page-tekst {
    color: var(--white);
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-family: "Mulish",
        serif;
    font-weight: 400;
    position: relative;
}
.img-container {
    border-radius: 1.6rem;
    overflow: hidden;
    position: relative;
}
.img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.plocasti-namjestaj-sadrzaj .proizvodnja-namjestaj-tekst {
    margin-top: 9.7rem;
    margin-bottom: 5.7rem;
}
.tapacirani-namjestaj-sadrzaj h2 {
    margin-top: 9rem;
}
.tapacirani-namjestaj-sadrzaj .proizvodnja-namjestaj-tekst {
    margin-top: 5rem;
}
.namjestaj-po-mjeri {
    margin-top: 15.7rem;
}
.proizvodnja-video {
    border-radius: 1.6rem;
    position: relative;
    cursor: pointer;
}
.video-play {
    position: absolute;
    height: 5.2rem;
    width: 5.2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    background-color: var(--white);
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.namjestaj-po-mjeri-container {
    display: flex;
    gap: 7.3rem;
}
.namjestaj-po-mjeri h2 {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.4rem;
}
.namjestaj-po-mjeri .absolute-title {
    bottom: -8rem;
    right: -18rem;
}
.kontaktirajte-nas {
    margin-top: 3.3rem;
}
.namjestaj-po-mjeri-tekst-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#prodaja.inner-page {
    background-image: url('../../images/app/prodaja-home-background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 43.5rem;
}
#salon-namjestaja {
    margin-top: 11.2rem;
}
.salon-namjestaja-inner {
    display: flex;
    justify-content: space-between;
    gap: 5rem;
}
.salon-namjestaja-img {
    border-radius: 1.6rem;
}
.salon-namjestaja-tekst-sadrzaj {
    width: 100%;
    max-width: 70.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.salon-namjestaja-tekst-sadrzaj h2 {
    margin-bottom: 9.7rem;
}
.izbor-namjestaja {
    margin-top: 7rem;
    background-image: url('../../images/app/Prodaja/layer.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.izbor-namjestaja-inner {
    display: flex;
    justify-content: space-around;
}
.izbor-namjestaja-inner a {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.izbor-namjestaja-inner p {
    color: white;
    font-family: "Mulish",
        serif;
    font-weight: 600;
    font-size: 1.8rem;
    text-align: center;
}
.icon-container {
    display: flex;
    align-items: flex-end;
    position: relative;
    width: 100px;
    height: 100px;
    transition: 0.3s ease-in-out;
}
.icon-container::after {
    transition: 0.3s ease;
}
.icon-container img {
    object-fit: scale-down;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.icon-container::after {
    content: "";
    display: block;
    border-radius: 50%;
    background-color: #341E00;
    width: 8rem;
    height: 8rem;
    position: absolute;
    left: -31%;
    top: 0px;
    z-index: 1;
    bottom: -50%;
    bottom: 0;
}
.izbor-namjestaja-inner a:hover .icon-container::after {
    content: "";
    display: block;
    border-radius: 50%;
    background-color: #341E00;
    width: 130px;
    height: 130px;
    position: absolute;
    left: -16%;
    top: -13px;
    z-index: 1;
    bottom: -50%;
    bottom: 0;
}
#usluge-prodaja {
    margin-top: 14.2rem;
}
#usluge-prodaja h2 {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}
.usluge-prodaja-inner-container {
    display: flex;
    justify-content: space-between;
    margin-top: 9.8rem;
    gap: 8rem;
}
.usluge {
    display: flex;
    flex-direction: column;
    gap: 2.7rem;
    width: 100%;
    max-width: 82.5rem;
}
.usluga-single {
    background-color: #231F20;
    border-radius: 1.6rem;
    width: 100%;
    flex: 1;
    padding: 5.8rem 7.3rem 3.4rem 7.3rem;
    position: relative;
}
.usluga-single > * {
    color: var(--white);
}
.usluga-single p {
    font-size: 3.2rem;
    font-family: 'Marcellus', serif;
    line-height: normal;
}
.usluga-single p span {
    font-size: 1.6rem;
    font-family: "Mulish",
        serif;
}
.usluga-single ul {
    display: flex;
    gap: 3.4rem;
    margin-top: 2rem;
}
.usluga-single ul li {
    font-size: 1.6rem;
}
.usluga-single::before {
    content: "";
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    background-color: var(--gold);
    position: absolute;
    left: -28px;
    top: 50%;
    transform: translateY(-50%);
}
.usluga-single.dostava::before {
    background-image: url('../../images/app/Prodaja/kamion.png');
    background-position: center;
    background-repeat: no-repeat;
}
.usluga-single.montaza::before {
    background-image: url('../../images/app/Prodaja/montaza.png');
    background-position: center;
    background-repeat: no-repeat;
}
.usluga-single.vrsta-placanja::before {
    background-image: url('../../images/app/Prodaja/novcanik.png');
    background-position: center;
    background-repeat: no-repeat;
}
#o-nama.inner-page {
    background-image: url('../../images/app/o-nama-home-background.png');
    height: 43.5rem;
}
#nas-tim {
    margin-top: 11.2rem;
    position: relative;
}
.nas-tim-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem
}
.nas-tim-sadrzaj {
    width: 100%;
    max-width: 70.5rem;
}
#nas-tim h2 {
    margin-bottom: 10rem;
}
#nas-tim .pozadina {
    position: absolute;
    left: 12%;
    bottom: -14%;
}
.karakteristike-firme {
    margin-top: 13.6rem;
    height: 26.6rem;
    background-image: url('../../images/app/karakteristike-firme-pozadina.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    border: 1px solid var(--white);
    border-bottom: none;
    position: relative;
}
.karakteristike-firme p {
    font-family: 'Marcellus', serif;
    font-size: 2.4rem;
    color: var(--white);
    font-weight: 400;
    text-align: center
}
.karakteristike-firme .broj {
    font-size: 5rem;
    line-height: 1;
}
.karakteristike-firme > div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.karakteristike-firme > div:not(:last-child) {
    border-right: 1px solid var(--white);
}
#nas-tim .absolute-title {
    bottom: -6rem;
    right: 13rem;
}
#kontakt.inner-page {
    background-image: url('../../images/app/kontakt-home-background.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#kontakt-forma {
    margin-top: 9.3rem;
}
.kontakt-forma-inner {
    width: 100%;
    max-width: 105rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.kontakt-forma-inner-text p {
    text-align: center;
    color: var(--white);
    font-size: 1.6rem;
    max-width: 61rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.5rem;
}
.forma-container {
    width: 100%;
    max-width: 105rem;
    margin-left: auto;
    margin-top: 5.2rem;
    background-color: #231F20;
    border-radius: 1.6rem;
    padding: 5.7rem 9.1rem;
}
input {
    height: 5.8rem;
    border-radius: 5.7rem;
    border: 1px solid #5E5E5E;
    background-color: transparent;
    display: block;
    width: 100%;
    padding-left: 3.6rem;
    padding-right: 3.6rem;
    font-family: "Mulish",
        serif;
    color: var(--white);
}
textarea {
    background-color: transparent;
    border: 1px solid #5E5E5E;
    padding-left: 3.6rem;
    padding-right: 3.6rem;
    padding-top: 2.5rem;
    width: 100%;
    height: 19.3rem;
    margin-top: 3rem;
    font-family: "Mulish",
        serif;
    border-radius: 3.2rem;
    color: var(--white);
}
.input-flex {
    display: flex;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
}
.input-flex input {
    flex: 1;
}
form button {
    margin-top: 4.2rem;
    background-color: var(--gold);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-left: auto;
    margin-right: auto;
}
.kontakt-link {
    background-image: url('../../images/app/kontak-link-layer.png');
    background-position: center;
    background-size: cover;
    padding: 4.8rem 0;
    margin-top: 10.9rem;
}
.kontakt-link-inner {
    width: 100%;
    max-width: 119rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
#spavaca-soba h1 {
    display: none;
}
.kontakt-link-inner p {
    color: var(--white);
    font-size: 1.8rem;
    font-family: "Mulish",
        serif;
    font-weight: 600;
    margin-top: 3rem;
    text-align: center;
    margin-bottom: 2.5rem;
    height: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kontakt-link-inner > a,
.kontakt-link-inner > div {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.kontakt-icon-container {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}
.pogledaj-lokaciju a {
    color: var(--gold);
    font-family: "Mulish",
        serif;
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    position: absolute;
    top: 64%;
    left: 49%;
    cursor: pointer;
    transition: 0.3s ease;
}
.pogledaj-lokaciju svg {
    transition: 0.3s ease;
}
#lokacija-mapa {
    position: relative;
}
#lokacija-mapa:hover .pogledaj-lokaciju a {
    text-decoration: underline;
    text-underline-position: below;
}
#lokacija-mapa:hover .pogledaj-lokaciju svg {
    transform: translateX(10px);
}
#lokacija-mapa img {
    width: 100%;
    position: relative;
}
#repromaterijal {
    background-image: url('../../images/app/repromaterijal-inner-background.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#repromaterijal-pregled,
#dnevna-soba-pregled,
#trpezarije-pregled,
#spavaca-soba {
    padding-top: 7rem;
}
#spavaca-soba {
    position: relative;
    margin-bottom: 7rem;
}
.opis-spavaca-soba-left {
    position: absolute;
    right: 70%;
}
.opis-spavaca-soba-left .animation-line-circle {
    position: absolute;
    bottom: -57px;
    left: 50%;
}
.opis-spavaca-soba-middle .animation-line-circle {
    right: 50%;
    top: 134px;
}
.opis-spavaca-soba-right {
    right: 5%;
    top: 56%;
}
.opis-spavaca-soba-right .animation-line-circle {
    top: -55px;
    right: 50%;
}
.spavaca-soba-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
[data-tab-button] {
    color: #737373;
    font-size: 2.6rem;
    font-family: 'Marcellus', serif;
    cursor: pointer;
    transition: 0.5s ease;
}
[data-tab-button]:hover {
    text-decoration: underline;
}
[data-tab-button].active {
    color: var(--white);
}
[data-tab-button].active [data-submenu-content]{
    display: flex;
}
.data-button-opcije {
    display: flex;
    gap: 10.6rem;
    justify-content: center;
}
.tkanina-naziv {
    color: var(--white);
    font-size: 2.6rem;
    margin-top: 2.7rem;
}
.proizvodi-container-flex[data-submenu-content]{
    display: none;
}
.proizvodi-container-flex[data-submenu-content].active{
    display: flex;
}
 .proizvodi-container-flex {
    max-width: 134rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6rem;
    gap: 8rem;
    display: flex;
    flex-wrap: wrap;
}
.tkanina-za-tapaciranje-sadrzaj .tkanina {
    width: 15rem;
}
.djecije-sobe-galerija{
    margin-top: 8rem;
}
.djecije-sobe-galerija-slike {
    justify-content: center;
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}
.djecije-sobe-galerija-slike div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dnevna-soba-sadrzaj [data-tab-content="3"]{
    display: none !important;
}
.dnevna-soba-sadrzaj [data-tab-content="3"].active{
    display: flex !important;
}
.nogice-ruckice,
.repromaterijal-ostalo ,.repromaterijal-proizvodi-container{
    max-width:149.2rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 2.5rem;
    flex-wrap: wrap;
}
.nogice-ruckice-single,
.repromaterijal-ostalo-single {
    border-radius: 1.5rem;
    width: 27.3rem;
    padding: 1.5rem;
    border: 1px solid var(--grey);
}
.nogice-ruckice-naziv {
    background-color: #1D1C1C;
    border-radius: 1rem;
    padding: 1rem;
}
.nogice-ruckice-naziv p {
    color: var(--white);
    width: 80%;
    font-size: 2.6rem;
    font-family: 'Marcellus', serif;
}
.nogice-ruckice-img {
    height: 23rem;
}
.nogice-ruckice-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
[data-tab-content] {
    display: none !important;
    margin-top: 6rem;
    justify-content: center;
}
[data-tab-content].active {
    display: flex !important;
    flex-direction: column;
}
#dnevna-soba {
    position: relative;
}
#dnevna-soba .background {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.proizvod {
    max-width: 40.6rem;
    border-radius: 1.5rem;
    border: 1px solid var(--grey);
    padding: 1.5rem;
    width: 100%;
}
.proizvod-img {
    width: 100%;
    height: 25.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.proizvod-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.proizvod-info {
    background-color: #1D1C1C;
    border-radius: 1rem;
    padding: 2.3rem;
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}
.proizvod-namjestaj-inner .container{
    max-width: 150rem;
}
.proizvod-namjestaj-inner{
    margin-top: 16.5rem;
    position: relative;
}
.proizvod-namjestaj-inner .absolute-lines{
    position: absolute;
    z-index: -1;
    width: 43%;
}
.swiper-slide {
    height: fit-content;
    overflow: hidden;
}
.swiper-wrapper{
    height: fit-content;
}
.proizvod-naziv p {
    font-size: 3rem;
    color: var(--white);
    margin-top: 5px;
}
.proizvod-naziv span {
    font-size: 1.6rem;
    font-family: "Mulish", serif;
    color: #A9A9A9;
    text-transform: uppercase;
    font-weight: 400;
}
.proizvod-info .link {
    background-color: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
}
.product-slider .swiper-slide{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4.5rem;
}
.product-slider{
    width: 100%;
}
.product-pagination .swiper-pagination-bullet{
    width: 1.4rem!important;
    height: 1.4rem!important;
    background-color: transparent;
    border: 1px solid var(--white);
    opacity: 1;
}
.product-pagination .swiper-pagination-bullet-active{
    background-color: var(--gold);
    border: none;
}
.product-button-next, .product-button-prev{
    cursor: pointer;
}
.product-arrow-pagination{
    margin: 0 auto;
    margin-top: 8rem;
    display: flex;
    align-items: center;
    gap: 4rem;
}

.product-slider2 .swiper-slide{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4.5rem;
}
.product-slider2{
    width: 100%;
}
.product-pagination2 .swiper-pagination-bullet{
    width: 1.4rem!important;
    height: 1.4rem!important;
    background-color: transparent;
    border: 1px solid var(--white);
    opacity: 1;
}
.product-pagination2 .swiper-pagination-bullet-active{
    background-color: var(--gold);
    border: none;
}
.product-button-next2, .product-button-prev2{
    cursor: pointer;
}
.product-arrow-pagination2{
    margin: 0 auto;
    margin-top: 8rem;
    display: flex;
    align-items: center;
    gap: 4rem;
}

.product-slider3 .swiper-slide{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4.5rem;
}
.product-slider3{
    width: 100%;
}
.product-pagination3 .swiper-pagination-bullet{
    width: 1.4rem!important;
    height: 1.4rem!important;
    background-color: transparent;
    border: 1px solid var(--white);
    opacity: 1;
}
.product-pagination3 .swiper-pagination-bullet-active{
    background-color: var(--gold);
    border: none;
}
.product-button-next3, .product-button-prev3{
    cursor: pointer;
}
.product-arrow-pagination3{
    margin: 0 auto;
    margin-top: 8rem;
    display: flex;
    align-items: center;
    gap: 4rem;
}

.product-slider4 .swiper-slide{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4.5rem;
}
.product-slider4{
    width: 100%;
}
.product-pagination4 .swiper-pagination-bullet{
    width: 1.4rem!important;
    height: 1.4rem!important;
    background-color: transparent;
    border: 1px solid var(--white);
    opacity: 1;
}
.product-pagination4 .swiper-pagination-bullet-active{
    background-color: var(--gold);
    border: none;
}
.product-button-next4, .product-button-prev4{
    cursor: pointer;
}
.product-arrow-pagination4{
    margin: 0 auto;
    margin-top: 8rem;
    display: flex;
    align-items: center;
    gap: 4rem;
}

.product-slider5 .swiper-slide{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4.5rem;
}
.product-slider5{
    width: 100%;
}
.product-pagination5 .swiper-pagination-bullet{
    width: 1.4rem!important;
    height: 1.4rem!important;
    background-color: transparent;
    border: 1px solid var(--white);
    opacity: 1;
}
.product-pagination5 .swiper-pagination-bullet-active{
    background-color: var(--gold);
    border: none;
}
.product-button-next5, .product-button-prev5{
    cursor: pointer;
}
.product-arrow-pagination5{
    margin: 0 auto;
    margin-top: 8rem;
    display: flex;
    align-items: center;
    gap: 4rem;
}

.product-slider6 .swiper-slide{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4.5rem;
}
.product-slider6{
    width: 100%;
}
.product-pagination6 .swiper-pagination-bullet{
    width: 1.4rem!important;
    height: 1.4rem!important;
    background-color: transparent;
    border: 1px solid var(--white);
    opacity: 1;
}
.product-pagination6 .swiper-pagination-bullet-active{
    background-color: var(--gold);
    border: none;
}
.product-button-next6, .product-button-prev6{
    cursor: pointer;
}
.product-arrow-pagination6{
    margin: 0 auto;
    margin-top: 8rem;
    display: flex;
    align-items: center;
    gap: 4rem;
}

.product-slider.five .swiper-slide, .product-slider2.five .swiper-slide, .product-slider3.five .swiper-slide, .product-slider4.five .swiper-slide, .product-slider5.five .swiper-slide, .product-slider6.five .swiper-slide{
    grid-template-columns: repeat(6,1fr);
    gap: 2.5rem;
}

.product-slider7 .swiper-slide{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 2.5rem;
}
.product-slider7{
    width: 100%;
}
.product-pagination7 .swiper-pagination-bullet{
    width: 1.4rem!important;
    height: 1.4rem!important;
    background-color: transparent;
    border: 1px solid var(--white);
    opacity: 1;
}
.product-pagination7 .swiper-pagination-bullet-active{
    background-color: var(--gold);
    border: none;
}
.product-button-next7, .product-button-prev7{
    cursor: pointer;
}
.product-arrow-pagination7{
    margin: 0 auto;
    margin-top: 8rem;
    display: flex;
    align-items: center;
    gap: 4rem;
}

.product-slider8 .swiper-slide{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 2.5rem;
}
.product-slider8{
    width: 100%;
}
.product-pagination8 .swiper-pagination-bullet{
    width: 1.4rem!important;
    height: 1.4rem!important;
    background-color: transparent;
    border: 1px solid var(--white);
    opacity: 1;
}
.product-pagination8 .swiper-pagination-bullet-active{
    background-color: var(--gold);
    border: none;
}
.product-button-next8, .product-button-prev2{
    cursor: pointer;
}
.product-arrow-pagination8{
    margin: 0 auto;
    margin-top: 8rem;
    display: flex;
    align-items: center;
    gap: 4rem;
}


#dnevna-soba-pregled .container,
#kuhinje-pregled .container,
#trpezarije-pregled .container,
.spavaca-soba-pregled .container {
    max-width: 180rem;
}
.proizvod-inner {
    display: flex;
    justify-content: space-between;
    gap: 5rem;
}
.proizvod-inner-img {
    width: 100%;
    max-width: 55rem;
    max-height: 30rem;
}
.animation-path {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
}
.proizvod-inner-img img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}
.proizvod-inner-detalji {
    width: 100%;
    max-width: 71.9rem;
}
.track {
    font-size: 1.6rem;
    color: #A9A9A9;
    margin-bottom: 5.1rem;
    margin-left: auto;
    width: 100%;
    max-width: 71.9rem;
}
.track p {
    text-align: left;
}
.ime-proizvoda {
    color: var(--white);
    font-size: 4.6rem;
    margin-bottom: 4.5rem;
    font-family: 'Marcellus', serif;
}
.proizvod-inner-tabs {
    display: flex;
    gap: 1.6rem;
}
.proizvod-inner-tabs div {
    font-family: "Mulish",
        serif;
    font-size: 1.6rem;
    min-width: 11rem;
    height: 3.6rem;
    padding: 0rem 1rem;
    border-radius: 1.6rem;
    background-color: #1D1C1C;
    display: flex;
    align-items: center;
    justify-content: center;
}
.proizvod-inner-tabs div.active {
    border: 1px solid var(--gold);
}
.proizvod-opis p,
.proizvod-detalji p {
    color: var(--white);
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-family: "Mulish",
        serif;
}
.proizvod-inner [data-tab-content] {
    justify-content: flex-start;
}
.povezani-proizvodi-naslov {
    color: var(--white);
    font-size: 4.6rem;
    line-height: 8rem;
    margin-top: 9rem;
    margin-bottom: 3.5rem;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
}
#kuhinje {
    background-image: url('../../images/app/kuhinje-home-background.png');
    background-position: center;
    background-size: cover;
    position: relative;
}
#kuhinje h1 {
    display: none;
}
#kuhinje .background {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#trpezarije {
    position: relative;
}
#trpezarije h1 {
    display: none;
}
#trpezarije .background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.opis-trpezarija-left {
    left: 18%;
    top: 50%;
}
.opis-trpezarija-left .animation-line-circle {
    left: 50%;
    top: 100%;
}
.opis-trpezarija-middle {
    left: 45%;
}
.opis-trpezarija-middle .animation-line-circle {
    right: 50%;
    top: 100%;
}
.opis-trpezarija-right .animation-line-circle {
    bottom: 100%;
    right: 50%;
}
.opis-trpezarija-right {
    right: 10%;
    top: 44%;
}
.djecija-soba-tekst {
    color: var(--white);
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 81.7rem;
    text-align: center;
}
.opis p {
    font-size: 2.6rem;
    font-family: 'Marcellus', serif;
    line-height: 3.2rem;
    color: white;
    position: relative;
    z-index: 5;
}
.opis-animation {
    border-radius: 1.2rem;
    position: absolute;
    backdrop-filter: blur(15px);
    width: 23rem;
    padding: 3.9rem 2.3rem;
}
.opis-animation .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.opis-animation p {
    color: white;
    position: relative;
    z-index: 5;
}
.animation-line-circle {
    position: absolute;
}
.opis-dnevna-soba-left {
    left: 250px;
}
.opis-dnevna-soba-left .animation-line-circle {
    position: absolute;
    bottom: -60px;
    right: 50%;
}
.opis-dnevna-soba-middle {
    left: 30%;
    transform: translateY(33px);
}
.opis-dnevna-soba-middle .animation-line-circle {
    top: -36%;
    right: 50%;
}
.opis-dnevna-soba-right {
    right: 280px;
}
.opis-dnevna-soba-right .animation-line-circle {
    left: 50%;
    bottom: -58px;
}
.tkanine-za-tapaciranje-container svg{
    cursor: pointer;
}
.tkanina-za-tapaciranje-submenu {
    z-index: 3;
    background-color: #101010;
    width: 100%;
    border: 1px solid #5E5E5E;
    padding: 3.5rem;
    position: absolute;
    top: 100%;
    min-width: 30rem;
    border-radius: 1.2rem;
    flex-direction: column;
    gap: 1.5rem;
    display: none;
}
.tkanine-za-tapaciranje-container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}
/* .tkanine-za-tapaciranje-container:hover .tkanina-za-tapaciranje-submenu {
    display: flex;
} */
.tkanine-za-tapaciranje-container:hover [data-tab-button="1"]{
    text-decoration: none !important;
}
.tkanina-za-tapaciranje-submenu li {
    color: white;
    font-family: 'Marcellus', serif;
    font-size: 2.6rem;
    font-weight: 400;
    transition: 0.3s ease;
    cursor: pointer;
}
.tkanina-za-tapaciranje-submenu li:hover {
    color: var(--gold);
}
.opis-kuhinja-left {
    left: 10%;
}
.opis-kuhinja-left .animation-line-circle {
    top: 103px;
}
.opis-kuhinja-middle {
    top: 59%;
}
.opis-kuhinja-middle .animation-line-circle {
    top: -54px;
    right: 50%;
}
.opis-kuhinja-right {
    top: 46%;
    right: 16%;
}
.opis-kuhinja-right .animation-line-circle {
    top: -5.5rem;
    right: 50%;
}
.custom-pagination{
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    margin-top: 8rem;
}
.pagination-dot{
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    border: 1px solid var(--white);
}
.pagination-bullets{
    display: flex;
    gap: 1.5rem;
}
.current-page .pagination-dot{
    background-color: var(--gold);
    border: none;
}
.language-container-active{
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-size: 1.6rem;
}
.language-button-flex{
    display: flex;
    align-items: center;
    gap: 2rem;
}
.language-dropdown{
    display: none;
    position: absolute;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}
.language-container-active{
    cursor: pointer;
}
.language-dropdown.active{
    display: flex;
}
.language-dropdown > a{
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-size: 1.6rem;
}


@media (max-width: 1783px) {
    .komoda-absolute {
        display: none;
    }
    .garnitura-absolute {
        right: 10px;
    }
    .zuta-fotelja-absolute {
        left: 25px;
    }
    .stolic-absolute {
        left: 33rem;
    }
}
@media (max-width: 1540px) {
    .opis-dnevna-soba-left {
        left: 40px;
    }
    .opis-dnevna-soba-right {
        right: 90px;
    }
}
@media (max-width: 1507px) {
    .garnitura-absolute {
        right: -39%;
    }
    .garnitura-absolute .absolute-link {
        right: unset;
        left: 160px;
    }
}
@media (max-width: 1450px) {
    .usluge-cards {
        gap: 9.2rem;
    }
    .absolute-namjestaj {
        width: 300px;
    }
    .usluge-cards .card p {
        font-size: 3.8rem;
    }
    .proizvodnja-video {
        width: 50%;
        flex-shrink: 0;
        overflow: hidden;
    }
    .proizvodnja-video video,
    .proizvodnja-video img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media (max-width: 1250px) {
    .o-nama-inner {
        flex-direction: column;
    }
    .online-uzivo-inner {
        padding-left: unset;
    }
    .o-nama-photo {
        margin-left: auto;
        transform: translateX(99px);
        max-width: 81.8rem;
    }
    .o-nama-content {
        max-width: unset;
    }
    .o-nama-inner h2 {
        max-width: fit-content;
    }
    .absolute-photo-container {
        width: 43rem;
        position: absolute;
        top: 35%;
        left: -40%;
    }
    #galerija h2 {
        margin-left: unset;
    }
}
@media (max-width: 1140px) {
   
    #online-uzivo .absolute-title {
        bottom: -3rem;
        right: -2rem;
    }
    .garnitura-absolute {
        right: -47%;
    }
 
    .garnitura-absolute .absolute-link {
        top: 32%;
        left: 91px;
    }
    .usluge-cards .card {
        width: 40rem;
        height: 37.5rem;
        flex: unset;
    }
    .usluge-cards {
        flex-wrap: wrap;
        height: unset;
        justify-content: center;
    }
    .card.prodaja-card .overlay-container .absolute-namjestaj {
        left: 0;
        width: 246px;
        bottom: 27px;
    }
    .card.proizvodnja-card .overlay-container .absolute-namjestaj {
        bottom: 2.8rem;
    }
    .usluga-prodaja .container {
        padding-top: 5rem;
        padding-bottom: 5rem;
        row-gap: 4rem;
        display: flex;
        flex-direction: column;
    }
    .prodaja-naziv p {
        font-size: 3.7rem;
    }
}
@media (max-width: 860px) {
    #zanimljivosti{
        margin-top: 7.4rem !important;
    }
    .zanimljivosti-vijesti{
        margin-top: 8rem;
    }
    .proizvod-inner-img{
        height: 13rem;
    }
    .galerija-inner {
        flex-direction: column;
        gap: 2rem;
        align-items: flex-start;
    }
    .proizvod-inner{
        flex-direction: column-reverse;
    }
    #o-nama {
        padding-top: unset;
    }
    #usluge {
        margin-top: 11rem;
    }
}
@media (max-width: 1200px) {
    .header-links {
        gap: 2rem;
    }
    #zanimljivosti .see-more {
        display: none;
    }
    #online-uzivo .transparent-link {
        display: none;
    }
    .salon-namjestaja-inner {
        flex-direction: column;
    }
    .salon-namjestaja-img {
        height: 50rem;
    }
    .izbor-namjestaja-inner a {
        width: 20rem;
        align-items: center;
    }
    .izbor-namjestaja-inner {
        flex-wrap: wrap;
        row-gap: 5rem;
        justify-content: center;
    }
    .nas-tim-inner {
        flex-direction: column-reverse;
        align-items: unset;
    }
}
@media (max-width: 1150px) {
    .usluge-prodaja-inner-container .img-container {
        height: 45rem;
    }
    .usluge-prodaja-inner-container {
        flex-direction: column;
    }
    .usluge {
        width: 95%;
        margin-left: auto;
    }
    .usluge {
       
        margin-left: 30px;
        width: unset;
        max-width: unset;
    }
}
@media (max-width: 1071px) {
    .namjestaj-submenu {
        transform:translateX(0);
        position: static;
        display: none !important;
        flex-direction: column;
        height: unset !important;
        gap: unset !important;
        margin-top: 2rem;
    }
    .namjestaj-submenu li {
        line-height: 1;
    }
    .namjestaj-item:hover .namjestaj-submenu {
        display: flex !important;
    }
    .namjestaj-item .namjestaj-submenu li img {
        display: none !important;
    }
    .namjestaj-po-mjeri-container {
        flex-direction: column;
    }
    .footer-inner {
        flex-direction: column;
    }
    .proizvodnja-video {
        height: 450px;
        width: 100%;
    }
    .namjestaj-proizvodnja-inner {
        flex-direction: column;
        gap: 0;
    }
    .plocasti-namjestaj-sadrzaj h2 {
        width: min-content;
    }
    .namjestaj-po-mjeri h2 {
        margin-left: unset;
        margin-right: unset;
        width: unset;
        margin-bottom: 10rem;
    }
    .plocasti-namjestaj-sadrzaj h2 span {
        position: absolute;
        color: var(--dark-grey);
        font-size: 10rem;
        font-family: 'Soul';
        width: max-content;
        bottom: -7rem;
        z-index: 1;
        right: -18%;
    }
    section h2 .absolute-title {
        bottom: -3rem;
    }
    .namjestaj-po-mjeri .absolute-title {
        right: -10%;
    }
    .tapacirani-namjestaj-sadrzaj {
        display: flex;
        flex-direction: column-reverse;
        gap: 5.7rem;
    }
    .header-inner {
        position: absolute;
        background: #101010;
        justify-content: unset;
        flex-direction: column;
        top: 0;
        height: 100vh;
        width: 100%;
        padding-top: 12.2rem;
        gap: 2rem;
        transition: 0.5s ease;
        transform: translateX(100%);
    }
    .header-inner.open {
        transform: translate(0);
    }
    .header-logo {
        display: none;
    }
    .header-left,
    .header-right {
        border-bottom: unset;
        padding-bottom: unset;
    }
    .header-left-inner {
        margin-left: unset;
        flex-direction: column;
        height: unset;
        align-items: unset;
        max-width: unset;
    }
    .header-right-inner {
        flex-direction: column;
        max-width: unset;
        align-items: unset;
    }
    .header-right-inner .header-links,
    .header-left-inner .header-links {
        flex-direction: column;
    }
    .header-right-inner .header-links {
        padding-left: unset;
    }
    .header-right-inner {
        padding-left: 2rem;
    }
    .header-socials {
        display: none;
    }
    .header-socials.header-socials-mobile {
        display: flex;
        justify-content: center;
    }
    .header-contact {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 9.2rem;
        margin-left: auto;
        margin-right: auto;
    }
    .usluge-submenu {
        background-color: transparent;
        position: static;
    }
    .zatvori-meni {
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
    }
    .header-mobile {
        display: block;
    }
    .header-mobile-logo {
        width: 8.2rem;
        height: 3.7rem;
    }
    .header-mobile-logo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: relative;
        z-index: 5;
    }
    .header-mobile-inner {
        display: flex;
        justify-content: space-between;
    }
    .otvori-meni {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 960px) {
    
    .vijest-card {
        max-width: unset;
    }
    .garnitura-absolute {
        display: none;
    }
}
@media (max-width: 930px) {
    .opis-animation {
        display: none;
    }
    .spavaca-soba-background {
        filter: brightness(0.5);
    }
    #trpezarije-pregled {
        padding-top: unset;
    }
    #spavaca-soba h1,
    #kuhinje h1,
    #trpezarije h1, #dnevna-soba h1 {
        display: block;
    }
    .kontakt-link-inner {
        flex-wrap: wrap;
        justify-content: center;
    }
    .kontakt-link-inner > a,
    .kontakt-link-inner > div {
        width: 21.5rem;
        flex: unset;
    }
    #lokacija-mapa {
        height: 45rem;
    }
    #lokacija-mapa img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .pogledaj-lokaciju a {
        left: 34%;
    }
}
@media (max-width: 860px) {
    .track p{
        font-size: 1.8rem;
    }
    .prozvodi-container-flex {
        gap: 4rem;
    }
    .tkanina-za-tapaciranje-submenu li {
        font-size: 2.2rem;
    }
    .input-flex {
        flex-direction: column;
    }
    .input-flex input {
        flex: unset;
        height: 51px;
    }
    .forma-container {
        padding: 5.7rem 2.1rem;
    }
    .lampe-absolute {
        left: 1.6rem;
    }
    .namjestaj-po-mjeri h2 {
        margin-bottom: 7rem;
        width: fit-content;
    }
    .namjestaj-po-mjeri .absolute-title {
        bottom: -3rem;
    }
    .plocasti-namjestaj-sadrzaj h2 {
        width: fit-content;
    }
    .plocasti-namjestaj-sadrzaj .absolute-title {
        bottom: -4rem;
        right: -10%;
    }
    [data-tab-button],
    .tkanina-naziv {
        font-size: 2.2rem;
    }
    .data-button-opcije {
        gap: 3.5rem;
    }
    .proizvod {
        width: 100%;
    }
    .namjestaj-po-mjeri {
        margin-top: 6.7rem;
    }
    #o-nama,
    #zanimljivosti,
    #nas-tim,
    .namjestaj-proizvodnja,
    #usluge-prodaja,
    #salon-namjestaja {
        margin-top: 4.4rem;
    }
    .usluge-prodaja-inner-container {
        gap: 4rem;
    }
    .usluge-prodaja-inner-container {
        margin-top: 7.8rem;
    }
    .usluga-single {
        padding: 3.8rem 2.3rem 3.4rem 5.3rem;
    }
    .usluga-single ul {
        gap: 1.4rem;
    }
    .usluga-single p {
        font-size: 2.6rem;
    }
    #vijesti-container {
        padding-top: 7rem;
        gap: 6rem;
    }
    .vijest-card .slide-text {
        margin-top: 3rem;
    }
}
@media (max-width: 850px) {
    .povezani-proizvodi-naslov{
        font-size: 3.6rem !important;
        width: unset;
    }
    .ime-proizvoda{
        font-size: 3.6rem !important;
    }
}
@media (max-width: 800px) {
    
    .proizvod-namjestaj-inner{
        margin-top: 12.5rem;
    }

    #home {
        height: unset;
    }
    #online-uzivo {
        margin-top: 8rem
    }
    .usluga-prodaja {
        margin-top: 8.8rem;
    }
    .copyright {
        width: unset;
        text-align: center;
    }
    #o-nama .absolute-photo-container {
        height: 165rem;
    }
    #o-nama .absolute-photo-container .relative-fotelja {
              position: relative;
        left: 16rem;
        bottom: -10px;
        height: 29rem;
    }
    #o-nama .absolute-photo-container .gold-lines {
        height: 21rem;
        left: 16rem;
        bottom: unset;
    }
    .o-nama-photo .sofa-img {
        object-fit: cover;
    }
    .o-nama-photo {
        max-width: unset;
        height: 241px;
        transform: translateX(138px);
    }
    #o-nama .absolute-photo-container .relative-fotelja {
        position: relative;
        left: 16rem;
        bottom: -10px;
        height: 29rem;
    }
}
@media (max-width: 700px) {
    .data-button-opcije {
        flex-direction: column;
        gap: 1.5rem;
    }
}
@media (max-width: 600px) {
    #usluge-prodaja h2{
        width: unset;
    }
    #usluge-prodaja .absolute-title{
        right: 17rem;
    }
    .proizvod{
        max-width: unset;
    }
    .zuta-fotelja-absolute {
        left: -30px;
    }
    .usluga-single ul {
        flex-wrap: wrap;
    }
    .usluga-single ul li {
        flex: unset;
    }
    .stolic-absolute {
        left: 27rem;
    }
    .o-nama-photo .sofa-img {
        width: 100%;
        object-fit: contain;
    }
    #o-nama .absolute-photo-container {
        height: unset;
    }
    #o-nama .absolute-photo-container .relative-fotelja {
        left: unset;
        right: -6px;
        height: 16rem;
    }
    #o-nama .absolute-photo-container .gold-lines {
        height: 17rem;
        left: unset;
        right: 66%;
        bottom: 26px;
    }
}
@media (max-width: 500px) {	.proizvod-detalji img{		width: 100%;	}
    .izbor-namjestaja-inner a {
        width: 16rem;
    }
    .vijest-card {
        width: 100%;
        max-width: 50.5rem;
        flex: unset;
        min-width: unset;
    }
    .product-slider .swiper-slide, .product-slider2 .swiper-slide, .product-slider3 .swiper-slide, .product-slider4 .swiper-slide, .product-slider5 .swiper-slide, .product-slider6 .swiper-slide, .product-slider7 .swiper-slide, .product-slider8 .swiper-slide{
        grid-template-columns: repeat(1, 1fr);
        gap: 0rem;
    }
    .product-pagination, .product-pagination2, .product-pagination3, .product-pagination4, .product-pagination5, .product-pagination6, .product-pagination7, .product-pagination8{
        display: none;
    }
    .product-arrow-pagination{
        margin-top: 3rem;
    }
    .proizvod-info{
        min-height: 12.5rem;
    }
    .mobile-language-flex{
        display: flex;
        align-items: center;
        gap: 2rem;
    }
    .language-container{
        transform: translateY(-2px);
    }
  
    .language-button-flex .language-container{
        display: none;
    }
    header, header.active{
        z-index: 999;
    }
    .repromaterijal-ostalo ,.repromaterijal-proizvodi-container{
        width: 100%;
    }
    .proizvodi-container-flex{
        width: 100%;
    }
    .product-slider.five .swiper-slide, .product-slider2.five .swiper-slide, .product-slider3.five .swiper-slide, .product-slider4.five .swiper-slide, .product-slider5.five .swiper-slide, .product-slider6.five .swiper-slide {
        grid-template-columns: repeat(1, 1fr);
        gap: 0rem;
    }
    .tkanina-za-tapaciranje-sadrzaj .tkanina {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .nogice-ruckice-single, .repromaterijal-ostalo-single{
        margin: 0 auto;
    }
    .zuta-fotelja-absolute .absolute-link{
        display: none;
    }
    .prodaja-naziv, .prodaja-naziv.kuhinja{
        justify-content: space-between!important;
    }
}

/*   
    font-family: 'Marcellus',serif;
         font-family: "Mulish",
         serif;
*/