/* Slider */
.swiper-pagination {
    bottom: initial !important;
    top: initial !important;
    margin-top: -20px;
}

.main-swiper swiper-slide:first-child {
    margin-left: 0 !important;
}

/* Color matching */
.store-card .btn-dir {
    background-color: var(--f7-button-bg-color);
}

.text-danger {
    color: #f70000 !important;
}

/* Top Bar */

.top-bar {
  display: flex;
}
.top-bar > a:first-child,
.top-bar > div:last-child {
  flex: 0 0 auto;
}
.top-bar > div:nth-child(2) {
  flex: 1 1 auto;
  min-width: 0;
}

.top-bar-right {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.top-bar-right a {
    margin: 0 0 30px 20px !important;
}

.navbar-style-1 i:not(.active),
.navbar-style-1 a.link [fill],
.top-bar i:not(.active),
.top-bar a.link [fill] {
    fill: #333333 !important;
    color: #333333 !important;
}

.navbar-style-1 i.active,
.navbar-style-1 a.link [fill],
.top-bar i.active,
.top-bar a.link [fill] {
    color: #e74c3c !important;
}

.navbar-transparent i {
    color: #fff !important;
}

.wishlist-active-icon, .preorder-active-icon {
    display: none !important;
    top: -10px !important;
    right: -7px !important;
    border: none !important;
}

.wishlist-active-icon.active, .preorder-active-icon.active {
    display: block !important;

}

.preorder-list .cart-list .cart-item .item-info {
    justify-content: center;
}

.preorder-list .item-variation {
    border-radius: 40px;
    border: 1px solid #74777F;
    padding: 7px 10px 7px 15px;
}

.preorder-list .item-variation::after {
    display:none
}

.preorder-list .item-price {
    text-align: right;
}

.preorder-list .item-price span {
    font-size: 1.2em;
}

.navbar .top-bar-right {
    margin-top: 30px;
}

.top-bar .top-bar-special a img {
    max-height: 60px;
}


/* Home Search */

.top-bar-center {
    width: 100%;
}

.top-bar-special {
    display: flex;
    width: 100%;
    margin-left: -10px;
    margin-top: -20px;
}

.top-bar-special a {
    margin-right:20px
}

#search-results {
    display: none;
    z-index: 200;
    border-radius: 50px;
    background-color: #f9f9f9;
    border: 1px solid #e9e9e9;
    padding-top: 35px;
    margin-bottom: 50px;
    min-height: 160px;
}

#search-results .info {
    text-align: center;
}

/* Products Page */

.products-list .item-name {
    margin-top: 0;
    margin-bottom: 0 !important;
    overflow: hidden;
    max-width: 30ch;
    white-space: nowrap;
}

.products-list .item-brand {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

.products-list .item-unavailable {
    color: #f70000;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

.products-list .item-detail {
    margin: 0;
    padding: 0;
    color: #1b1b1b;
    overflow: hidden;
    max-width: 40ch;
    white-space: nowrap;
}

.item-bx .new-bestseller-label {
    top: 0;
    bottom: inherit;
    font-weight: 600;
    box-sizing: border-box;
    border-radius: 20px;
    color: #fff;
    align-items: center;
    padding: 4px 15px;
    position: absolute;
    font-size: 12px;
    background-color: #ffb142;
    width: 100%;
    text-align: center;
}

.item-bx .price {
    position: absolute;
    bottom: 0;
    font-size: 12px;
    background-color: var(--f7-theme-color);
    left: 0;
    width: 100%;
    text-align: center;
}

.item-bx .price.discounted {
    background-color: #ffb142;
}

.products-list .whishlist-btn, .products-list .preorder-btn {
    position: absolute;
    width: 40px;
    right: 0;
    top: 0;
}

.products-list .whishlist-btn.active, .products-list .preorder-btn.active {
    background-color: #2ecc71;
}

.panel-right {
    min-width: 380px;
}

.right-filter-button {
    top: 50vh;
    display: block;
    width: 80px;
    position: fixed;
    right: 0;
    padding: 10px !important;
    border-radius: 5px 0 0 20px;
}

.right-filter-button div {
    display: block;
}

/* Product Page */

.product-detail h3 {
    color: var(--f7-theme-color);
}

.product-detail .dz-banner-height {
    height: 80px;
}

.product-detail .product-images img {
    width: 300px;
}

.product-detail .rewards-list .title {
    margin-bottom: 0;
    font-weight: 600;
}

.product-detail .variation-list p {
    margin: 0;
}

.product-detail .variation-list p span {
    font-weight: 500;
    color: #1b1b1b;
}

.product-detail .rewards-list>ul>li {
    padding-left: 1px;
}

.product-detail .rewards-list .item-unavailable {
    color: #f70000;
    font-size: 12px;
}

.product-detail .whishlist-btn span, .product-detail .preorder-btn span {
    color: #fff;
    opacity: 1;
}

.product-detail .whishlist-btn.active, .product-detail .preorder-btn.active {
    background-color: #2ecc71;
}

/* ipad fix */
.searchbar:after {
    height: 0;
}

.ios .searchbar-icon {
    margin-top: 0.8em !important;
    margin-right: 0.9em !important;
}

.ios .searchbar-enabled .searchbar-disable-button {
    right: 20px;
    position: absolute;
}

/* Select Input */
.input-dropdown {
    padding: 0 20px 10px 20px;
    font-size: 16px;
    color: var(--f7-list-item-title-text-color);
}

/* Home ADs */
.page-home .ad.ad-image {
    width: 100%;
    height: 200px;
}

/* Fullscreen Ad */
#fullscreen-ad img, #fullscreen-ad video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: black;
  opacity: 0;
  transition: opacity 0.6s;
  z-index: 9990;
}
#fullscreen-ad-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0px;  /* Thickness of the progress bar, temp hide */
  width: 0%;
  background: #fff;
  opacity: 0.7;
  transition: none;
  z-index: 9999;
}
#fullscreen-ad { display: none; }
#fullscreen-ad.active { display: block; }
#fullscreen-ad img.show, #fullscreen-ad video.show { opacity: 1; }