/*
Theme Name: mrj-beta Child for Avalbash
Template: mrj-beta
Theme URI: https://www.abzardooni.ir/web-design/?project=avalbash
GitHub Theme URI: https://github.com/atanemani/mrj-beta-child-avalbash
Author: Ata Nemani
Author URI: https://www.abzardooni.ir/
Description: WordPress-Woocommerce theme
Version: 0.10.4
*/

:root {
  --alpha: #ed1944;
  --beta: #d10e35;
  --gamma: #f5f1f2;
  --delta: #ffdde0;
  --gray: #f9f9f9;
  --gtr: linear-gradient(to right, #8a0d16, #a6181d, #c32325, #e12e2d, #ff3a34);
  --gtl: linear-gradient(to left, #8a0d16, #a6181d, #c32325, #e12e2d, #ff3a34);
}

@font-face {
  font-family: 'icons';
  src:  url('assets/fonts/icons/icomoon.eot?6kwywk');
  src:  url('assets/fonts/icons/icomoon.eot?6kwywk#iefix') format('embedded-opentype'),
    url('assets/fonts/icons/icomoon.ttf?6kwywk') format('truetype'),
    url('assets/fonts/icons/icomoon.woff?6kwywk') format('woff'),
    url('assets/fonts/icons/icomoon.svg?6kwywk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/**
* reset
*/
body { padding: 0; margin: 0; background-color: #FFF; font-family: 'YekanBakh'; font-size: 17px; }
body.single-post { background-color: #FFF; }
.mrj-faq__item { background: var(--gamma); }

input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea { font-family: 'YekanBakh'; font-size: 1em; }

input[type="submit"], button, .button { background-image: var(--gtr); color: #FFF; border-radius: 5px; padding: 12px 20px; font-size: .9em; font-weight: 500; }
input[type="submit"]:hover, button:hover, .button:hover { opacity: .8; }

input[type="submit"].secondary, button.secondary, .button.secondary { background-color: rgb(74, 74, 136); }
input[type="submit"].secondary:hover, button.secondary:hover, .button.secondary:hover { background-color: rgb(44, 44, 117); }

.content-on-popup { font-size: .9em; }

body.logged-in.woocommerce-account .page-layout .woocommerce { display: grid; grid-template-columns: 1fr 4fr; gap: 30px; }

.layout__content-wrap { padding: 30px 0; }

/**
* header
*/
.header { background: #FFF; }
.header__navbar .wrap { padding: 25px 0; display: flex; justify-content: space-between; }
.header__navbar ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 20px; font-size: .9em; }

.consultant::after { content: '\e904'; font-family: 'icons'; display: inline-block; margin-right: 10px; color: var(--alpha); position: relative; top: 3px; }
.consultant span { display: inline-block; direction: ltr; font-weight: bold; letter-spacing: 1px; }

.header__controls {  position: relative; z-index: 99; }
.header__controls .wrap { display: flex; gap: 20px; justify-content: space-between; }
.header__controls .wrap::before { content: ''; position: absolute; right: -40px; left: -40px; bottom: -30px; height: 30px; border-radius: 0 0 20px 20px; background-color: #FFF; z-index: 2; }
.header__controls .wrap::after { content: ''; position: absolute; right: 0; left: 0; bottom: -55px; height: 50px; z-index: 1; background-image: url(./assets/images/shadow.svg); }

.header__product-nav { font-size: .9em; }
.header__product-nav ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 20px; }
.header__product-nav ul ul { display: none; }

.header__bnr { position: relative; }

/* header > categories */
.categories__btn { background: var(--gtl); color: #FFF; border-radius: 10px; padding: 0 20px; display: flex; height: 50px; align-items: center; cursor: pointer; font-size: .9em; }
.categories__btn::before { content: '\e915'; font-family: 'icons'; display: inline-block; margin-left: 10px; font-size: 1.1em; }
.categories__bridge { position: absolute; width: 100%; height: 10px; top: -10px; right: 0; left: 0; }

.categories__content { position: absolute; right: 0; left: 0; z-index: 10; display: none; margin-top: 10px; }

.categories__content ul { list-style: none; padding: 0; margin: 0;  display: flex; background: var(--beta); padding: 10px 10px 0; border-radius: 10px 10px 0 0; }
.categories__content ul:first-child { width: 100%; position: relative; }
.categories__content ul li { background-color: #FFF;  }
.categories__content ul li a { display: block; padding: 10px 15px; background-color: var(--beta); color: #FFF; }

.categories__content ul li:hover > a { background-color: #FFF; color: initial; }

.categories__content ul li:hover > ul { display: grid; }

.categories__content ul ul { display: none; position: absolute; right: 0; top: 100%; bottom: 0; left: 0; font-size: .9em; white-space: nowrap; grid-template-columns: repeat(7, 1fr); padding: 0; border-radius: 0; }
.categories__content ul ul li { padding: 20px; box-shadow: 0 5px 5px rgba(0,0,0, .1); }
.categories__content ul ul li a { background-color: initial; color: initial; font-weight: 700; margin-bottom: 5px; padding: 0; }
.categories__content ul ul li:hover > a { background-color: initial; }

.categories__content ul ul ul { position: static; display: block !important; }
.categories__content ul ul ul li { padding: 0; box-shadow: none; }
.categories__content ul ul ul li a { font-weight: 600; margin-bottom: 0; padding: 0; pointer-events: initial; }
.categories__content ul ul ul li a:hover { color: var(--alpha); }

.categories__content ul ul ul ul li a { font-size: 1.1em; font-weight: initial; }
.categories__content ul ul ul ul li a::before { content: '-'; display: inline-block; margin-left: 5px; color: var(--alpha); }



/* search bar */
.searchbar { position: relative; flex: auto; }
.searchbar form::before { content: '\e905'; font-family: 'icons'; position: absolute; z-index: 1; right: 20px; top: 16px; color: var(--alpha); }
.searchbar input[type="search"] { border: none; width: 100%; background-color: var(--gamma); padding-right: 50px; border-radius: 10px; font-size: .9em; height: 50px; background-position: 20px center !important; }
.searchbar input[type="submit"] { display: none; }

.search-results-container { position: absolute; top: 110%; right: 0; left: 0; z-index: 100; background-color: var(--gamma); border-radius: 20px; padding: 15px; display: none; font-size: .9em; }
.search-results { list-style: none; padding: 0; margin: 0; display: flex; flex-flow: column; gap: 10px; }
.search-results__item-permalink { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dotted rgba(0,0,0, .1); padding-bottom: 10px; }
.search-results__item-data { flex: auto; display: flex; flex-flow: column; }
.search-results__item-title { font-weight: 700; }
.search-results__item-title::before { content: attr(data-type); color: #888; font-weight: initial; display: inline-block; margin-left: 5px; }
.search-results__item:hover .search-results__item-title::before { color: var(--alpha); }
.search-results__item-price .loop-price { justify-content: right !important; }
.search-results__item-price .no-price::before { text-align: initial; }
.search-results__item-image { margin: auto; width: 60px; height: 60px; border-radius: 5px; }
.search-results-container .full-list { display: block; margin-top: 10px; padding-top: 7px; text-align: center; }


/* user dashboard */
.user-account { display: flex; gap: 10px; align-items: center; }
.user-account__icon::before { font-family: 'icons'; content: '\e902'; font-family: 'icons'; font-size: 1.3em; display: inline-block; position: relative; font-style: normal; position: relative; top: 3px; }
.user-account__label { font-size: .9em; }
.user-account__label::after { content: attr(data-label); font-size: .8em; color: #888; display: block; }
.user-account img { border-radius: 10px; }

/* mini cart */
.mini-cart { background-color: var(--gamma); border-radius: 10px; padding: 0 15px; display: flex; align-items: center; position: relative; }
.mini-cart__icon { position: relative; font-style: normal; }
.mini-cart__icon::before { content: '\e900'; font-family: 'icons'; font-size: 1.3em; position: relative; top: 2px; }

.mini-cart__count { background-color: var(--alpha); border: 2px solid var(--gamma); display: inline-block; width: 20px; height: 20px; border-radius: 50%; text-align: center; color: #FFF; font-size: .7em; position: absolute; bottom: 0px; left: -11px; z-index: 1; }


/* navbar */
.navbar { font-size: .9em; }
.navbar__wrap { position: relative; }

.navbar__menu { display: inline-block; }
.navbar__menu.desktop ul { list-style: none; padding: 0; margin: 0; white-space: nowrap; }
.navbar__menu.desktop ul li { display: inline-block; position: relative; margin-left: 20px; }
.navbar__menu.desktop ul li a { display: block; padding: 3px 0 4px; }
.navbar__menu.desktop ul li:hover > a { color: var(--alpha); }

.navbar__menu.desktop ul li a::before { font-family: 'icons'; font-size: .9em; display: inline-block; margin-left: 5px; position: relative; }
.navbar__menu.desktop ul li.menu-item-home > a::before { content: '\e904'; top: 2px; }

.navbar__menu.desktop ul ul { position: absolute; background: var(--alpha); color: #FFF; padding: 10px; border-radius: 10px; z-index: 99; display: none; outline: 5px solid #FFF; }
.navbar__menu.desktop ul ul li { display: block; margin-left: 0; }
.navbar__menu.desktop ul ul li:hover > a { color: var(--secondary-lowest); }
.navbar__menu.desktop ul ul li a { padding: 3px 15px 5px; display: block; font-weight: 400; }

.navbar__menu.desktop ul ul ul { top: 0; right: 100%; background: #084a84; }
.navbar__menu.desktop ul ul ul::before { display: none; }



/**
* section
*/
.section { margin-bottom: 50px; }
.section__title { margin-bottom: 25px; text-align: center; }
.section__title span, .section__title strong { font-size: 1.5em; font-weight: 800; position: relative; }
.section__title span::before, .section__title strong::before { content: ''; position: absolute; width: 40px; height: 6px; border-radius: 10px; background: var(--gtr); bottom: -4px; right: -7px; }

 
.layout__title { text-align: center; background-color: var(--gamma); }
.layout__title .wrap { padding: 70px 0 40px; }



/**
* section > vitrine
*/
.section.vitrine { margin-bottom: 0; position: relative; }
.vitrine__swiper-pagination { position: absolute; width: 200px; right: 0; left: 0; margin: auto; bottom: 50px; z-index: 10; display: flex; justify-content: center; gap: 5px; }

.vitrine__slider-mobile .swiper-container { border-radius: 10px;}

/**
* featured categories
*/
.featured-categories__wrap { background-color: #FFF; position: relative; }
.featured-categories__wrap::before { content: ''; background-color: #FFF; position: absolute; z-index: 2; right: -40px; left: -40px; top: -30px; height: 30px; border-radius: 20px 20px 0 0; }
.featured-categories__wrap::after { content: ''; position: absolute; right: 0; left: 0; top: -55px; height: 50px; z-index: 1; background-image: url(../assets/images/shadow.svg); }
.featured-categories__swiper { margin: 0 40px; }
.featured-categories .fterm { display: grid; grid-template-columns: 100%; justify-items: center; justify-content: center; text-align: center; grid-gap: 10px; padding: 8px 8px 0; }
.featured-categories .fterm:not(.active) { filter: grayscale(100%); }
.featured-categories .fterm__image { position: relative; }
.featured-categories .fterm__image::before { content: ''; background: linear-gradient(90deg,rgba(251, 196, 199, 1) 0%, rgba(255, 58, 52, 1) 100%); position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border-radius: 50%; z-index: -1; }
.featured-categories .fterm__image img { border-radius: 50%; border: 5px solid #FFF; max-width: 100%; }
.featured-categories .fterm:not(.active) .fterm__image img { opacity: .6; }
.featured-categories .fterm:not(.active) .fterm__image::before { opacity: .3; }
.featured-categories .fterm__name { font-size: .8em; }
.featured-categories .fterm__label { font-size: .7em; position: absolute; background-color: #aaa; color: #FFF; padding: 0 10px 1px; border-radius: 15px; border: 3px solid #FFF; top: 5px; left: 5px; }
.featured-categories__swiper-button { position: absolute; top: 40px; bottom: 0; height: 26px; margin: auto; color: #ccc; cursor: pointer; }
.featured-categories__swiper-button::before { font-family: 'icons'; font-size: 1.5em; }
.featured-categories__swiper-button--next::before { content: '\e907'; }
.featured-categories__swiper-button--prev { left: 0; }
.featured-categories__swiper-button--prev::before { content: '\e906'; }
.featured-categories__swiper-button:hover { color: var(--alpha); }



/**
* featured cats
*/
.featured-cats { position: relative; }
.featured-cats::before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: -190px; background-color: var(--gamma); }
.featured-cats .wrap { padding-top: 40px; }

.featured-cats .swiper-container { margin: 0 40px; }
.featured-cats__swiper-button { position: absolute; top: 40px; bottom: 0; height: 26px; margin: auto; color: #ccc; cursor: pointer; }
.featured-cats__swiper-button::before { font-family: 'icons'; font-size: 1.5em; }
.featured-cats__swiper-button--next::before { content: '\e907'; }
.featured-cats__swiper-button--prev { left: 0; }
.featured-cats__swiper-button--prev::before { content: '\e906'; }
.featured-cats__swiper-button:hover { color: var(--alpha); }

.featured-cats .fterm { display: grid; grid-template-columns: 100%; justify-items: center; justify-content: center; text-align: center; grid-gap: 10px; padding: 8px 8px 0; }


.product-options { display: flex; gap: 10px; justify-content: center; }
.item-add-to-cart { display: flex; gap: 5px; }
.item-add-to-cart.outofstock { opacity: .2; pointer-events: none; }
.item-add-to-cart button { border-radius: 20px; padding: 0 10px; }
.item-add-to-cart button::before { content: '\e929'; font-family: 'icons'; font-size: 1.2em; line-height: 1.6; }

.shopping-options { background: var(--gtl); color: #FFF; border-radius: 20px; font-size: .8em; padding: 6px 15px; display: block; }

.item-quantity { display: flex; align-items: center; background: var(--gtl); border-radius: 25px; padding: 3px; }
.item-quantity input[type="number"] { background: none; border: none; color: #FFF; width: 30px; padding: 0; text-align: center; }
.item-quantity__control { display: flex; align-items: center; cursor: pointer; }
.item-quantity__control::before { font-family: 'core-icons'; font-size: 1.6em; background-color: #FFF; color: var(--alpha); border-radius: 50%; }
.item-quantity__control.increase::before { content: '\e90f'; }
.item-quantity__control.decrease::before { content: '\e90e'; }
.item-quantity__control:hover::before { opacity: .7; }

.item-quantity input::-webkit-outer-spin-button,
.item-quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


/**
* section > brns
*/
.bnrs__wrap { display: grid; grid-template-columns: repeat(2, 1fr); justify-content: space-between; gap: 30px; }
.bnrs .mrj-bnr-item { position: relative; }
.bnrs .mrj-bnr-item img { border-radius: 10px; }


/**
* section > cliven
*/
.cliven { position: relative; margin-top: 50px; }
.cliven::before { content: ''; position: absolute; right: 0; left: 0; top: 50px; bottom: 50px; background-color: var(--gamma); }
.cliven .wrap { display: flex;  gap: 30px; align-items: center; }
.cliven__image { position: relative; flex-shrink: 0; }
.cliven__image img { border-radius: 20px; }
.cliven__content { position: relative; display: flex; flex-flow: column; gap: 10px; align-items: flex-start; }
.cliven__content p { margin: 0; }
.cliven__content .cta-btn { margin-top: 10px; }
.cliven__content .cta-btn a { background: var(--gtl); color: #FFF; padding: 7px 15px; border-radius: 5px; font-size: .9em; }



/**
* section > story
*/
.story__content { position: relative; }
.story__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.story__faq ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; }
.story__faq ul li { overflow: hidden; }
.story__faq ul li span { background-color: var(--delta); display: block; font-size: 1.1em; font-weight: 600; padding: 10px 15px; cursor: pointer; }
.story__faq ul li:first-child { border-radius: 10px 10px 0 0; }
.story__faq ul li:last-child { border-radius: 0 0 10px 10px; }
.story__faq ul li p { background-color: var(--gamma); margin: 0; padding: 10px 15px; display: none; font-size: .9em; }

.story__faq ul li.active p { display: block; }

.story__image { background-repeat: no-repeat; background-position: center; border-radius: 10px; min-height: 300px; }

/**
* secion > trust icons
*/
.trust-icons__wrap { display: flex; gap: 50px; justify-content: center; }
.trust-icons__item { display: flex; gap: 10px; align-items: center; position: relative; }
.trust-icons__item-label { line-height: 1.4; }
.trust-icons__item-sublabel { font-size: .8em; display: block; }





/**
* section > product swiper
*/
.section.alpha { margin-bottom: 80px; }
.product-swiper__wrap.alpha::before { content: ''; position: absolute; background: url(./assets/images/alpha.svg) no-repeat; right: -100px; background-size: 100%; width: 1500px; height: 530px; background-position: center bottom; bottom: -30px; }
.product-swiper__wrap.alpha .section__title { margin-bottom: 60px; }

.swiper-slide.product { background-color: #FFF; height: auto; position: relative; padding-bottom: 20px; }
.swiper-slide.product::before { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 200px; border-radius: 10px;  border: 2px solid var(--gamma); border-top: none; border-radius: 0 0 10px 10px; z-index: -2; }
.swiper-slide.product::after { content: ''; background: linear-gradient(to bottom, #FFF, transparent); height: 200px; position: absolute; left: 0; right: 0; bottom: 5px; z-index: -1; }
.swiper-slide.product img { border-radius: 10px; }
.product-swiper__wrap.alpha .swiper-slide { color: initial; cursor: pointer; }
.onsale { position: absolute; left: 10px; background: var(--gtl); color: #FFF; border-radius: 5px; padding: 2px 10px; font-size: .9em; top: 10px; z-index: 1; }

.product-swiper__button { position: absolute;  cursor: pointer; height: 34px; top: 0; bottom: 0; margin: auto; }
.product-swiper__button::before { font-family: 'icons'; font-size: 2em; color: #FFF; }
.product-swiper__button--next { right: -40px; }
.product-swiper__button--next::before { content: '\e907'; }
.product-swiper__button--prev { left: -40px; }
.product-swiper__button--prev::before { content: '\e906'; }

.swiper-slide.product .product-footer { padding: 0 10px 10px; }
.swiper-slide.product .product-footer > * { position: relative; z-index: 1; }

.swiper-slide.product .product-footer .title { line-height: 1.2; text-align: center; height: 80px; display: grid; align-content: center; font-weight: 600; font-size: .9em; }

.product-info { display: flex; align-items: center; justify-content: space-between; padding: 0 10px; }
.product-info .stock-status { font-size: .7em; color: #888; }
.product-info .stock-status::before { font-family: 'icons'; display: inline-block; margin-left: 5px; position: relative; top: 2px; }
.product-info .stock-status.instock { color: #4cc135; }
.product-info .stock-status.instock::before { content: '\e91e'; }
.product-info .stock-status.outofstock::before { content: '\e91f'; }

/* product footer in alpha swiper */
.product-swiper.alpha .swiper-slide::before,
.product-swiper.alpha .swiper-slide::after { border: none; }

.more-products { align-items: center; align-content: center; cursor: pointer; justify-content: center; display: flex; font-size: .8em; }
.more-products span { text-align: center; }
.more-products span::before { content: '\e908'; font-family: 'icons'; font-size: 3em; display: block; margin-bottom: 10px; color: #888; }

.loop-price { margin: 0; line-height: 1.4; height: 48px; font-size: .9em; }
.loop-price.one-line { display: flex;  align-items: center; justify-content: center; }
.loop-price::after { content: attr(data-label); font-size: .9em; color: #888; }
.loop-price .price__amount { font-weight: 700; text-align: left; }
.loop-price .price__amount del { display: block; font-weight: initial; }
.loop-price .price__amount ins { text-decoration: none; }
.loop-price .price__amount span { display: block; }
.loop-price .price__amount span::before { color: #888; display: inline-block; margin-left: 5px; font-weight: initial; font-size: .85em; }
.loop-price .price__amount .from::before { content: 'از'; }
.loop-price .price__amount .to::before { content: 'تا'; }
.loop-price::after { display: inline-block; margin-right: 5px; }
.loop-price.two-lines { display: grid; grid-template-columns: auto 20px; justify-content: center; }
.loop-price.two-lines::after { display: inline-block; writing-mode: vertical-rl; text-orientation: mixed; font-size: .85em; text-align: center; position: relative; top: -5px; }


.no-price { display: block; margin: 0; height: 48px; font-size: .9em; }
.no-price::before { content: "جهت اطلاع از قیمت \a با ما تمــاس بگیـرید"; white-space-collapse: preserve; text-wrap: nowrap; display: block; font-size: 0.9em; color: rgb(136, 136, 136); text-align: center; }



.avalbash-single-container { padding: 30px 0; }

.product-popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; }
body.admin-bar .product-popup { top: 32px; }
.product-popup__content { background-color: #FFF; height: 100%; overflow-y: auto; }
.product-popup__header { background-color: #FFF; position: sticky; top: 0; padding: 20px 100px; }
.product-popup__close { display: inline-block; background-color: var(--alpha); border-radius: 20px; color: #FFF; padding: 0 15px 2px; cursor: pointer; font-size: .9em; }
.product-popup__close::before { content: '×'; display: inline-block; margin-left: 7px; }




.avalbash-single__review { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; position: relative; margin-top: 50px; }


.avalbash-single__review-submition { position: relative; }

.product-review { position: sticky; top: 0; }

.product-review__note::before { content: attr(data-legend); display: block; font-size: 1.4em; font-weight: 800; margin-bottom: 20px; }
.product-review__note p { font-size: .9em; text-align: justify; }

.product-review__author { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.product-review__field label { display: block; margin-bottom: 5px; font-size: .9em; }
.product-review__field label .required { color: red; }
.product-review__field input, .product-review__field textarea { width: 100%; }
.product-review__field textarea { resize: vertical; }

.product-review__rating::after { content: attr(data-label); display: inline-block; font-size: .9em; margin-left: 10px; }
.product-review__rating {	display: flex; flex-direction: row-reverse;	justify-content: flex-end; align-items: center; }
.product-review__rating input {	display: none; }
.product-review__rating label {	font-size: 24px; cursor: pointer; }
.product-review__rating label:hover, .product-review__rating label:hover ~ label { color: var(--beta); }
.product-review__rating input:checked ~ label {	color: var(--alpha); }


/**
* blog
*/
.article { background-color: var(--gamma); }
.more-articles { display: flex; align-items: center; justify-content: center; }
.more-articles span { font-size: .8em; }
.more-articles span::before { content: '\e907'; font-family: 'icons'; font-size: 3em; display: block; text-align: center; margin-bottom: 5px; }




/**
* blog
*/
.blog-vitrine { background-color: var(--gamma); }
.blog-vitrine__wrap { padding: 40px 0; }
.blog-vitrine__content { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; grid-template-areas: 'blog-recent blog-featured blog-cats'; }

.recent-posts { display: grid; grid-template-columns: 100%; align-content: space-between; grid-area: blog-recent; }
.recent-posts__item { display: flex; gap: 20px; background-color: #FFF; padding: 18px; border-radius: 10px; align-items: center; }
.recent-posts__item-content { display: grid; grid-template-columns: 100%; grid-gap: 7px; justify-items: right; }
.recent-posts__item-image { border-radius: 10px; }
.recent-posts__item-title { display: block; font-weight: .95em; font-weight: 600; line-height: 1.3; }
.recent-posts__item-category { display: inline-block; background-color: var(--delta); font-weight: 600; padding: 2px 10px; border-radius: 20px; font-size: .8em; }
.recent-posts__item-time { font-size: .8em; }
.recent-posts__item-time::before { content: '\e926'; font-family: 'icons'; display: inline-block; margin-left: 5px; position: relative; top: 2px; }

.featured-posts__item { position: relative; border-radius: 10px; overflow: hidden; grid-area: blog-featured; }
.featured-posts__item::before { content: ''; position: absolute; bottom: 0; right: 0; top: 50%; left: 0; background: linear-gradient(0deg, rgba(138,13,22,1) 0%, rgba(0,71,151,0) 100%); z-index: 10; }
.featured-posts__item-content { position: absolute; bottom: 15px; right: 20px; color: #FFF; z-index: 11; padding-left: 90px; text-shadow: 0 0 3px rgba(0,0,0, .1); }
.featured-posts__item-title { font-weight: 600; }
.featured-posts__item-time { display: block; font-size: .9em; }
.featured-posts__item-time::before { content: '\e926'; font-family: 'icons'; display: inline-block; margin-left: 5px; position: relative; top: 2px; }
.featured-posts__item-more { position: absolute; bottom: 20px; left: 20px; border-radius: 50%; width: 45px; height: 45px; z-index: 12; color: #FFF; border: 2px solid #FFF; display: flex; justify-content: center; align-items: center; }
.featured-posts__item-more::before { content: '\e927'; font-family: 'icons'; }

.blog-vitrine__cats { display: flex; flex-direction: column; flex-grow: 1; grid-area: blog-cats; }
.blog-vitrine__cats div { display: grid; flex-grow: 1; }
.blog-vitrine__cats ul { list-style: none; padding: 0; margin: 0; display: grid; align-items: stretch; gap: 20px; }
.blog-vitrine__cats ul li { display: flex; }
.blog-vitrine__cats ul li a::before { content: '\e927'; font-family: 'icons'; position: absolute; left: 20px; background-color: var(--gamma); border-radius: 5px; padding: 15px; color: var(--beta); }
.blog-vitrine__cats ul li a { display: flex; background-color: #FFF; padding: 15px; position: relative; border-radius: 10px;  flex-grow: 1; align-items: center; }
.blog-vitrine__cats ul li a:hover { background-color: var(--alpha); color: #FFF; }
.blog-vitrine__cats ul li a:hover::before { background-color: #FFF; }



/**
* footer
*/
.footer__trust { overflow-x: hidden; }
.footer__trust .wrap { display: flex; justify-content: center; }
.footer__trust-btn {  position: relative; background-color: #FFF; padding: 20px; border-radius: 20px; }
.footer__trust-btn::before, .footer__trust-btn::after { content: ''; background-color: var(--gamma); position: absolute; width: 1000px; bottom: 0; top: 50%; z-index: -1; }
.footer__trust-btn::before {  left: 100%; border-radius: 20px 0 0 0; }
.footer__trust-btn::after { right: 100%; border-radius: 0 20px 0 0; }

.footer__trust-btn a { position: relative; background: var(--gtr); display: block; padding: 20px 120px 25px; color: #FFF; border-radius: 15px; z-index: 2; font-size: 1.1em; }
.footer__trust-btn a::before { content: '\e918'; font-family: 'icons'; font-size: 1.5em; display: inline-block; margin-left: 10px; position: relative; top: 7px; }
.footer__trust-btn a:hover { opacity: .9; }

.footer__widgets { background-color: var(--gamma); position: relative; z-index: 1; margin-top: -15px; }
.footer__widgets-wrap { display: grid; grid-template-columns: 1fr 3.5fr 1fr; grid-gap: 50px; padding-top: 50px; padding-bottom: 20px; font-size: .9em; grid-template-areas: 'f-access f-about f-contact'; }

.footer__widgets-item { position: relative; }

/* footer > access */
.footer__widgets-item--access { grid-area: f-access; }
.footer__widgets-item--access::before { content: attr(data-title); display: block; font-size: 1.4em; font-weight: 800; color: var(--alpha); margin-bottom: 10px; }
.footer__widgets-item--access ul { list-style: none; padding: 0; margin: 0; }
.footer__widgets-item--access ul li::before { content: '::'; display: inline-block; margin-left: 7px; color: var(--beta); }

/* footer > about */
.footer__widgets-item--about { display: grid; justify-items: center; grid-gap: 20px; grid-area: f-about; }
.footer__widgets-item--about p { margin: 0; }

.about__grid { display: grid; grid-template-columns: auto 160px; gap: 20px; align-items: center; }
.about__slider { border: 2px solid rgba(0,0,0, .05); border-radius: 10px; display: flex; align-items: center; padding: 10px 5px; position: relative; }
.about__slider .swiper-slide { justify-content: center; display: flex; }

.footer__socials { position: relative; }
.footer__socials ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; }
.footer__socials ul li a::before { font-family: 'icons'; font-size: 1.8em; color: var(--alpha); }
.footer__socials ul li.instagram a::before { content: '\e90e'; }
.footer__socials ul li.youtube a::before { content: '\e913'; }
.footer__socials ul li.aparat a::before { content: '\e90c'; }
.footer__socials ul li.telegram a::before { content: '\e911'; }
.footer__socials ul li.facebook a::before { content: '\e90d'; }
.footer__socials ul li a:hover::before { color: var(--beta); }

/* footer > contact */
.footer__widgets-item--contact { grid-area: f-contact; }
.footer__widgets-item--contact::before { content: attr(data-title); display: block; font-size: 1.4em; font-weight: 800; color: var(--beta); margin-bottom: 10px; }
.footer__widgets-item--contact span { display: block; }
.footer__widgets-item--contact span::before { font-family: 'icons'; display: inline-block; margin-left: 10px; color: var(--beta); position: relative; top: 2px; }
.footer__widgets-item--contact span.addr::before { content: '\e922'; }
.footer__widgets-item--contact span.email::before { content: '\e921'; }
.footer__widgets-item--contact span.phone::before { content: '\e923'; }
.footer__widgets-item--contact span.hours::before { content: '\e920'; }
.footer__widgets-item--contact span.to-experts { color: orangered; font-weight: 600; cursor: pointer; }
.footer__widgets-item--contact span.to-experts::before { content: '\e923'; font-weight: initial; color: orangered; }


.hotlinks { margin-bottom: 20px; }
.hotlinks ul { list-style: none; padding: 0; margin: 5px 0 0; display: flex; flex-flow: wrap; gap: 7px; }

.hotlinks ul li a { display: inline-block; border: 1px solid rgba(0,0,0, .1); border-radius: 4px; padding: 4px 10px 6px; font-size: .9em; flex: auto; text-align: center; }
.hotlinks ul li a:hover { background: var(--gtl); color: #FFF; border-color: #FFF; }

/* footer > copyright */
.footer__copyright { font-size: .8em; background-color: var(--gamma); }
.footer__copyright-wrap { padding-top: 14px; padding-bottom: 14px; border-top: 2px solid rgba(0,0,0, .05); }
.footer__copyright .developer { float: left; }
.footer__copyright .developer::after { content: ' : 'attr(data-developer); display: inline-block; font-weight: bold; }


/**
* float container
*/


.float-controls { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
.float-controls__item { display: block; text-align: center; padding: 8px 0; color: #FFF; border-radius: 20px; user-select: none; }
.float-controls__item::before { font-family: 'icons'; display: inline-block; margin-left: 10px; position: relative; top: 3px; font-weight: 100; }
.float-controls__item--purchase { background-color: var(--beta); }
.float-controls__item--purchase::before { content: '\e918'; }
.float-controls__item--call { background-color: var(--alpha); }
.float-controls__item--call::before { content: '\e903'; }


/**
* sale experts
*/
.sale-experts { display: flex; gap: 20px; align-items: center; justify-content: center; }
.sale-experts__item { display: inline-flex; gap: 15px; align-items: center; }
.sale-experts__item-image { border-radius: 10px; }
.sale-experts__item-header { background-color: var(--gamma); border-radius: 10px; padding: 7px 20px 12px; position: relative; }
.sale-experts__item-header::before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 10px 0px 10px 17.3px; border-color: transparent transparent transparent var(--gamma); position: absolute; right: -13px; top: 0; bottom: 0; margin: auto; }
/* .sale-experts__item-number { font-size: .9em; letter-spacing: 2px; animation: blink 1s linear infinite; } */
.sale-experts__item-contact { display: flex; gap: 15px; }
.sale-experts__item-contact-item span { font-size: .8em; }
.sale-experts__item-contact-item::before { font-family: 'icons'; font-size: 1.4em; display: inline-block; margin-left: 7px; position: relative; top: 7px; }
.sale-experts__item-contact-item--phone::before { content: '\e91b'; color: #888; }
.sale-experts__item-contact-item--telegram::before { content: '\e91c'; color: #299fdc; }
.sale-experts__item-contact-item--whatsapp::before { content: '\e91d'; color: #4cc135; }
.sale-experts__item-contact-item--eitaa::before { content: '\e92d'; color: #ef7c00; }

.sale-experts__item-title { font-size: .9em; }

body.single-product .experts { background-color: var(--gamma); margin-bottom: 0; }
body.single-product .experts__wrap { padding: 70px 0 40px; }
body.single-product .sale-experts__item-header { background-color: #FFF; }
body.single-product .sale-experts__item-header::before { border-color: transparent transparent transparent #FFF; }

body.single-product .experts__wrap::before { content: ''; position: absolute; right: -40px; left: -40px; top: 0; height: 30px; border-radius: 0 0 20px 20px; background-color: #FFF; z-index: 2; }
body.single-product .experts__wrap::after { content: ''; position: absolute; right: 0; left: 0; top: 5px; height: 50px; z-index: 1; background-image: url(./assets/images/shadow.svg); }

@keyframes blink {
50% { opacity: .5; }
}

.inline-experts { background-color: #f5f5f5; border-radius: 10px; padding: 30px 20px; }
.inline-experts .sale-experts { margin-top: 0; }



/* page > contact */
.contact-page { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
.contact-page iframe { border-radius: 10px; border: 1px solid rgba(0,0,0, .1) !important; display: block; }
.contact-page__items { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; }
.contact-page__block { border: 1px solid rgba(0,0,0, .1); background-color: #FFF; border-radius: 10px; padding: 15px; }
.contact-page__block span { display: block; margin: 0 0 15px; font-weight: 700; font-size: 1.1em; }
.contact-page__block p { margin: 0; font-size: .9em; line-height: 1.5; }
.contact-page__block span::before { font-family: 'icons'; color: var(--alpha); display: inline-block; margin-left: 10px; position: relative; top: 2px; }
.contact-page__block--address span::before { content: '\e921'; }
.contact-page__block--worktime span::before { content: '\e91f'; }
.contact-page__block--phone span::before { content: '\e922'; }
.contact-page__block--email span::before { content: '\e920'; }


.price-list__section { margin-bottom: 30px; }
.price-list__table { width: 100%; border: 2px solid #ddd; border-radius: 10px; border-collapse: separate; padding: 10px; border-spacing: 0; }
.price-list__table td { padding: 6px 10px; font-size: .9em; white-space: wrap; }
.price-list__table tr:nth-child(even) { background-color: rgba(0,0,0, .05); }
.price-list__section-title { font-weight: 800; font-size: 1.1em; margin-bottom: 10px; }

.price-list__navigation { margin-bottom: 30px; }
.price-list__navigation ul { list-style: none; padding: 0 ; margin: 0; }
.price-list__navigation ul li { display: inline-block; cursor: pointer; margin-left: 10px; background-color: #000; color: #FFF; padding: 5px 10px; border-radius: 5px; font-size: .9em; }


/**
* float menu
*/
.float-menu-container { background: #FFF; box-shadow: 0 -3px 3px rgba(0,0,0, .05); position: fixed; bottom: 0; right: 0; left: 0; z-index: 999; padding: 13px 20px 10px; min-height: 30px; }
.float-menu { display: flex; gap: 10px; justify-content: space-between; padding: 0 30px; }
.float-menu__item { cursor: pointer; text-align: center; position: relative; line-height: 1.3; }
.float-menu__item::before { font-family: 'icons'; font-size: 1.4em; display: inline-block; }
.float-menu__item--phone::before { content: '\e900'; }
.float-menu__item--call::before { content: '\e904'; }
.float-menu__item--cart::before { content: '\e900'; }
.float-menu__item--home::before { content: '\e914'; }
.float-menu__item--account::before { content: '\e902'; }

.float-menu__item--account.logged-in { color: #00ad34; }

.float-menu__item--menu { color: var(--alpha); }
.float-menu__item--menu::before { content: '\e915'; }
.float-menu__item-label { display: block; font-size: .8em; }

.float-menu__item--home a { display: flex; align-items: center; }

.float-menu__item-count { display: inline-block; width: 18px; height: 18px; border-radius: 50%; background-color: var(--alpha); position: absolute; bottom: 17px; text-align: center; font-size: .9em; line-height: 1.6; color: #FFF; }

.goto-purchase-form { display: block; margin-bottom: 10px; cursor: pointer; }
.goto-purchase-form:hover { opacity: 1 !important; }

.order-tracking { background-color: var(--beta); color: #FFF; border-radius: 0 3px 3px 0; width: 60px; position: absolute; left: 0; top: -65px; padding: 5px 0 3px; display: flex; flex-flow: column; align-items: center; text-align: center; gap: 3px; animation: blink 1s linear infinite; }
.order-tracking::before { content: '\e916'; font-family: 'icons'; font-size: 1.2em; display: block; }
.order-tracking span { font-size: .7em; line-height: 1.3; }


.menu-container { border-top: 1px solid #eee; padding: 20px 0 10px; margin-top: 10px; display: none; }
.menu-container ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }
.menu-container ul li a { display: block; background-color: var(--gamma); padding: 5px 10px; border-radius: 5px; font-size: .9em; }
.menu-container ul li a:focus { background-color: var(--alpha); color: #FFF; }

#menu-back { display: inline-block;  margin-top: 10px; color: #084a84; }
#menu-back::before { content: '\e92b'; font-family: 'icons'; font-size: 1.2em; display: inline-block; margin-left: 5px; position: relative; top: 3px; }
#menu-go-to { display: inline-block; margin-bottom: 10px; color: var(--beta); }
#menu-go-to::before { content: '\e908'; font-family: 'icons'; font-size: 1.2em; display: inline-block; margin-left: 5px; position: relative; top: 3px; }






.product-single .wrap { display: grid; grid-template-columns: 100%; grid-gap: 30px; }
.product-single__cover { display: grid; grid-template-columns: 34.61538461538461% 28% auto; grid-template-areas: 'p-gallery p-atts p-purchase'; grid-gap: 20px; }

/* product gallery */
.product-gallery { grid-area: p-gallery; }
.product-gallery__slider { border-radius: 10px; }
.product-gallery img { border-radius: 5px; }
.product-gallery__thumbnails { margin-top: 10px; }
.product-gallery__thumbnails-item { cursor: pointer; border-radius: 10px; }
.product-gallery__thumbnails-item img { opacity: .7; }
.product-gallery__thumbnails-item.swiper-slide-thumb-active img { opacity: 1; }

/* product meta */
.product-meta { grid-area: p-atts; }
.product-meta__main { display: flex; gap: 10px; margin-bottom: 20px; }

.product-meta__main .label { font-size: .8em; display: block; margin-bottom: 5px; }
/* .product-meta__main .atr { display: flex; } */
.product-meta__main .atr img { height: 20px; width: auto; display: block; }

.product-meta__main .text { font-size: .8em; font-weight: 700; border: 1px solid #aaa; padding: 0 7px; position: relative; top: -4px; border-radius: 5px; }

.product-meta__featured-item { display: flex; gap: 10px; }
.product-meta__featured-item .label { width: 100px; font-size: .8em; }
.product-meta__featured-item .value { font-weight: 700; font-size: .9em; }

.product-meta__featured-more { font-size: .8em; color: var(--beta); cursor: pointer; }

.product-meta__short-description { font-size: .9em; }

.cross-product { background-color: var(--gamma); padding: 15px 20px; border-radius: 10px; margin-top: 10px; display: block; }
.cross-product__info { display: flex; gap: 15px; align-items: center; }
.cross-product__title { font-size: .8em; font-weight: 700; }
.cross-product img { max-width: 70px; }
.cross-product__context { color: var(--alpha); flex-basis: 100%; font-size: .8em; display: block; margin-bottom: 10px; animation: blink 1s linear infinite; }
.cross-product__context::before { content: '\e92a'; font-family: 'icons'; display: inline-block; margin-left: 5px; position: relative; top: 2px; }

/* product options */
.product-options { grid-area: p-purchase; }
.product-options div[data-title]::before { content: attr(data-title); font-size: 1.2em; font-weight: 700; }
.add-to-card-container { display: flex; gap: 10px; position: relative; }

.product-options__buy .loop-price.two-lines { justify-content: initial; align-items: center; }

.mrj-add-to-cart { display: flex; flex-flow: column; gap: 10px; }

.mrj-add-to-cart__price { margin: 0; background-color: #756060; color: #FFF; padding: 15px 20px; border-radius: 5px; display: flex; justify-content: space-between; align-items: center; position: relative; flex-wrap: wrap; }
.mrj-add-to-cart__price::before { content: 'قیمت نهایی :'; font-size: .8em; }
.mrj-add-to-cart__price strong { font-size: 1.2em; display: inline-block; margin-left: 5px; }
.mrj-add-to-cart__price .no-price { display: flex; justify-content: left; align-items: center; }
.mrj-add-to-cart__price .loop-price { justify-content: left; font-size: 1.1em; }

.mrj-add-to-cart__price .loop-price::after { color: #FFF; }
.mrj-add-to-cart__price .loop-price .price__amount span::before { color: #FFF; }

.mrj-add-to-cart__price .stock-status { font-size: .7em; }
.mrj-add-to-cart__price .stock-status::before { font-family: 'icons'; display: inline-block; margin-left: 7px; position: relative; top: 2px; }
.mrj-add-to-cart__price .stock-status.instock { color: #79ffa1; }
.mrj-add-to-cart__price .stock-status.instock::before { content: '\e91e'; }
.mrj-add-to-cart__price .stock-status.outofstock { color: var(--delta); }
.mrj-add-to-cart__price .stock-status.outofstock::before { content: '\e91f'; }

.mrj-add-to-cart__button { flex: auto; }
.mrj-add-to-cart__button .button { display: block; width: 100%; font-size: .9em; text-align: center; pointer-events: none; opacity: .5; }

.quantity { display: flex; align-items: center; background-color: #FFF; border-radius: 25px; padding: 0 10px; }
.add-to-card-container .quantity { border: 1px solid rgba(0,0,0, .1); opacity: .5; pointer-events: none;  }
.quantity input[type="number"] { background: none; border: none; width: 40px; padding: 0; text-align: center; }
.quantity__control { display: flex; align-items: center; cursor: pointer; }
.quantity__control::before { font-family: 'core-icons'; font-size: 1.8em; color: var(--alpha); border-radius: 50%; }
.quantity__control.increase::before { content: '\e90f'; }
.quantity__control.decrease::before { content: '\e90e'; }
.quantity__control:hover::before { background-color: var(--alpha); color: #FFF; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.mrj-add-to-cart__button .button[data-status="instock"], .quantity[data-status="instock"] { opacity: 1; pointer-events: initial; }
.mrj-add-to-cart__button a.button { background-color: #333; color: #FFF; opacity: 1; pointer-events: initial; }


#billing_country_field { display: none; }
td.product-card { padding-right: 0 !important; }
.cart-item-product { display: flex; gap: 20px; align-items: center; justify-content: space-between; padding: 5px 0; }
.cart-item-product-data { display: flex; gap: 10px; align-items: center; max-width: 350px; }
.cart-item-product-data > a { flex-shrink: 0; }
.mrj-item-info { display: flex; flex-flow: column; font-size: .9em; }
.mrj-item-info a { font-weight: 600; }
.product-subtotal { margin-top: 10px; padding-top: 10px; display: flex; gap: 20px; align-items: center; border-top: 1px solid rgba(0,0,0, .05); justify-content: space-between; }
.product-subtotal .amount::before { content: 'جمع :'; display: inline-block; margin-left: 5px; font-size: .9em; color: var(--alpha); }
.cart-item-score { font-size: .9em; }
.cart-item-score::before { content: '\e930'; font-family: 'icons'; display: inline-block; margin-left: 5px; font-size: .8em; position: relative; top: 1px; color: orange; }
.cart-item-score strong { display: inline-block; margin-left: 2px; }
.product-name .remove { margin-left: 10px; }

.qty { display: inline-flex; max-width: 150px; align-items: center; background-color: #FFF; border-radius: 25px; padding: 5px 5px; }
.qty input[type="number"] { background: none; border: none; width: 30px; padding: 0; text-align: center; }
.qty__control { display: flex; align-items: center; cursor: pointer; }
.qty__control::before { font-family: 'core-icons'; font-size: 1.4em; color: var(--alpha); border-radius: 50%; }
.qty__control.increase::before { content: '\e90f'; }
.qty__control.decrease::before { content: '\e90e'; }
.qty__control:hover::before { background-color: var(--alpha); color: #FFF; }

.qty input::-webkit-outer-spin-button,
.qty input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.product-options__buy-scores { margin: 0; font-size: .8em; }
.product-options__buy-scores strong { display: inline-block; margin: 0 3px; }

.mrj-add-to-cart__variations { display: flex; flex-flow: wrap; gap: 10px; max-height: 80px; overflow-y: auto; position: relative; }
.mrj-add-to-cart__variations::before { content: '\e915'; font-family: 'icons'; position: absolute; left: 15px; height: 17px; top: 0; bottom: 0; margin: auto; pointer-events: none; }
.mrj-add-to-cart__variations p { margin: 0; }

.mrj-add-to-cart input:not([type="number"]) { display: none; }
.mrj-add-to-cart label { cursor: pointer; border: 1px solid rgba(0,0,0, .1); border-radius: 5px; padding: 5px 20px; display: block; font-size: .8em; }
.mrj-add-to-cart input:checked ~ label { background-color: var(--beta); color: #FFF; }

.product-variation-select { width: 100%; background-color: #FFF; border: 1px solid rgba(0,0,0, .1); border-radius: 5px; padding: 12px 15px 12px 40px; appearance: none; -webkit-appearance: none; cursor: pointer; font-size: .9em; }


/* product popup > support */
.product-support {  background-color: var(--gamma); padding: 20px; border-radius: 10px; display: flex; gap:15px; align-items: flex-start; justify-content: space-between; }
.product-support__image { border-radius: 10px; }
.product-support__desc { display: grid; grid-template-columns: 100%; grid-gap: 10px; }
.product-support__desc p { margin: 0; font-size: .8em; text-align: justify; }

.product-support__methods { display: flex; gap: 10px; }
.product-support__methods-item { display: flex; gap: 7px; align-items: center; }
.product-support__methods-item::before { font-family: 'icons'; font-size: 1.6em; font-weight: 100; }
.product-support__methods-item span { font-size: .7em; }
.product-support__methods-item--call::before { content: '\e91a'; color: rgb(238, 58, 157); }
.product-support__methods-item--telegram::before { content: '\e91b'; color: #299fdc; }
.product-support__methods-item--whatsapp::before { content: '\e91c'; color: #4cc135; }


.product-single__review { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; position: relative; }


.product-single__review-submition { position: relative; }

.product-review { position: sticky; top: 0; }

.product-review__note::before,
.product-single__review-comments::before { content: attr(data-legend); display: block; font-size: 1.4em; font-weight: 700; margin-bottom: 20px; }
.product-review__note p { font-size: .9em; text-align: justify; }

.product-review__author { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.product-review__field label { display: block; margin-bottom: 5px; font-size: .9em; }
.product-review__field label .required { color: red; }
.product-review__field input, .product-review__field textarea { width: 100%; }
.product-review__field textarea { resize: vertical; }

.product-review__rating::after { content: attr(data-label); display: inline-block; font-size: .9em; margin-left: 10px; }
.product-review__rating {	display: flex; flex-direction: row-reverse;	justify-content: flex-end; align-items: center; }
.product-review__rating input {	display: none; }
.product-review__rating label {	font-size: 24px; cursor: pointer; }
.product-review__rating label:hover, .product-review__rating label:hover ~ label { color: var(--beta); }
.product-review__rating input:checked ~ label {	color: var(--beta); }



.product-single__tabs-nav { background-color: #FFF; border-bottom: 1px solid var(--delta); display: flex; gap: 10px; position: sticky; top: 0; z-index: 10; margin-bottom: 30px; }
body.admin-bar .product-single__tabs-nav { top: 32px; }
.product-single__tabs-nav-item { padding: 15px 0; cursor: pointer; position: relative; font-weight: 700; }
.product-single__tabs-nav-item.active::after { content: ''; position: absolute; right: 0; left: 0; bottom: -1px; height: 3px; background-color: var(--alpha); }
.product-single__tabs-nav-item .count { background-color: var(--beta); color: #FFF; display: inline-block; margin-right: 5px; border-radius: 3px; padding: 2px 10px 0; position: relative; top: -2px; }
.product-single__tabs-content { display: none; }
.product-single__tabs-content.active { display: block; }


.countdown strong { color: #dd5349; font-weight: 700; display: block; margin-bottom: 5px; }
.countdown strong::before { content: '\e92e'; font-family: 'icons'; display: inline-block; margin-left: 5px; position: relative; top: 3px; }
#countdown { display: flex; gap: 5px; direction: ltr; }
#countdown .ti { background-color: #dd5349; color: #FFF; padding: 7px 10px 0; display: inline-block; font-size: 1.4em; text-align: center; border-radius: 5px; flex: 1; line-height: 1.2; }
#countdown .ti::before { content: attr(data-label); display: block; font-size: .5em; }





@media screen and (max-width:1280px) {
  /* reset */
  .wrap { width: calc(100% - 40px);}

  .avalbash-single { padding: 0 20px; }
  .avalbash-single__content { grid-template-columns: 30% 30% auto; grid-gap: 20px; padding-bottom: 155px; }
  .product-popup__header { padding: 20px; }

  /* vitrine */
  .vitrine { margin: 20px 0 !important; }
  .vitrine__swiper-pagination { bottom: 20px; }

  /* alpha swiper */
  .product-swiper__wrap.alpha .section__title { margin-bottom: 20px; }
  .product-swiper.alpha { background: linear-gradient(90deg,rgba(251, 196, 199, 1) 0%, rgba(255, 58, 52, 1) 100%); padding: 20px 0; }
  .product-swiper__wrap.alpha::before { display: none; }

  .header__controls .wrap::before, .header__controls .wrap::after,
  .featured-categories__wrap::before, .featured-categories__wrap::after,
  .product-cover__wrap::before, .product-cover__wrap::after,
  body.single-product .experts__wrap::before, body.single-product .experts__wrap::after,
  .archive-container .wrap::before, .archive-container .wrap::after { display: none; }

  .product-header .wrap, body.single-product .experts__wrap, .layout__title .wrap, .archive-header .wrap { padding: 20px 0; }
  .product-cover__in { padding: 20px 0; }  
}

@media screen and (max-width:1024px) {
  /* trust icons */
  .trust-icons__wrap { gap: 20px; }
  .trust-icons__item-sublabel { display: none; }

  /* categories */
  .categories__content ul ul { white-space: initial; grid-template-columns: repeat(5, 1fr); }

  /* cliven */
  .cliven::before { top: 30px; bottom: 30px; }
  .cliven .wrap { gap: 20px; }
  .cliven__image { max-width: 500px; }

  /* blog */
  .blog-vitrine__content { grid-template-columns: 1fr 1.3fr; grid-template-areas: 'blog-recent blog-recent' 'blog-featured blog-cats'; }
  .recent-posts { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .recent-posts__item-image { max-width: 120px; }

  /* product single */
  .product-cover__in { grid-template-columns: 45% auto; grid-template-areas: 'pc-gallery pc-summary' 'pc-side pc-side'; }

  /* sale experts */
  .sale-experts { grid-gap: 20px; grid-template-columns: 40% repeat(2, 1fr); }
  .product-cover .sale-experts { padding: 0 30px 30px; }

  /* shop archive */
  .shop-template .swiper-wrapper { grid-template-columns: repeat(3, 1fr); }

  /* page > contact */
  .contact-page { grid-template-columns: 100%; }
  .contact-page iframe { width: 100%; }
	

  /* shop pages */
  .shop-pages-container { grid-template-columns: 100%; grid-gap: 20px; }

  .avalbash-single__content { grid-template-columns: 100%; }

  .footer__widgets-wrap { grid-template-columns: 1fr 1fr; grid-template-areas: 'f-about f-about' 'f-access f-contact'; }
}


@media screen and (max-width:991px) {

  /* shop archive */
  .shop-template .archive-container .wrap { grid-template-columns: 1fr; grid-template-areas: 'primary' 'arc-side'; }
  .shop-template .swiper-wrapper { grid-template-columns: repeat(4, 1fr); }

  .yith-wcan-filters { background-color: white; }
  .yith-wcan-filters.filters-modal .yith-wcan-filter h4.collapsable::after { right: auto; left: 5px; }
  /* .yith-wcan-filters-opener { margin-bottom: 20px; position: absolute; right: 0; top: -70px; } */
  .yith-wcan-filters-opener { margin: 20px 0; }

  /* section > cliven */
  .cliven { background-color: var(--gamma); }
  .cliven::before { display: none; }
  .cliven .wrap { padding: 25px 0; gap: 20px; }

}


@media screen and (max-width:834px) {
  /* reset */
  body { margin-bottom: 72px; font-size: 95%; }

  /* header */
  .header { position: sticky; top: 0; z-index: 100; }
  body.admin-bar .header { top: 32px; }
  .header__controls .wrap { padding: 20px 0; }
  .header__navbar,
  .header__categories,
  .mini-cart,
  .user-account { display: none; }

  .mrj-popup_content { margin-left: 20px; margin-right: 20px; }
  .mrj-popup_content-in { width: auto !important; }

  /* section > about */
  .about__wrap { grid-template-columns: 1fr; justify-items: center; padding: 20px 0 0; }

  /* featured categories */
  .featured-categories__swiper,
  .swiper-zone { margin: 0 -20px; }

  .featured-categories__swiper-button,
  .featured-cats__swiper-button { display: none; }

  /* featured cats and bnrs */
  .featured-cats .wrap { padding-top: 0; }
  .featured-cats::before { display: none; }
  .bnrs__wrap { gap: 20px; }

  /* blog and videos */
  .triple-swiper .swiper-container { margin: 0 -20px; }

  /* single product */
  .product-single__review { grid-template-columns: 100%; }

  /* sale experts */
  .sale-experts { grid-template-columns: repeat(2, 1fr); grid-template-areas: 'exm exm' 'exi exi2'; justify-items: center; }

  /* my account page */
  body.logged-in .page-layout .woocommerce { grid-template-columns: 1fr; grid-gap: 20px; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(3, 1fr); }

  /* account page */
  body.logged-in.woocommerce-account .page-layout .woocommerce { grid-template-columns: 1fr; }

  /* story */
  .story__grid { display: flex; flex-flow: column; gap: 20px; flex-direction: column-reverse; }
}



@media screen and (max-width:768px) {
  /* reset */
  body:not(.home) { background-color: #FFF; }

  .woocommerce-page div.product .woocommerce-tabs { background-color: none; padding: 0; box-shadow: none; border-radius: 0; }

  /* shop archive */
  .shop-template .swiper-wrapper { grid-template-columns: repeat(3, 1fr); }
  .shop-template__footer-section { padding: 0; background-color: none; box-shadow: none; border-radius: 0; }

  .shop-template { padding-bottom: 0; }
  .shop-template__footer { background-color: #FFF; }
  .shop-template__footer .wrap { padding: 20px 0; }

  body.single .content-area { background-color: #FFF; }

  /* cliven */
  .cliven { background: none; }
  .cliven .wrap { flex-flow: column; background: var(--gamma); border-radius: 20px; padding: 30px; }
  .cliven__content { align-items: center; }
  .cliven__image { max-width: 100%; border-radius: 10px; }

  /* blog */
  .blog-vitrine { background: none; }
  .blog-vitrine__wrap { background-color: var(--gamma); border-radius: 20px; padding: 30px; }
}


@media screen and (max-width:640px) {

  /* header */
  .heading img { max-width: 50px; }

  /* trust icons */
  .trust-icons__item { flex-flow: column; align-items: center; text-align: center; }

  /* single product */
  .product-cover__in { grid-template-columns: 1fr; grid-template-areas: 'pc-gallery' 'pc-summary' 'pc-side'; }

  /* pros and cons */
  .pros-cons { grid-template-columns: 1fr; }

  /* blog */
  .blog-vitrine__content { grid-template-columns: 100%; grid-template-areas: 'blog-recent' 'blog-featured' 'blog-cats'; }
  .recent-posts { gap: 10px; grid-template-columns: 100%; }
  .recent-posts__item-image { width: 100px; }
  .blog-vitrine__cats ul { gap: 10px; }
  .blog-vitrine__cats ul li:nth-child(2n+1) { display: none; }
  .blog-vitrine__cats ul li a { padding: 25px 15px; }
  
  /* bnrs */
  .bnrs__wrap { grid-template-columns: 100%; }

  /* story */
  .story__content.smry { height: 120px; overflow-y: hidden; margin-bottom: 20px; position: relative; }
  .story__content.smry::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; background: linear-gradient(to top, #FFF, transparent); height: 70px; border-bottom: 20px solid #FFF; }
  .story__content.smry .more { position: absolute; color: var(--alpha); bottom: 0; right: 0; z-index: 2; }
   
}



@media screen and (max-width:480px) {
  /* reset */
  body { font-size: 90%; margin-bottom: 70px; }

  /* section */
  .section__title { margin-bottom: 15px; }
  .section__title span, .section__title strong { font-size: 1.2em; }
  .section__title span::before, .section__title strong::before { display: none; }

  .footer__trust-btn a { padding-left: 30px; padding-right: 30px; }

  /* trust icons */
  .trust-icons__wrap { gap: 10px; }
  .trust-icons__item-image { height: 40px; width: auto; }
  .trust-icons__item-label { font-size: .8em; }


  /* sale experts */
  /* .sale-experts__item { display: block; text-align: center; }
  .sale-experts__item-image { margin-bottom: 10px; } */

  /* admin rates - pros and cons */
  .pros-cons { padding: 20px; }
  .admin-rates { display: grid; grid-template-columns: 1fr; grid-gap: 15px; padding: 20px; }
  .admin-rates__item { grid-template-columns: 1fr; grid-gap: 0; padding-left: 0; }

  /* shop archive */
  .shop-template .swiper-wrapper { grid-template-columns: repeat(2, 1fr); }

  /* page > contact */
  .contact-page__items { grid-template-columns: 100%; }

  .avalbash-single .wrap { margin: 0; width: 100%; }

  /* product single */
  .product-single .wrap { grid-gap: 30px; }
  .product-single__cover { grid-template-columns: 100%; grid-template-areas: 'p-gallery' 'p-atts' 'p-purchase'; grid-gap: 20px; }

  /* blog */
  .recent-posts { grid-template-columns: 100%; }

  /* cliven */
  .cliven .wrap { padding: 20px; }

  /* about */
  .about__content.smry { height: 120px; overflow-y: hidden; margin-bottom: 20px; position: relative; }
  .about__content.smry::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; background: linear-gradient(to top, #f5f1f2, transparent); height: 70px; border-bottom: 20px solid #f5f1f2; }
  .about__content.smry .more { position: absolute; color: var(--alpha); bottom: 0; right: 0; z-index: 2; }
}


@media screen and (max-width:390px) {
/* product popup > support */
.product-support { padding: 15px; }
.product-support__header-image { max-width: 50px; }
}


@media screen and (max-width:360px) {
/* trust icons */
.trust-icons__item-label { font-size: .7em; }

/* single product meta */
.product-meta__col2 { grid-template-columns: 1fr; }

/* my account page */
.woocommerce-account .woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(2, 1fr); }
}