:root {
    --background: #f1f0f1;
;
    --light-grey: #ccc;
    --grey: #666;
    --dark-grey: #333;
    --input-grey: #e4e2e5;
;
}


body {
  margin: 0;
  padding: 0;
  font-family: sans-serif, Arial;
  font-size: 14px;
  font-weight: 300;
  background: var(--background);
  line-height: 1.4;
}

p, h4 {
    line-height: 1.7;
}

a {
/*  color: #609bbf;*/
  color: #000;
  text-decoration: none;
}
a:hover {
/*  opacity: .8;*/
  text-decoration: underline;
}
a:visited {
  color: inherit;
}

.user-selection a {
    font-weight: 500;
}

.wrapper {
    padding-top: 90px;
}

.content {
  min-height: 100vh;
  /*background: #efefef;*/
  /*padding-top: 6em;*/
  width: 1200px;
  max-width: 100%;
  margin: auto;
  color:  black;
  padding-bottom: 5em;
  /*padding-top: 5em;*/
}

.content.home {
  padding-top: 1em;
}

.content.home h1{
  color: #000;
  font-size: 3em;
  text-align: center;
}

.page-content {
  width: 80%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  padding-bottom:  3em;
}

.page-content {
    padding-left: 3em;
}

#sidebar-2-categories-title {
    text-align: left;
    font-weight: bold;
}



.page-content img {
  max-width: 100%;
  display: block;
}

.page-sidebar {
  width: 19%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  /*background-color: gray;*/
  padding-left: .5em;
}

.post h2 {
  color: black;
}
.post h2:hover {
  color: #609bbf;
}

.sidebar a {
  text-decoration: none;
}
.sidebar a:hover {
  text-decoration: underline;
}

.page-title {
  text-align: left;
  font-size: 2em;
}

.page-content h1 {
    font-size: 2em;
}
/*.content h2 {
  text-align: center;
  font-size: 2em;
}*/


.banner-item-desktop {
  width: 100%;
}
.banner-item-desktop img{
  width: 100%;
}

.carousel {
    width: 1200px;
    max-width: 100%;
    margin: auto;
    border-radius: .3em;
    /*overflow: hidden;*/
    margin-top: 4em;
}

.carousel-mobile {
    width: 100%;
}
.carousel-desktop {
    width: 100%;
}
.slick-slide img {
    width: 100%;
}

#footer {
  text-align:  center;
  font-size: .8em;
  background-color: #609bbf;
  color:  white;
  overflow: hidden;
  padding: 1em;
}

.posts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.page-news .posts {
    grid-template-columns: repeat(2, 1fr);
    gap: .5em;
}

.posts .post img{
  display: block;
  max-width: 100%;
}

.posts .post-category-name {
  position: absolute;
  display: inline-block;
  padding: .3em .5em;
  font-size: .6em;
  background: green;
  color:  white;
  display: none;

}

.sidebar h2 {
  font-size: 1.2em;
  color:  black;
  text-align: center;
  font-weight: normal;
  padding: .2em;
}

/*.sidebar h2:first-child {
  margin-top: 0;
}*/

.sidebar {
  /*font-size: .8em;*/
  color: #333;
  padding-bottom: 3em;
}

.sidebar a {
  color: gray;
}

.sidebar a:hover {
  color: gray;
}

.sidebar a:visited {
  color: gray;
}

.sidebar img{
  max-width: 100%;
}

.sidebar h3 {
  font-weight: normal;
  margin-bottom: .2em;
  margin-top: .2em;
  color: #444;
}

.sidebar-news h3 {
  font-size: 1.2em;
  text-align: left;
  margin: 0;
}

.sidebar p{
  margin-top: .2em;
  color: #666;
}

.sidebar-news div {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1em;
  padding-bottom: .5em;
}

.sidebar-events div {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1em;
  padding-bottom: .5em;
  
}

.sidebar-news h2 {
  color: white;
  background: #ad7193;
}

.sidebar-events h2 {
  color: white;
  background: #e85e02;
}

.sidebar-links h2 {
  color: white;
  background: #609bbf;
}

/*.form {
  width: 50%;
  margin: auto;
}*/

.form input{
  display: block;
  padding: .5em;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: .3em;
  box-sizing: border-box;
  font-size: 1em;
  margin-bottom: 1em;
}

.form label {
    font-size: .8em;
    font-weight: bold;
}

input{
  display: block;
  padding: .5em;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: .3em;
  box-sizing: border-box;
  font-size: 1em;
  margin-bottom: 1em;
}

label {
    font-size: .8em;
    font-weight: bold;
}

/*.form input[type=submit]{
  display: block;
  padding: .5em 3em;
  width: auto;
  margin: auto;
  margin-top: 1em;
  background-color: #609bbf;
  border: none;
  border-radius: .3em;
  color: white;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
}
.form input[type=submit]:hover{
  opacity: .8;

}*/

.login-error {
  text-align: center;
  background: #99000010;
  border: 1px solid #990000;
  font-size: 1em;
  border-radius: .3em;
  padding: 1em;
}

.login-error-title{
  font-size: 1.8em;
  text-align: center;
}

.login-register {
  text-align: right;
  margin-top: 2em;
}

.form-error {
  color: #990000;
  font-size: .8em;
  margin-top: .5em;
  margin-bottom: .5em;
  font-style: italic;
}

.form-error:before{
  content: "*";
}

.post-read-more {
  display: block;
  text-align: right;
}

/*// SHOP*/

.add-to-cart {
/*    visibility: none;*/
    /*padding: .5em;
    display: block;
    background: white;
    color: black;
    border: 1px solid black;
    width: 100%;
    cursor: pointer;*/
    color: white;
    border: none;
    background: linear-gradient(rgba(190, 80, 233, 1), rgba(163, 75, 197, 1));
    border-radius: 1000px;
    padding: 1em .5em;
    font-size: .8em;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 auto;
    font-family: 'Montserrat';
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
}

.add-to-sold-out {
    color: var(--publik-violet) !important;
    border: 1px solid var(--publik-violet) !important;
    background: transparent !important;
}

.add-to-wishlist {
    visibility: none;
    color: white;
    border: none;
    background: linear-gradient(rgba(190, 80, 233, 1), rgba(163, 75, 197, 1));
    border-radius: 1000px;
    padding: 1em 3em;
    font-size: .8em;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 auto;
    font-family: 'Montserrat';
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
}

.products-product-name {
    color: black;
    font-weight: 400;
    min-height: 2.5em;
}

.product-full-price {
    display: block;
}

.products-product-price {
    color: black;
    font-weight: 200;
    margin: .3em 0;
    font-size: 1.2em;
    text-align: right;
}

.product-gallery-image.selected {
    border: 1px solid gray;
}

/*.products-product-price::after {
    content: 'RSD';
    margin-left: .5em;
    font-size: .8em;
}*/

.add-to-cart:hover {
   /* background: #ccc;
    border-color: #ccc;
    color: white;*/
}

.product .product-image {
    width: 100%;
    
}

.product .product-image img {
    border-radius: .3em;
    overflow: hidden;
    width: 100%;
}

.product .product-images {
    margin-top: 1em;
    margin-bottom: 1em;
}

.product .product-gallery-image {
    width: 7em;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    vertical-align: top;
    display: inline-block;
    /* max-height: 5em; */
    margin: .5em;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: .3em;
    overflow: hidden;
}

.product .product-gallery-image:first-child {
    margin-left: 0;
}

.product .product-gallery-image:hover {
    opacity: .8;
}

.product .product-left {
    /*display: inline-block;
    width: 50%;
    padding: .5em;
    box-sizing: border-box;
    vertical-align: top;*/
}

.product .product-right {
    /*display: inline-block;
    width: 50%;
    padding: .5em;
    box-sizing: border-box;
    vertical-align: top;*/
}

.products-list {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .5em;
}

.products-list li{
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: .5em;
  margin-bottom: 0;
  position: relative;
/*  background: #fffdfb;*/
}

.product-container {
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: .5em;
    margin-bottom: 0;
    position: relative;
}

.product-stickers-container {
    position: absolute;
    right: -.5em;
    top: .5em;
    text-align: right;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: .2em;
    justify-items: end;
    
}

.product-sticker {
    font-size: 10px;
    background: darkred;
    color: white;
    padding: .3em .6em;
    border-radius: .3em;
    /*display: inline-block;
    margin-block: .2em;*/
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 500;
    display: inline-block;
}

.sticker-new {
    background: #565ceb;
}
.sticker-discount {
    background: #fc6955;
}
.sticker-free-shipping {
    background: #47aa58;
}

.sticker-preorder {
    background: #ec820f;
}

.sticker-author {
   background: #ec820f; 
}


/*CART*/

.cart-products-body {
    background: white;
    display: grid;
    grid-template-columns: 10fr 5fr 1fr;
    gap: .5em;
    align-items: center;
    padding: 1em .5em;
    margin-bottom: .5em;
    border-radius: .5em;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);

}

.cart-products-body-title {
    font-weight: bold;
    color: black;
}

.cart-products-body-title span {
    display: block;
    font-size: .8em;
    color: var(--grey);
    font-weight: normal;
    margin-top: .5em;
}

.cart-product-left {
    display: grid;
    grid-template-columns: 1fr 5fr;
    gap: .5em;
    align-items: center;
}

.cart-products-body-title-container {
    display: grid;
    grid-template-columns: 4fr 3fr;
    gap: .5em;
    align-items: center;
    justify-self: start;
    width: 100%;
}

.cart-products-body-stickers > div {
    margin: .2em;
}

.cart-products-body-title a {
    color: black !important;
    font-weight: bold;
}

.cart-products-body-price {
    font-weight: bold;
}

.cart-products-body-total {
    font-weight: bold;
}

.cart-product-full-price {
    font-weight: normal;
}

.cart-products-body-quantity-number {
    text-align: center;
}


.cart-products-body-title-container > :last-child {
    justify-self: center;
}
.cart-product-middle {
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap: .5em;
    align-items: center;
    justify-items: center;
}
.cart-product-right {
    
}

.wishlist-product-middle {

}

.cart-remove-item {
    background: transparent;
    border: 1px solid var(--light-grey);
    border-radius: 1000px;
    text-align: center;
    position: relative;
    width: 3em;
    height: 3em;
    cursor: pointer;
}

.cart-remove-item:hover {
    background: var(--light-grey);
}

.cart-remove-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1em;
}

.cart-address-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
}

.cart-h3 {
    text-align: center;
    font-family: 'Montserrat';
    color: var(--dark-grey);
    font-size: .8em;
    font-weight: 600;
    padding-bottom: .5em;
    border-bottom: 1px solid var(--dark-grey);
    margin-bottom: 3em;
    margin-top: 4em;
}

.cart-phone-number-container {
    display: grid;
    grid-template-columns: 1fr 5fr;
    gap: .3em;
    align-items: center;
}

.cart-dial-code {
    text-align: center;
}

.cart-street-container {
    display: grid;
    grid-template-columns: 5fr 1fr;
    gap: .3em;
    align-items: center;
}



.cart-sum {
    text-align: right;
}
/*.cart-sum {
    display: grid;
    grid-template-columns: 1fr auto;
    text-align: right;
    font-size: .8em;
    align-items: center;
    padding: 1em;
}

.cart-sum div:first-child {
    text-align: left;
}

.cart-sum div:last-child {
    border-left: 1px solid var(--light-grey);
    padding-left: 1em;
    font-size: .8em;
}*/

.cart-sum h3 {
    font-weight: normal;
    margin: 0;
    margin-bottom: .3em;
    /*color: var(--grey);*/
}

.cart-sum p {
    margin: .3em;
}

.cart-sum .cart-top-total {
   font-size: 1.8em;
}

.cart-sum .cart-top-savings {
   color: darkred;
}

/*.cart-sum .cart-top-total {
   font-weight: bold;
   color: black;
}
.cart-sum .cart-top-savings {
   font-weight: bold;
   color: black;
}*/

.add-remove {
    display: inline;
    width: 2em;
    height: 2em;
    text-align: center;
    margin: .5em;
    cursor: pointer;
    color: black;
    background: #ccc;
    border-radius: .2em;
    border: none;
}

.add-remove:hover{
    background: #666;
    color: white;
}


.cart-products-body-image {
    width: 10%;
}
.cart-products-body-image img{
    height: 80px;
}
.cart-products-body-quantity span{
    display: inline-block;
    width: 2em;
}



.cart-product {
    position: relative;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid gray;
    
}

.cart-product button{
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid rgb(190, 190, 190);
    padding: .5em 1em;   
    background: white;
}

.cart-product div{
    padding-top: 1em;
    padding-bottom: 1em;
    vertical-align: middle;
    padding-left: 1em;
}

.cart-product .title{
    position: relative;
    display: inline-block;
    font-weight: bold;
    width: 30%;
    
}

.cart-product .image{
    position: relative;
    display: inline-block;
    font-weight: bold;
    width: 10%;
}

.cart-product .image img{
    height: 60px;
}

.cart-product .quantity{
    position: relative;
    display: inline-block;
    width: 20%;
    text-align: center;
}

.cart-product .quantity span{
    font-size: 1.2em;
    margin-left: .5em;
    margin-right: .5em;
    position: relative;
    display: inline-block;
    width: 3em;
    text-align: center;
}

.cart-product .price{
    position: relative;
    display: inline-block;
    width: 20%;
    text-align: right;
}

.cart-product .trash{
    position: relative;
    display: inline-block;
    width: 10%;
    text-align: right;
}

.cart-product-head{
    background: #694374;
    color: white;
    margin-top: 2em;
}

.cart-inputs {
    display: inline-block;
    position: relative;
    width: 30%;
    vertical-align: top;
    margin-right: 3%;
    text-align: center;
}

.cart-inputs ul{
    text-align: left;
}

.cart-inputs input{
    display: inline-block;
    position: relative;
    width: 100%;
}

.cart-inputs h3{
    margin-bottom: .5em;
}

.cart-input-radio {
    position: relative;
    display: inline-block;
    margin-top: 1.4em;
}

.cart-input-radio-label {
    display: inline-block;
    margin-right: 5em;
}

.cart-inputs-billing {
    display: inline-block;
    position: relative;
    width: 50%;
    vertical-align: top;
}

.cart-inputs-billing div{
    display: inline-block;
    position: relative;
    width: 75%;
    vertical-align: top;
    margin-left: .5em;
}

.cart-inputs-billing div h4{
    margin-bottom: 0;
}

.town-checkbox{
    text-align:left; 
    position:relative;
    margin: 0.5em 0;
}

.cart-street-box{
    width: 72%;
    display: inline-block;
    margin-right: 6%;
}

.cart-streetNum-box{
    width: 22%;
    display: inline-block;
}

.cart-submit {
    background: rgba(105, 67, 116, 0.25);
    padding: 1em 4em;
    text-align: center;
    font-weight: normal;
    font-size: 1.8em;
    margin-top: 2em;
}

.cart-head-half {
    width: 48%;
    display: inline-block;
    position: relative;
    font-weight: bold;
}

.cart-submit strong{
    font-weight: bold;
}

.cart-submit a{
    text-decoration: underline;
    cursor: pointer;
}

.cart-submit button{
    background: #66C09E;
    font-weight: bold;
    font-size: 1.4em;
    margin-top: 1em;
    color: white;
    padding: .2em 1em;
    cursor: pointer;
}

.cart-total {
    width: 100%;
    text-align: right;
}


.cart-total h5{
    font-style: italic;
    font-weight: normal;
}

.cart-form-section {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding: .5em;
  box-sizing: border-box;
}

.cart .cart-note-textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    min-height: 8em;
    border-color: #ddd;
    resize: none;
    border-radius: .5em;
}

.cart .cart-note-section {
    padding: .5em;
    padding-top: 1em;
}

.cart section {
/*  border-bottom: 1px solid #ddd;*/
  margin-bottom: 1em;
  padding-bottom: 1em;
}

form input[type='text'] {
  width: 100%;
  box-sizing: border-box;
  padding: .5em;
  font-size: 1em;
  border: 1px solid #ddd;
  border-radius: .3em;
  margin-bottom: .5em;
}

select {
  width: 100%;
  box-sizing: border-box;
  padding: .5em;
  font-size: 1em;
  border: 1px solid #ddd;
  border-radius: .3em;
  margin-bottom: .5em;
}

form select {
  width: 100%;
  box-sizing: border-box;
  padding: .5em;
  font-size: 1em;
  border: 1px solid #ddd;
  border-radius: .3em;
  margin-bottom: .5em;
}

.cart section.checkout {
  text-align: center;
  border: none;
}

.checkout button {
    border: 1px solid #aa45d1;
    background: #aa45d1;
    color: white;
    border-radius: 1000px;
    padding: .7em 5em;
    text-transform: uppercase;
    margin: 0em auto;
    font-family: 'Montserrat';
    font-size: 1em;
    cursor: pointer;
}

.quill-better-table {
    width: 100% !important;
    font-size: .8em;
}

.quill-better-table td{
    border: 1px solid gray;
    
}
.quill-better-table p{
    margin: .5em;
    padding: 0;
    
}

.quill-better-table {
    border-collapse: collapse;
}


/*SUCCESS*/



.success table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;

}
.success table td{
    border: 1px solid #ccc;
    padding: .5em;
    
}

.success table th{
    border: 1px solid #ccc;
    padding: .5em;   
}

.success-table-unit-price, .success-table-price {
    text-align: right;
}

.success-table-quantity {
    text-align: center;
}

.success-table-name {
    font-weight: 600;
}

.uplatnica {
    position: relative;
}

.uplatnica img {
    width:  100%;
}
.uplatnica p {
    position:  absolute;
}

.success-up-name {
    top: 10%;
    left: 4%;
}
.success-up-address {
    top: 15%;
    left: 4%;
}
.success-up-pop {
    top: 32%;
    left: 4%;
}
.success-up-recipient {
    top: 55%;
    left: 4%;
    width: 40%;
}
.success-up-currency {
    top: 13%;
    left: 64%;
}
.success-up-total {
    top: 13%;
    left: 73%;
}
.success-up-paccount {
    top: 27%;
    left: 60%;
}
.success-up-model {
    top: 40%;
    left: 55%;
}
.success-up-reference-num {
    top: 40%;
    left: 65%;
}
.success-up-info {
    font-weight: bold;
    border: 1px solid black;
    padding: 1em;
}

.success-payment-totals {
    text-align: right;
}

.success-transaction-data {
    font-size: .8em;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

.page-hero-image-mobile {
    display: none;
}

.page-hero-image-mobile img{
    width: 100%;
}

.products-search input {
    padding: 0.5em;
    font-size: 1em;
    width: 100%;
    margin: 0;
    border: 1px solid #bbb;
    border-radius: 0.3em;
    box-sizing: border-box;
}

.product-discount-sticker {
    position: absolute;
    font-size: .8em;
    top: 1em;
    right: .3em;
    padding: .3em;
    background: orangered;
    color: white;
    font-weight: bold;
    z-index: 3;
}

.product-option-container {
    width: 100%;
}
.product-option-container select{
    width: 100%;
    padding: .3em;
    border: 1px solid #ccc;
    border-radius: .3em;

}

.cart-products-body div.cart-product-selected-options {
    display: block;
    text-align: center;
}

.cart-product-selected-option {
    margin-rigth: 2px;
    font-size: .6em;
    border-radius: .3em;
    padding: .2em .5em;
}

.product-posts {
    position: relative;
    display: block;
}

.product-post {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    box-sizing: border-box;
}

/* LOADER -- WE NEED THIS ALWAYS */
.notify-loader {
    position:fixed;
    z-index: 900;
    width: 100vw;
    height: 100vh;
    color: black;
    background: #ffffffee;
    padding: 50vh 0;
    text-align: center;
    top: 0;
    left: 0;
}

.cart-mandatory-fields {
    text-align: center;
    font-size: .8em;
    margin-bottom: 1em;

}

.option-color-container {
    width: 12%;
    /* height: 34px; */
    display: inline-block;
    margin: 4px;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 12px;
    text-align: center;
}

.option-color {
    width: 48px;
    height: 48px;
    border-radius: 100px;
    display: block;
    margin: 2px;
    cursor: pointer;
}

.option-color-container p{
    text-align: center;
    font-size: 10px;
}

.option-color.selected {
    border: 1px solid white;
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.3); 
  box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.3);
}


#product-options {
    position: relative;
}
#options-color-selector {
    display: none;
}

.options-color-selector {
    position: absolute;
    background: white;
    width: 100%;
    height: 50vh;
    overflow-y: scroll;
    z-index: 1;
}

#options-selected-color {
    background: white;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 2px;
    padding-bottom: 0;
    position: relative;
}

#options-selected-color:after {
    content: '▸';
    position: absolute;
    right: 5px;
    top: 50%;
    font-size: 18px;
    transform: translateY(-50%);
}



.selected-color-option-image {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    display: block;
    margin: 2px;
    cursor: pointer;
    display: inline-block;
}

.selected-color-option-name {
    display: inline-block;
    line-height: 32px;
    height: 32px;
    margin: 2px;
    margin-left: 0.5em;
    vertical-align: top;
}

.selected-color-img {
    width: 32px;
    height: 32px;
    border-radius: 100px;
}

.selected-color-img-options {
    width: 100%;
    height: 100%;
    border-radius: 100px;
}


.similar-products {
    width: 92%;
    left: 4%;
    position: relative;
}

.similar-products li {
    padding: 2em;
    position: relative;
}

.similar-products-container h2 {
    text-align: center;
}



.similar-product img{
    width: 100%;
}

.products-search {
    display: none;
}


.quick-cart {
    padding-left: .5em;
    padding-right: .5em;
    position: absolute;
    width: 30%;
    background: white;
    height: 75vh;
    right: 2em;
    top: 100%;
    border-radius: 1em;
    display: flex;
    flex-direction: column;
    box-shadow: 2px 4px 8px #00000050;
    webkit-box-shadow: 2px 4px 8px #00000050;
}

.quick-cart-empty-text {
    text-align: center;
}

.quick-cart-top {
    flex: 0 0 10%;
}
.quick-cart-bottom {
    flex: 0 0 20%;
    text-align: center;
    padding: .5em;
}

#header-cart-items {
    flex: 1;
    overflow-y: scroll;
}

.quick-cart h2 {
    text-align: left;
    font-size: 1.2rem;
    padding-left: 1em;
    padding-right: 1em;
}

.quick-cart .quick-cart-product {
    padding: .5em;
    display: grid;
    grid-template-columns: 2fr 7fr 1fr;
    width: 100%;
    align-items: center;
    gap: 2px;
    font-size: .8rem;
    box-sizing: border-box;
}

.quick-cart .quick-cart-product-image {
    text-align: center;
}

.quick-cart .quick-cart-product-image img {
    height: 72px;
}

.quick-cart-buttons {
    text-align: center;
    padding: .3em;
}

.quick-cart-product-remove {
    cursor: pointer;
}


.quick-cart-product-remove img {
    height: 2rem;
    
}

.quick-cart-product-remove:hover {
    opacity: .8;
}

.quick-cart-product-title {
    padding-right: 1em;
}

.go-to-cart {
    cursor: pointer;
}

.go-to-cart:hover {
    opacity: .8;
}

.product-description h2 {
    border-bottom: 1px solid grey;
    padding-bottom: .87em;
}

.product-description {
    position: relative;
}

.product-video iframe {
    border: none;
    width: 100%;
}


.page.product .product-top {
    display: grid;
    grid-template-columns: 3fr 7fr;
    grid-template-areas: 
        "left right"
        "left buy";
    column-gap: 3em;
}

.page.product .product-left {
    grid-area: left;
}
.page.product .product-right {
    grid-area: right;
}

.page.product .product-after-image {
    grid-area: buy;
}





.page.product .product-title {
    font-size: 1.5rem;
}

.page.product .product-right .product-authors {
    font-weight: normal;
    font-size: 1.2rem;
}

.page.product .product-buy {
    display: grid;
    grid-template-columns: 50% 10% 40%;
    column-gap: .5em;
    align-items: center;
    border-bottom: 1px solid #d1ccd3;
    padding-bottom: 1em;
}

.page.product .customer-help {
    display: grid;
    grid-template-columns: 65% 35%;
    column-gap: .5em;
/*    font-size: .8rem;*/
}

.page.product .customer-help a {
    font-weight: bold;
    text-decoration: underline;
}

.page.product .product-details {
    display: grid;
    grid-template-columns: 7fr 3fr;
    column-gap: 3em;
    margin-top: 2em;
}

.page.product .product-specifications-item {
    display: grid;
    grid-template-columns: 40% 60%;
}

.page.product .product-specifications-item div {
    border: 1px solid gray;
    border-bottom: none;
    box-sizing: border-box;
    border-left: none;
    font-size: 0.8rem;
    padding-top: 1em;
    padding-bottom: 1em;
}

.page.product .product-specifications-item div:last-child {
    border-right: none;
    padding-left: .5em;
    font-weight: bold;
}

.page.product .product-specifications-item:last-child div {
    border-bottom: 1px solid gray;
}

.page.product .comments-container {
    padding-right: 30%;
}

.page.product .product-comment-button {
    text-align: center;
    padding: .5em;
}

.page.product textarea {
    width: 100%;
    background: #e5e5e5;
    border-radius: .5em;
    margin-bottom: .5em;
    border: none;
    resize: none;
    font-family: 'Merriweather';
    padding: .5em;
    text-align: left;
}

.page.product .comments-container button {
    /*border: none;
    color: white;
    background: rgba(128, 66, 152, 1);
    border-radius: 1000px;
    padding: .5em 2em;
    text-transform: uppercase;
    margin: auto;*/
    color: white;
    border: none;
    background: linear-gradient(rgba(190, 80, 233, 1), rgba(163, 75, 197, 1));
    border-radius: 1000px;
    padding: 1em 3em;
    font-size: .8em;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 auto;
    font-family: 'Montserrat';
    cursor: pointer;
    box-sizing: border-box;
}

.page.product .comments {
    margin-top: 2em;
}

.page.product .product-comment {
    background: white;
    border-radius: .5em;
    margin-bottom: 1em;
    padding: .5em;
}

.page.product .product-comment p {
   margin-top: 0;
}

.page.product .product-comment-signature {
    display: grid;
    grid-template-columns: 50% 50%;
    text-align: left;
    font-size: .8rem;
    font-family: 'Montserrat';
}

.page.product .product-comment-signature div:last-child {
    text-align: right;
}


.page.product .help-with-purchase {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: .1em;
    row-gap: .5em;
}

.page.product .help-with-purchase > div {
    display: grid;
    grid-template-columns: 2em 1fr;
    column-gap: .5em;
    align-items: center;
}

.page.product .help-with-purchase img {
    display: inline;
}

.page.product .help-with-purchase span {
    vertical-align: top;
}

.page.product .social-buttons {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    margin-top: 2em;
}

.page.product .social-buttons img {
    width: 2em;
}

.page.product .product-actions {
    border-bottom: 1px solid #d1ccd3;
    padding-bottom: 1em;
}

.page.product .product-actions .product-sticker {
    display: inline;
    margin: .5em;
}

.page.product .page-content {
    padding-top: 1em;
}

.page.product .product-price {
    font-weight: bold;
    font-size: 1.2rem;
    font-family: 'Lato';
}

.page.product .product-price span{
    font-weight: normal;
    display: inline;
}


.button-read-part {
    padding: .5em;
    box-sizing: border-box;
    display: block;
    background: transparent;
    color: gray;
    border: 1px solid gray;
    width: 100%;
    cursor: pointer;
    border-radius: 1000px;
    text-align: center;
    margin-top: .5em;
}

.home-news {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2em;

}

.home-news .post {
    position: relative;
    padding-bottom: 3em;
}

.home-news .home-news-button-container {
    position: absolute;
    width: 100%;
    display: block;
    text-align: center;
    bottom: 0;
    left: 0;
}

.post-image-container {
    width: 100%;
    aspect-ratio: 1/1;
}

.post-image-container img {
    width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.home-news {
    font-size: .9em;
}

.home-news-top {
    text-align: center;
}

.home-news h2 {
    margin-bottom: 0;
    font-size: 1.2em;
}

.home-news p {
    margin-top: .5em;
    margin-bottom: 1em;
}

.post-read-more {
    border: 1px solid #d1ccd3;
    border-radius: 1000px;
    padding: 1em 2em;
    display: inline-block;
    color: #333;
    font-size: .8em;
/*    letter-spacing: 2px;*/
    font-weight: 600;
    font-family: 'Montserrat';
}


.home .add-to-cart {
    visibility: hidden;
}

.products-container .add-to-cart {
    visibility: hidden;
}

.home .slick-slide:hover .add-to-cart {
    display: block;
    visibility: visible;
}

.home-new-products, .home-top-products, .home-top-kids-products {
    text-align: center;
}

.top-products-position {
    position: absolute;
    left: 0;
/*    transform: translateX(-40%);*/
    bottom: 0;
    font-size: 12em;
    line-height: 1em;
}

.banner-mid {
    margin-top: 2em;
    margin-bottom: 4em;
    position: relative;
}

.banner-mid img {
    width: 100%;
}

.success-product {
    display: grid;
    grid-template-columns: 1fr 10fr 2fr 1fr 2fr;
    gap: 1em;
    align-items: center;
    padding: .5em;
    border-bottom: 1px solid #666;
}

.success-product img {
    width: 3em;
}

.success-product div:nth-child(3) {
    text-align: center;
}
.success-product div:nth-child(4) {
    text-align: center;
}
.success-product div:last-child {
    text-align: center;
}



.cms-search {
  position: relative;
}

.cms-search-results {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  background: white;
  max-height: 250px;
/*  border: 1px solid grey;*/
  border-radius: .3em;
  overflow-y: scroll;
  z-index: 100;
}

.cms-search-results div{
  padding: .5em;
  border-bottom: 1px solid grey;
  cursor: pointer;
}

.cms-search-results div:last-child{
  padding: .5em;
  border-bottom: none;
}

.cms-search-results div:hover {
  background: #ccc;
  color: black;
}

.result-item.focused {
  background: #ccc;
  color: black;
}

.cart-segment-title {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}

.cart-segment-title h2 {
    background: #efefef;
    color: var(--dark-grey);
    display: inline-block;
    padding: 1em 2em;
    font-weight: 600;
    font-size: .8em;
    margin: auto;
    text-align: center;
    border-radius: .5em;
    border: 1px solid var(--light-grey);;
    font-family: 'Montserrat';
    
}

.cart-segment-title:before {
    content: '';
    position: absolute;
    background: var(--light-grey);
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    z-index: -1;
}

input, select, textarea {
    background: var(--input-grey);
    border: none;
    margin-bottom: 1.5em;
    display: block;
    width: 100%;

}

input[type=checkbox] {
    display: inline;
    width: auto;
}

form input, form select, form textarea {
    background: var(--input-grey);
    border: none;
    margin-bottom: 1.5em;
    
}

label {
   font-weight: bold;
}

.input-error {
    border: 1px solid red !important;
}

.input-error-text {
    position: absolute;
    font-size: .7em;
    color: darkred;
    margin-top: -.5em;
}

#cart-error p {
    border: 1px solid red !important;
    color: darkred;
    padding: 1em;
}

.cart label {
   font-weight: bold;
}

.cart .address-section {
    width: 80%;
    margin: auto;
    padding-top: 0;
}

#cart-register {

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
}

#cart-register div {
    position: relative;
    padding: 1em;
    padding-left: 3em;
    border-radius: .5em;
}

#cart-register div:first-child {
    background: white;

/*    @shadow */
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
}

#cart-register a {
    border: 2px solid black;
    color: black;
    padding: .7em 3em;
    display: inline-block;
    border-radius: 1000px;
    font-family: 'Montserrat';
    font-size: .8em;
    font-weight: 500;
}

#cart-register img {
    width: 1em;
    top: 2.4em;
    left: 1em;
    position: absolute;
}

#cart-register div {
    position: relative;
    padding: 1em;
    padding-left: 2.5em;
    border-radius: .5em;
}




#cart-payment-method-select {
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
}

#cart-payment-method-select img {
    width: 1em;
    top: 2.4em;
    left: 1em;
    position: absolute;
}

#cart-payment-method-select div {
    position: relative;
    padding: 1em;
    padding-left: 2.5em;
    border-radius: .5em;
}

#cart-payment-method-select .selected {
    background: white;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
}

#cart-payment-method-select div:hover {
    background: var(--light-grey);
    cursor: pointer;
}

.cart-product-full-price {
    font-size: .8em;
    text-decoration: line-through;
    display: block;
}


.content.login {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 2em;
    gap: 3em;
}

.content.login > div {
    padding: 2em;
}

.login .submit {
    color: white;
    border: none;
    background: linear-gradient(rgba(190, 80, 233, 1), rgba(163, 75, 197, 1));
    border-radius: 1000px;
    padding: 1em 3em;
    font-size: .8em;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 auto;
    font-family: 'Montserrat';
    width: auto;
    cursor: pointer;
    box-sizing: border-box;
}

.login .submit-register {
    color: black;
    background: transparent;
    border: 2px solid black;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: .8em;
    display: inline-block;
    border-radius: 1000px;
    padding: 1em 3em;
    width: auto;
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
}

#button-forgot {
    color: black;
    background: transparent;
    border: 2px solid black;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: .8em;
    display: inline-block;
    border-radius: 1000px;
    padding: 1em 3em;
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
}

.login input[type=checkbox] {
    display: inline;
    width: auto;
}

.login form {
    margin-top: 3em;
}


.sidebar-2 {
        border-right: 1px solid #ccc;
    padding-right: .5em;
}


.sidebar-2-product {
    display: grid;
    /*grid-template-columns: repeat(2, 50%);*/
    grid-template-columns: 2fr 3fr;
    gap: .5em;
    align-items: center;
}

.sidebar-2-product .products-product-name {
    font-weight: bold;
    line-height: 1.4em;
}

.sidebar-2 h2#sidebar-categories-title {
    text-align: left;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: .6em;
}

.sidebar-2-product > div {
    position: relative;
/*    font-size: .6em;*/
}

.sidebar-2-product img {
    max-width: 100%;
}
.sidebar-2-product .top-products-position {
    font-size: 7em;
    transform: translateX(-50%);
}

.sidebar-2-product .products-product-name {
    font-size: .8em;
}
.sidebar-2-product .products-product-author {
    font-size: .6em;
}
.sidebar-2-product .products-product-price {
    font-size: .8em;
}

.content.wishlist .add-to-cart {
    font-size: .7em;
}

.contact-us-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
}

.contact-us-info .info-box {
    padding: 2em;
    border-radius: .5em;
    background: white;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
}

.contact iframe {
    width: 100%;
    margin-top: 3em;
    border-radius: .5em;
    overflow: hidden;
}

.page-news .post {
    position: relative;
    padding-bottom: 5em;
}

.page-news .post-bottom {
    position: absolute;
    bottom: 0;
}

.page-news .post h2 {
    font-size: 1em;
}

.page-news .post .post-description {
    font-size: 1em;
    min-height: 4em;
}

.page-news .post .post-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5em;
    align-items: center;
    border-top: 1px solid var(--light-grey);
    padding: .5em;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    box-sizing: border-box;
}

.page-news .post .post-bottom a {
    /*border: 1px solid #666;
    border-radius: 1000px;*/
    /*padding-top: .5em;*/
    display: inline-block;
    color: #333;
    font-size: 1em;
    font-weight: bold;
    font-family: 'Montserrat';
    text-align: right;
    text-transform: uppercase;

}

.page-news .post .post-bottom a::after {
  content: url('../images/news-arrow.svg');
  display: inline-block;
  padding-top: .2em;
  margin-left: 1em; /* optional */
}

.page-news .page-content-top {
    margin-bottom: 2em;
}

.accordion h2 {
    background: #e4e2e5;
    border-radius: .5em;
    padding: .5em;
    font-size: 1.2em;
}

.accordion div {
    padding: 0 1em;

}

.accordion h2 span {
    float: right;
}

.kako-kupovati-top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
    margin-bottom: 3em;
}

.kako-kupovati-top div {
    background: white;
    padding: 2em;
    border-radius: .5em;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
}

.kako-kupovati-top h2 {
    font-size: 1.2em;
}




/* PRODUCT SEGMENT*/

.new-products .products-container li {
    padding: 2em;
    position: relative;
}

.product-segment {
/*    position: relative;*/
    padding-bottom: 2em;
    min-height: 100%;
}

.product-segment .add-to-cart {
    width: 80%;
    position: absolute;
    left: 10%;
    bottom: 0;
}

.product-segment-image-container {
    aspect-ratio: 4 / 7;
    display: flex;
    align-items: flex-end;
    width: 100%;
    position: relative;
    
}

.product-segment-image-container .top-products-position {
    position: absolute;
    bottom: 0;
    left: -.2em;
    font-family: 'Bitter';
    font-weight: 500;
}

.product-segment-name {
    margin: 0;
    margin-top: .5em;
    margin-bottom: 0;
}

.product-segment-image-in {
    position: relative;
}

.product-segment-image {
    border-radius: .3em;
    max-width: 100%;
}

.product-segment-author {
    margin: 0;
    font-size: .9em;
    font-weight: 300;
    display: inline;
/*    margin-left: .5em;*/
    margin-right: .4em;
}

/*.product-segment-author:first-child {
    margin-left: 0;
}*/

.product-segment-detail {
    /*display: none;*/
}

.product-segment-detail a {
    color: white;
}

.product-segment .product-segment-heart-button {
    /*display: none;*/
    z-index: 1;
}

/*.product-segment:hover .product-segment-detail {
    display: block;
}
.product-segment:hover .product-segment-heart-button {
    display: block;
}*/

.product-segment-hover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: #00000066;*/
    display: none;
}

.product-segment:hover .product-segment-hover {
    display: block;
}
.product-segment:hover .product-segment-heart-button {
    display: block;
}

.product-segment-detail {
    position: absolute;
    color: white;
    width: 100%;
    height: 100%;
    text-align: center;
/*    display: none;*/
    top: 0;
    left: 0;
}

.product-segment-detail span {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    font-family: 'Montserrat';
    border-radius: 1000px;
    border: 2px solid white;
    padding: .8em 1.5em;
    font-size: .9em;
    font-weight: bold;
    letter-spacing: 1px;

}

.product-segment:hover .product-segment-image {
    filter: brightness(.6);
    position: relative;
    z-index: -1;
    
}

 .product-segment-heart-button {
    position: absolute;
    bottom: .2em;
    right: .2em;
    width: 2.5rem;
    /*transform: translateX(-50%);*/
 }

.product-segment-price {
    color: black;
    margin: 0;
    margin-bottom: .5em;
}

.product-segment .product-full-price {
    font-size: .8em;
    text-decoration: line-through;
    margin: 0;
    font-weight: 400;
    display: block;
    color: gray;
}

.product-segment-info-container {
/*    height: 10em;*/
}

.product-segment:hover .add-to-cart {
    visibility: visible;
}

.product-favourites-container {
    position: relative;
}

.product-favourites-container .wishlist-liked {
    top: 0;
    left: 0;
}

.product-favourites-container img {
    height: 40px;
}

.product-full-price {
    font-size: .7em;
    text-decoration: line-through;
    margin-left: 1em;
}

#header-cart-price {
    font-size: .7em;
    margin-left: 1em;
    position: absolute;
    right: 0;
    bottom: -1em;
}


.header {
    height: auto;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    text-align: center;
    border: none;
    background-color: rgba(241, 240, 241, 1);
}

/*.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
}*/

.header-top {
    display: grid;
    align-items: center;
    grid-template-columns: 5fr 10fr 4fr 1fr;
    padding: 5px;
}

.header-top a {
    text-align: right;
}

.header-top .search{
    margin-bottom: 0;
}


/*HEADER MOBILE*/

#header-mobile {
  display: none;
  background: #f1f0f1;
  text-align: center;
}


#header-mobile .search {
    width: 100%;
    box-sizing: border-box;
}

#header-mobile .search-container {
    padding: 1em;
}



.header-mobile-top {
    position: relative;
    display: grid;
    grid-template-columns: 10% 1fr;
    gap: .5em;
    align-items: center;
    padding: .5em;
}

.header-top-buttons {
    text-align: right;
}

.header-top-logo {
    text-align: left;
}

.header-mobile-menu {
    padding: 1em;
    min-height: 100vh;
    background: #f1f0f1;
}

.header-mobile-menu ul {
    padding: 0;
    text-align: center;
}

#header-mobile .wish-list {
    text-align: center;
    border-radius: none;
}


#user {
    width: 38px;
    cursor: pointer;
    display: block;
    padding: 0;
    float: right;
}



#hamburger {
    display: block;
    position: static;
    height: 2em;
}

#search-icon {
    display: inline;
    height: 2em;
}

.search {
    /*width: 37%;*/
    border: none;
    padding: 0.7em;
    padding-left: 1.5em;
    border-radius: 2em;
    /*box-shadow: 2px 4px 8px #bdbdbd;*/
    box-shadow: 0px 2px 4px #bdbdbd;
}

.search:focus {
    outline: none;
}

.sign-up, input[type='submit'].sign-up {
    border: 2px solid black;
    padding: 0.9em 1em;
    border-radius: 2em;
    font-size: 11px;
    text-decoration: none;
    color: black;
    cursor: pointer;
}



#header-mobile .sign-up {
    margin: 1.5em 0;
    width: 100%;
    box-sizing: border-box;
}

.header-mobile-profile {
    width: 100%;
    background: #eedcf5;
    border-radius: 1000px;
    padding: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat';
    font-weight: 500;
}

.cart-number {
    color: black;
    font-size: 1em;
    font-family: 'Montserrat';
    font-weight: 500;
    bottom: 0;
    position: relative;
}


.header ul li a {
    color: black;
    font-size: 1.3em;
}


.nav {
    height: auto;
    display: grid;
    grid-template-columns: 1fr 30%;
    align-items: center;
    border-top: 1px solid rgba(209, 204, 211, 1);
    font-size: 12px;
    width: 100%;
    position: relative;
}

.nav ul {
/*    position: static;*/
    padding: 0;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    justify-items: start;
    padding-right: 3em;
    box-sizing: border-box;
    column-gap: 2em;
}

.nav ul li:hover {
    background-color: unset;
}

.nav ul li {
    padding-left: 0;
}

.user-selection {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.wish-list {
    border-left: 1px solid rgba(209, 204, 211, 1);
    border-right: 1px solid rgba(209, 204, 211, 1);
    padding: .5em 0;
    font-size: 14px;
    font-family: 'Montserrat';
}

.shoping-list {
    padding: .5em 0;
    font-size: 14px;
    position: relative;
    text-align: center;
    padding-left: 2em;
    font-family: 'Montserrat';
}

.wish-list img,
.shoping-list img {
    width: 22px;
    vertical-align: sub;
    margin-right: 5px;
}

.wish-list span,
.shoping-list span {
    cursor: pointer;
}

.top-categories > li {
    border-radius: .3em;
}

#sidebar-categories-title {
    display: none;
}

.product-notify-container {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .5em;
    align-items: center;
    padding-top: 1em;
}


.header-actions {
    background: #26132D;
    color: white;
    padding: .3em;
    font-size: .7em;
}

.header-action {
    display: grid;
    grid-template-columns: auto auto;
    gap: 2em;
    align-items: center;
}

.header-action > span:first-child {
    justify-self: end;
    color: white;
}

.header-action .header-action-inner-text {
    color: #BB50E3;
    margin-left: 1em;
}

#categories .selected {
    font-weight: bold;
}

.header-menu a.selected {
    font-weight: 700;
}

.add-to-sold-out {
    cursor: auto;
}

.cart-company-bill-inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5em;
}

.company-buyer-inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5em;
}


.product-segment-detail span.add-to-cart-button-desktop {
   top: 70%;
    border: none;
    width: 90%;
}

.add-to-cart-button-mobile {
   display: none;
}

#forgot-password-button {
    cursor: pointer;
}

.slick-prev.slick-arrow:before, .slick-next.slick-arrow:before {
  display: none !important;
}

.slick-next img {
    width: 15px;
    transform: rotate(-90deg);
}
.slick-prev img {
    width: 15px;
    transform: rotate(90deg);
}

.activation a {
    color: white;
    border: none;
    background: linear-gradient(rgba(190, 80, 233, 1), rgba(163, 75, 197, 1));
    border-radius: 1000px;
    padding: 1em 3em;
    font-size: .8em;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 auto;
    font-family: 'Montserrat';
    cursor: pointer;
    box-sizing: border-box;
}

.rateit {
    font-size: 1.4em !important;
}


.page-content.post-content {
    /*padding-left: 20%;*/
    /*line-height: 1.7;*/
}

#product-images-slider-container {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    height: 100vh;
    z-index: 12;
/*    overflow: hidden;*/
    padding: 2em 5em;
    background: #efefefee;
    box-sizing: border-box;
}

#product-images-slider-container .close-button {
    position: absolute;
    top: 1em;
    right: 2em;
    cursor: pointer;
}
#product-images-slider-container .close-button img {
    height: 3em;
}

#product-images-slider .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
    padding: .2em;
}

#product-images-slider .slick-slide img {
    /*max-height: 90vh; 
    width: auto; 
    margin: 0 auto; 
    object-fit: contain; */
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.add-to-wishlist-button {
    cursor: pointer;
}

.wishlist-liked {
    position: absolute;
    z-index: 1;
    bottom: .2em;
    right: .2em;
    width: 2.5rem !important;
    z-index: 2;
    /*transform: translate(-50%, -50%);*/
}


.account-menu {
    list-style-type: none;
}

.account-menu-item {
    padding: .7em 0;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}

.account-menu-item:hover {
    color: gray;
}

/*.account-menu-item:last-child {
    border: none;
}*/

.account-order {
    background: white;
    border-radius: .5em;
    padding: 1em;
    margin: 1em 0;
    font-family: 'Montserrat';

}

.account-order-data {
    display: grid;
    grid-template-columns: 2fr 3fr 2fr;
    padding-top: .5em;
    border-top: 1px solid gray;
    margin-top: 1em;
}

.account-order-data .account-order-data-status {
    text-align: center;
}

.account-order-data .account-order-data-status span {
    background: var(--publik-violet);
    color: white;
    padding: .2em 1em;
    border-radius: .3em;
}

.account-order .product-container {
    display: grid;
    grid-template-columns: 4fr 1fr 1fr 1fr 1fr;
    padding: .5em;
}

.account-addresses-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
}

.account-address {
    background: white;
    border-radius: .5em;
    padding: 1em;
    margin: 1em 0;
}

.button-black {
    border: 2px solid black;
    padding: 0.9em 1em;
    border-radius: 2em;
    font-size: 11px;
    text-decoration: none;
    color: black;
    cursor: pointer;
    text-transform: uppercase;
    margin: 1rem 0;
}


#confirm-order {
    position: fixed;
    display: flex;
    width: 60%;
    height: 80vh;
    overflow-y: hidden;
    /*overflow: hidden;*/
    z-index: 10;
    top: 50%;
    left: 50%;
    background: white;
    transform: translate(-50%, -50%);
    text-align: center;
    /*padding-bottom: 3em;*/
    /*font-size: .9em;*/
    border-radius: .5em;
    flex-direction: column;
}

.popup {
    content: '';
    background: #00000050;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

.confirm-order-container {
    overflow-y: scroll;
    /*max-height: 80%;*/
    flex: 1;
    padding-bottom: 3em;
    position: relative;
}

.create-order-button-container {
    position: relative;
}


.create-order-button-container:before {
    content: '';
    position: absolute;
    background: linear-gradient(to bottom, transparent, white);
    top: -2em;
    left: 0;
    width: 100%;
    height: 2em;
}

.confirm-order-addresses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3em;
    padding: 0 3em;
}

.confirm-order-addresses p {
    text-align: left;
}

#confirm-order span {
    font-weight: bold;
}

#cart-confirm-items {
    padding: 0 1em;
}

#cart-confirm-prices {
    text-align: right;
    padding-right: 1.5em;
}

.cart-confirm-item {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    gap: .5em;
    padding: .5em;
}

.cart-confirm-item > div:first-child {
    text-align: left;
    font-weight: bold;
}
.cart-confirm-item > div:last-child {
    text-align: right;
}

#confirm-savings {
    color: darkgreen;
}

#confirm-total {
    color: black;
}


.order-button {
    border: none;
    background: #aa45d1;
    color: white;
    border-radius: 1000px;
    padding: .7em 5em;
    text-transform: uppercase;
    margin: 0 auto;
    font-family: 'Montserrat';
    font-size: 1em;
    cursor: pointer;
}


.success-payment-data-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
    padding: 0 6em;
}

.success-payment-data-info > div {
    background: white;
    border-radius: .5em;
    padding: 1em;
}

.success-transaction-data-container {
    margin-top: 1em;
    padding: 0 6em;
}

.success-transaction-data {
    background: white;
    border-radius: .5em;
    padding: 1em;
}

.success-payment-method-container {
    text-align: center;
    padding: 1em;
}

.product-notify-container input[type=checkbox]{
    margin: 0;
}


.pending .product-segment-price {
    display: none;
}


.success-product-price {
    text-align: center;
}
.success-product-quantity {
    text-align: center;
}
.success-product-total {
    text-align: center;
}


.footer-logos {
    display: grid;
    grid-template-columns: 30% 1fr 30%;
    gap: .5em;
    align-items: center;
}

.footer-logos img {
    height: 32px;
}

.product-breadcrumbs {
    margin-bottom: 1em;
    font-family: 'Montserrat';
}

.product-breadcrumbs a {
    color: black;
}

.product-breadcrumbs a:hover {
    color: gray;
}

/*.product-breadcrumbs span:after {
    content: ' | ';
    color: #bbb;
}

.product-breadcrumbs span:last-child:after {
    content: '';
}*/

.product-breadcrumbs span:not(:last-child)::after {
    content: ' | ';
    color: #bbb;
}

.clear-cart {
    border: 2px solid black;
    color: black;
    padding: .7em 3em;
    display: inline-block;
    border-radius: 1000px;
    font-family: 'Montserrat';
    font-size: .8em;
    font-weight: 500;
    cursor: pointer;
}

.clear-cart-container {
    text-align: right;
    padding: .5em 0;
}


button.quick-cart-button {
    border: none;
    color: grey;
    font-weight: 500;
    text-decoration: none;
    background: transparent;
    color: black;
}

#header-mobile .mobile-logo {
    position: absolute;
    top: 1em;
    left: 50%;
    transform: translateX(-50%);
    height: 1.4em;

}

.carousel-mobile {
    display: none;
}

/* footer */

#footer {
    background-color: rgba(38, 19, 45, 1);
    ;
}

.info-container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    padding: 4em 0;
    /* height: 25em; */
    border-bottom: 1px solid rgba(128, 66, 152, 1);
    margin: 3em;
    align-items: start;
}

.info-container .one-info {
    flex: 1;
    padding: 4em 2em 4em 3em;
}

.pp-logo-container {
    text-align: center;
}

.pp-logo-container img {
    width: 30%;
}

.pp-logo-container p {
    color: rgba(209, 204, 211, 1);
    text-align: center;
    font-style: italic;
    /* font-size: 14px; */
    /* line-height: 18px; */
    /* width: 230px; */
    font-weight: 400;
    display: block;
    width: 100%;
    padding: 0 3em;
    box-sizing: border-box;
    /* margin-top: 2em;
    /*color: rgba(209, 204, 211, 1);
    text-align: left;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    width: 230px;
    font-weight: 400;
    margin-top: 2em;*/
}

.pp-logo-container,
.footer-links {
    border-right: 1px solid rgba(128, 66, 152, 1);
}


.info-container .footer-links {
    flex: 2;
    display: flex;
}

.footer-links ul {
    margin: 0 4em 0 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.footer-links ul li {
    padding-bottom: .8em;
}

.footer-links ul li a {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
}

.footer-links ul li:first-child {
    padding-bottom: 2em;
    text-transform: uppercase;
    color: rgba(128, 66, 152, 1);
    font-size: 13px;
    font-weight: 600;
}

.about {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*.contact {
    line-height: 1.5em;
    text-align: left;
    text-transform: uppercase;
    color: rgba(209, 204, 211, 1);
}*/

#footer .social {
    text-align: left;
    margin: 2em 0;
}

#footer .social img {
    width: 2.5rem;
    margin-right: .3em;
    /*height: 20px;
    width: 20px;
    object-fit: contain;
    border: 1px solid white;
    padding: 0.8em;
    border-radius: 50%;
    margin-right: .3em;
    cursor: pointer;*/
}

/* .chipcard-payment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 3em;
}

.chipcard-payment img {
    max-height: 3em;
    margin-left: 1em;
} */

.chipcard-payment img {
    max-height: 3em;
}

.chipcard-payment-left {
    display: inline-block;
    width: 50%;
}

.chipcard-payment-right {
    display: inline-block;
    width: 50%;
}

/*.info-container {
  display: block;
  height: auto;
  border: none;
  padding: 0;
  margin: 0;
}*/


.success-payment-data span, .success-shipping-data span {
    font-weight: 600;
    float: right;
}

.page-cart h1 {
    text-align: center;
}

.page.product .product-actions .product-sticker {
    font-size: 1em;
}


.sidebar-news-single h3 {
    font-size: 1.2em;
}

.header form {
    text-align: right;
}

.header .sign-up {
    margin: 0;
    width: auto;
    min-width: 16em;
    display: inline-block;
}

.page-sidebar a h2::after {
    content: url(../images/news-arrow.svg);
    display: inline-block;
    padding-top: .2em;
    margin-left: 1em;
}

.page-sidebar .sidebar-news-single {
    padding-right: 10%;
    box-sizing: border-box;
}

.page-sidebar .sidebar-news-single a {
    border-radius: 1000px;
    padding: .5em 1em;
    border: 1px solid #ccc;
    color: black;
    margin-bottom: 1em;
    display: inline-block;
}

/*.post-title {
    text-align: center;
}*/

.header-top a.header-logo-link {
    text-align: left;
}

.page.product .product-right .product-authors a:not(:last-child) {
    margin-right: .5em;

}

.page.product .product-right .product-authors a:not(:last-child):after {
    content: ',';
    
}

.one-info.about .contact {
    margin-bottom: 2em;
    text-transform: uppercase;
    font-size: 14px;
}

.info-container {
    max-width: 1200px;
    margin: auto;
}

.footer-logos {
    max-width: 1200px;
    margin: auto;
    margin-top: 2em;
}

.info-container .one-info.pp-logo-container {
    padding-left: 0;
    text-align: left;
}

.info-container .one-info.pp-logo-container p {
    padding-left: 0;
    text-align: left;
}

.slick-next img {
    width: 36px;
    transform: rotate(0deg);
}
.slick-prev img {
    width: 36px;
    transform: rotate(180deg);
}

.new-products {
    width: 92%;
    position: relative;
    left: 4%;
}

.carousel-cont .slick-next {
    right: 36px;
}

.carousel-cont .slick-prev {
    left: 36px;
    z-index: 1;
}

.wishlist .product-sticker {
    margin-right: .5em;
}

.slick-prev, .slick-next {
    width: auto !important;
}

.pending .add-to-sold-out {
    display: none;
}

.pending .product-segment {
    padding-bottom: 0 !important;
}
.pending .products-component .products-list li {
    padding-bottom: 0 !important;
}

.account-menu-item {
    border-radius: 1000px;
    text-align: center;
    border: 1px solid black;
    margin-bottom: .5em;
}

.accept-terms-container a {
    text-decoration: underline;
}

.accept-terms-container label {
    font-weight: normal;
}

.accept-terms-container input {
    margin: 0;
    padding: 0;
    margin-right: .5em;
}

.accept-terms-container {
    margin: .3em;
    padding: .5em;
}