.shoe-shop :where(b, strong, small) {
  font-weight: 630;
}

.shoe-shop :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-weight: 630;
}

.th-hero-wrapper {
  padding-block-start: 40px;
}

@media (max-width: 991px) {
  .th-hero-wrapper { padding-block-start: 22px; }
}

:root {
  --vp-gold-fill: #DAB226;
  --vp-gold-fill-ink: #BB9920;
  --vp-gold-lit: #EFC94F;
  --vp-gold: #A08119;
  --vp-gold-ink: #8B7217;
  --vp-gold-ink-deep: #6B550E;
  --vp-gold-ink-lit: #C49D16;
  --vp-gold-ramp-lit: #E5B71A;
  --vp-gold-ramp-top: #93791F;
  --vp-gold-ramp-ink: #7A641A;
  --vp-gold-ramp-foot: #E3B825;
  --vp-gold-step: #D9B42B;
  --vp-gold-step-deep: #A38619;

  --vp-gold-burst-top: #C0972F;
  --vp-gold-burst-foot: #E3B54A;

}

:root,
.shoe-shop, .fashion-shop, .electronics-shop, .grocery-shop,
.coffee-shop, .furniture-shop, .home-electrician {
  --theme-color: var(--vp-gold);
  --gr-color2: var(--vp-gold-ramp-lit);
}

.vp-burst linearGradient stop:first-child,
.vp-deal-burst linearGradient stop:first-child { stop-color: var(--vp-gold-burst-top); }
.vp-burst linearGradient stop:last-child,
.vp-deal-burst linearGradient stop:last-child { stop-color: var(--vp-gold-burst-foot); }

.about-card .box-desig,
.blog-box .blog-meta a > i,
.blog-box .blog-meta span > i,
.blog-card .blog-meta a > i,
.blog-card .blog-meta span > i,
.blog-grid .blog-meta a > i,
.blog-grid .blog-meta span > i,
.blog-inner-title i,
.blog-meta a:hover,
.blog-navigation .blog-btn:hover,
.blog-navigation .nav-btn:hover .nav-text,
.blog-single .blog-img .slider-arrow,
.blog-title a:hover,
.box-title a:hover,
.box-title2 a:hover,
.breadcumb-menu li:last-child,
.calendar_wrap #today,
.call-btn .box-link a:hover,
.cart_table .remove,
.cart_totals .order-total .amount,
.cart_totals .shipping-calculator-button:hover,
.category-menu .mega-menu ul li a:hover,
.category-menu li.menu-item-has-children > a:hover:after,
.check-list li > i,
.checkout-ordertable .order-total .amount,
.checkout-ordertable input[type="hidden"] ~ label,
.collection-category.style10 .box-content .box-text span,
.collection-category.style10 .text,
.collection-category.style2 .box-content .box-text span,
.collection-category.style4 .box-content .offer,
.collection-category.style5 .box-content .box-text span,
.collection-category.style5 .text,
.collection-category.style6 .discount,
.collection-category.style6 .text,
.collection-category.style8 .box-content .box-text span,
.color-scheme .color-switch-btns button,
.contact-info_link:hover,
.contact-item_icon,
.contact-item_text a:hover,
.contact-media .box-text a:hover,
.contact-media .icon-btn,
.contact-media-wrap .box-title,
.copyright-text a,
.copyright-wrap .copyright-text a,
.copyright-wrap .copyright-text i,
.copyright-wrap.bg-title .copyright-text a:hover,
.counter-list.style5 li .count-name,
.counter-list.style5 li .count-number,
.cta-area.style2 .box-title .discount,
.cta-sec4 .cta-content4 .subtitle,
.currency-menu .nice-select .option.selected,
.dark-theme .blog-card .blog-meta a > i,
.dark-theme .blog-card .blog-meta span > i,
.dark-theme .main-menu ul.sub-menu li a:before,
.dark-theme .th-mobile-menu ul li.th-active > a,
.dark-theme a:hover,
.discount-wrapp .discount,
.footer-contact .box-icon,
.footer-contact .box-text a:hover,
.footer-layout3 .copyright-wrap .copyright-text a:hover,
.footer-layout4 .copyright-wrap .copyright-text a:hover,
.footer-layout4 .th-social.style2 a,
.footer-layout6 .copyright-wrap .copyright-text a,
.footer-links a:hover,
.footer-widget .form-group > i,
.footer-widget .recent-post .recent-post-meta a:hover i,
.footer-widget .recent-post .recent-post-meta i,
.footer-widget.widget_archive a:hover,
.footer-widget.widget_categories a:hover,
.footer-widget.widget_meta a:hover,
.footer-widget.widget_nav_menu a:hover,
.footer-widget.widget_pages a:hover,
.header-call:hover,
.header-layout1 .category-menu a:hover,
.header-layout1 .header-right li i,
.header-layout2 .category-menu a:hover,
.header-links a:hover,
.header-links li > i,
.info-box .box-icon,
.info-box .box-link:hover,
.info-list i,
.langauge .nice-select .option.selected,
.line-btn:hover,
.link-btn,
.link-btn2 i,
.link-btn2:hover,
.link-btn:hover,
.main-menu > ul > li > a:hover,
.main-menu a:hover,
.main-menu ul li.menu-item-has-children > a:hover:after,
.main-menu ul li:has(.mega-menu) > a:hover:after,
.main-menu ul li:has(.sub-menu) > a:hover:after,
.main-menu ul.sub-menu li a:before,
.main-menu ul.sub-menu li a:hover,
.mega-menu-box .mega-menu-title span,
.menu-style1 > ul > li > a:hover,
.offer-text,
.offter-title,
.play-btn.style3 > i,
.popup-search-box button.searchClose,
.product-box .box-price del,
.product-box .circle-dot .dot,
.product-box .rating i,
.product-box .shape-mockup2 i,
.product-grid .box-title:hover,
.product-grid.style2 .product-action a .icon,
.product-grid.style5 .product-action a .icon,
.product-grid.style6 .box-price,
.product-grid.style9 .box-price,
.product-item.style2 .box-price,
.product-item.style2 .line-btn:hover,
.product-item.style3 .box-price,
.product-item2 .line-btn,
.product-style1 .box-price,
.product-title-area.style2 .box-title,
.product_meta > span a:hover,
.project-block .box-subtitle,
.project-element .box-subtitle,
.recent-post .media-img:after,
.recent-post .recent-post-meta a:hover,
.scroll-top svg,
.scroll-top:after,
.service-card .box-subtitle,
.service-gallery .box-btn:hover,
.service-meta a i,
.service-meta span i,
.share-title i,
.sidebar-gallery .gallery-btn:hover,
.sidemenu-wrapper .closeButton:hover,
.slider-arrow,
.social-links a:hover,
.sub-title,
.sub-title2,
.team-box .box-btn i,
.team-contact .box-text a:hover,
.team-grid .th-social a,
.testi-box .box-review,
.testi-card .box-review,
.text-inherit:hover,
.text-theme,
.th-btn.style5:hover,
.th-btn.style6:hover,
.th-comments-wrap .commented-on i,
.th-comments-wrap .reply-btn,
.th-comments-wrap .reply-btn i,
.th-comments-wrap .reply-btn:hover,
.th-mobile-menu ul li.th-active > a,
.th-product .price,
.th-product .product-category:hover,
.th-product .product-title a:hover,
.th-product.list-view .price,
.th-search .search-grid-title a:hover,
.th-social.style2 a,
.th-sort-bar .nav a.active,
.th-sort-bar .nav a:hover,
.th-team .box-desig,
.th-team .team-social a:hover,
.timer-counter li .count-number,
.timer-counter li:not(:last-child):before,
.tinv-wishlist .tinv-modal .icon_big_times,
.tinv-wishlist td.product-name a:hover,
.widget-banner .box-link a:hover,
.widget-call .call:hover,
.widget_archive a:hover,
.widget_archive a:hover ~ span,
.widget_categories a:hover,
.widget_categories a:hover ~ span,
.widget_meta a:hover,
.widget_meta a:hover ~ span,
.widget_nav_menu a:hover,
.widget_nav_menu a:hover ~ span,
.widget_pages a:hover,
.widget_pages a:hover ~ span,
.widget_recent_comments a:hover,
.widget_recent_comments li:before,
.widget_recent_entries ul li > a:hover,
.widget_rss a:hover,
.widget_rss ul .rss-date:before,
.widget_rss ul a:hover,
.widget_shopping_cart .cart_list a.remove:hover,
.widget_shopping_cart .cart_list a:not(.remove):hover,
.woocommerce-grouped-product-list-item label a:hover,
.wp-block-calendar #today,
.wp-block-categories a:hover,
.wp-block-categories a:hover ~ span,
.wp-block-latest-comments a:hover,
.wp-block-latest-comments li:before,
.wp-block-latest-comments__comment a:hover,
.wp-block-quote.style-left-icon:before,
.wp-block-rss a:hover,
.wp-block-rss ul .rss-date:before,
.wp-block-rss ul a:hover,
a,
blockquote.style-left-icon:before,
input[type="checkbox"].style2:checked ~ label:before,
table.variations label a:hover,
ul.wp-block-latest-posts a:hover {
  color: var(--vp-gold-ink);
}

.footer-wrapper a:hover,
.footer-wrapper .footer-links a:hover,
.header-top a:hover,
.th-header .header-top a:hover {
  color: var(--vp-gold-ink-lit);
}

.added_to_cart:hover,
.badge,
.blog-meta a:not(:last-child):after,
.blog-meta span:not(:last-child):after,
.blog-single .blog-img .slider-arrow:hover,
.blog-single.format-link:before,
.blog-single.format-quote:before,
.blog-single.sticky:before,
.blog-single.tag-sticky-2:before,
.calendar_wrap caption,
.cart_table .qty-btn:hover,
.color-scheme .switchIcon,
.comparison-img .slider-button,
.comparison-img p,
.contact-info_icon:hover,
.contact-item:hover .contact-item_icon,
.contact-map .contact-icon i,
.contact-process .box-number:before,
.counter-list.style2 li .count-number,
.counter-list.style7 li,
.cta-sec2,
.currency-menu .nice-select .option.focus,
.currency-menu .nice-select .option.selected,
.currency-menu .nice-select .option.selected.focus,
.currency-menu .nice-select .option:hover,
.customer-box,
.download-widget-wrap .th-btn.style2:before,
.elegant-item .play-btn > i,
.faq-search button,
.filter-menu .tab-btn.active,
.filter-menu .tab-btn:before,
.filter-menu .tab-btn:hover,
.filter-menu.style2 .th-btn.active,
.filter-menu.style2 .th-btn:before,
.filter-menu.style3 .tab-btn.active:after,
.filter-menu.style3 .tab-btn.active:before,
.filter-menu.style3 .tab-btn:hover:after,
.filter-menu.style3 .tab-btn:hover:before,
.footer-layout4 .th-social.style2 a:hover,
.footer-layout5 .copyright-wrap,
.footer-links li:after,
.footer-wrapper .th-social a:hover,
.form-submit input[type="submit"],
.gallery-grid .icon-btn:hover,
.gallery-slider .swiper-slide .th-btn:before,
.gallery-slider .swiper-slide .th-btn:hover,
.gallery-slider .swiper-slide .th-btn:hover:before,
.header-button .icon-btn .badge,
.header-button .icon-btn:hover,
.header-call .icon-btn,
.header-info .icon-btn:hover,
.header-layout2 .category-menu .mega-menu .th-btn:hover,
.header-layout5 .category-menu .mega-menu .th-btn:hover,
.hero-2 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.hero-style1 .scroll-down .scroll-wrap,
.icon-btn.style2,
.icon-btn.style2:hover,
.icon-btn:hover,
.info-box .box-icon:hover,
.langauge .nice-select .option.focus,
.langauge .nice-select .option.selected,
.langauge .nice-select .option.selected.focus,
.langauge .nice-select .option:hover,
.langauge.lang-dropdown .gtranslate_wrapper a:hover,
.line-btn:hover:after,
.link-btn:before,
.login-tab button.nav-link.active,
.main-menu ul.mega-menu > li > a::after,
.main-menu ul.mega-menu > li > a::before,
.main-menu ul.mega-menu::-webkit-scrollbar-thumb,
.menu-expand,
.newsletter-widget .icon-btn,
.offer-item .offer,
.page-links > a.current,
.page-links > a:hover,
.page-links > span:not(.page-links-title):not(.screen-reader-text).current,
.page-links > span:not(.page-links-title):not(.screen-reader-text):hover,
.play-btn > i,
.play-btn.style3:hover > i,
.play-btn.style3:hover:after,
.play-btn.style3:hover:before,
.play-btn.style4:hover > i,
.play-btn:after,
.play-btn:before,
.popup-login-register ul li .nav-menu.active:before,
.post-password-form input[type="submit"],
.price_slider_wrapper .button:hover,
.price_slider_wrapper .ui-slider,
.price_slider_wrapper .ui-slider-range,
.price_slider_wrapper button:hover,
.process-box .box-number,
.process-card .box-number:before,
.product-about .actions .th-btn:before,
.product-about .actions .th-btn:focus,
.product-about .actions .th-btn:hover,
.product-about .checklist li i,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt,
.product-about .tinv-wishlist a:hover,
.product-box .box-icon:hover,
.product-details .border-title:before,
.product-grid .box-discount,
.product-grid .box-img .product-action a .action-text,
.product-grid .box-img .product-action a .action-text:before,
.product-grid .product-action .added_to_cart,
.product-grid .product-action .icon-btn:after,
.product-grid .product-action .icon-btn:before,
.product-grid .product-action .tinv-wishlist a:hover,
.product-grid .product-tag,
.product-grid.style2 .box-img .product-action a:hover .icon,
.product-grid.style5 .box-img .product-action a:hover .icon,
.product-grid.style8 .product-grid-content .th-icon2:before,
.product-item.style2 .line-btn:hover:after,
.product-item2 .line-btn:before,
.product-item2 .line-btn:hover:before,
.productSlide .product-tag,
.project-card .icon-btn,
.project-info-wrap .box-title:after,
.project-nav .icon-btn:hover,
.service-block .icon-btn:hover:after,
.service-block:hover .box-content,
.service-box .th-btn:hover,
.service-box .th-btn:hover:before,
.service-card .th-btn:before,
.service-card .th-btn:hover,
.share-links .tagcloud a:hover,
.share-links .wp-block-tag-cloud a:hover,
.sidebar-area .wp-block-group__inner-container h2:after,
.sidebar-area .wp-block-search__label:after,
.skill-feature .progress-bar,
.slider-arrow:hover,
.summary-content .actions .th-btn:before,
.summary-content .actions .th-btn:focus,
.summary-content .actions .th-btn:hover,
.summary-content .checklist li i,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt,
.summary-content .tinv-wishlist a:hover,
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tab-menu .th-btn.active,
.tab-menu .th-btn.active:before,
.tab-menu .th-btn:hover,
.tab-menu .th-btn:hover:before,
.tab-menu.style2 .th-btn.active,
.tab-menu.style2 .th-btn:before,
.tab-menu.style2 .th-btn:hover,
.tab-menu.style4 .tab-btn.active:after,
.tab-menu.style4 .tab-btn.active:before,
.tab-menu.style4 .tab-btn:hover:after,
.tab-menu.style4 .tab-btn:hover:before,
.tab-menu2 .tab-btn.active .icon,
.tab-menu2 .tab-btn:hover .icon,
.tagcloud a:hover,
.team-block .th-social a,
.team-box .box-social,
.team-box .th-social a,
.team-contact .icon-btn,
.team-element .arrow-icon:hover,
.team-element .whatsapp,
.team-grid .box-btn i,
.team-grid:hover .box-social,
.testi-card:before,
.th-btn.black-btn:before,
.th-btn.black-btn:hover,
.th-btn.style2:hover,
.th-btn.style2:hover:before,
.th-btn.style4:after,
.th-btn.style4:before,
.th-btn.style4:hover,
.th-btn.style5,
.th-btn2 .link-effect .effect-1:before,
.th-btn2.style2,
.th-btn2:before,
.th-menu-toggle,
.th-menu-toggle2,
.th-menu-wrapper .th-menu-toggle,
.th-menu-wrapper2 .th-menu-toggle2,
.th-pagination a.active,
.th-pagination a:hover,
.th-pagination span.active,
.th-pagination span:hover,
.th-product .actions .icon-btn.tinvwl_add_to_wishlist_button:hover,
.th-product .actions .icon-btn.woosq-btn:hover,
.th-product .added_to_cart:hover,
.th-product .product-action .added_to_cart,
.th-product .product-action .icon-btn:before,
.th-product .product-action .tinv-wishlist a:hover,
.th-product .product-tag,
.th-product .tinv-wishlist a:hover,
.th-social a:hover,
.th-widget-about .about-logo:before,
.tinv-wishlist .social-buttons li a.social,
.tinv-wishlist button.button,
.tinv-wishlist p.return-to-shop .button,
.title-area .sec-title.style2:after,
.title-area .sec-title:before,
.widget .search-form button,
.widget-call:before,
.widget.widget_categories.style2 ul li a:hover span,
.widget_rss ul cite:before,
.woocommerce-MyAccount-content .btn,
.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message,
.woosc-remove,
.woosq-product .thumbnails .slick-dots li button,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-calendar caption,
.wp-block-query-pagination-next.active,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-numbers a.active,
.wp-block-query-pagination-numbers a:hover,
.wp-block-query-pagination-numbers span.active,
.wp-block-query-pagination-numbers span:hover,
.wp-block-quote cite,
.wp-block-quote:after,
.wp-block-rss ul cite:before,
.wp-block-search .wp-block-search__button,
.wp-block-tag-cloud a:hover,
  .team-box,
  .cursor-follower,
  .th-btn,
  .bg-theme,
  .th-product .product-action .icon-btn:after,
  .woocommerce-message,
[data-overlay="theme"]:before,
blockquote cite,
blockquote:after,
input[type="checkbox"]:checked ~ label:before,
input[type="radio"]:checked ~ label::before,
nav.woocommerce-MyAccount-navigation li a:hover,
nav.woocommerce-MyAccount-navigation li.is-active a,
option:checked,
option:focus,
option:hover {
  color: #101111;
}

.product-grid.style14 .beige-color span {
  background-color: var(--vp-gold);
}

.added_to_cart:hover,
.badge,
.blog-meta a:not(:last-child):after,
.blog-meta span:not(:last-child):after,
.blog-single .blog-img .slider-arrow:hover,
.blog-single.format-link:before,
.blog-single.format-quote:before,
.blog-single.sticky:before,
.blog-single.tag-sticky-2:before,
.calendar_wrap caption,
.cart_table .qty-btn:hover,
.color-scheme .switchIcon,
.comparison-img .slider-button,
.comparison-img p,
.contact-info_icon:hover,
.contact-item:hover .contact-item_icon,
.contact-map .contact-icon i,
.contact-process .box-number:before,
.counter-list.style2 li .count-number,
.counter-list.style7 li,
.cta-sec2,
.currency-menu .nice-select .option.focus,
.currency-menu .nice-select .option.selected,
.currency-menu .nice-select .option.selected.focus,
.currency-menu .nice-select .option:hover,
.customer-box,
.download-widget-wrap .th-btn.style2:before,
.elegant-item .play-btn > i,
.faq-search button,
.filter-menu .tab-btn.active,
.filter-menu .tab-btn:before,
.filter-menu .tab-btn:hover,
.filter-menu.style2 .th-btn.active,
.filter-menu.style2 .th-btn:before,
.filter-menu.style3 .tab-btn.active:after,
.filter-menu.style3 .tab-btn.active:before,
.filter-menu.style3 .tab-btn:hover:after,
.filter-menu.style3 .tab-btn:hover:before,
.footer-layout4 .th-social.style2 a:hover,
.footer-layout5 .copyright-wrap,
.footer-links li:after,
.footer-wrapper .th-social a:hover,
.form-submit input[type="submit"],
.gallery-grid .icon-btn:hover,
.gallery-slider .swiper-slide .th-btn:before,
.gallery-slider .swiper-slide .th-btn:hover,
.gallery-slider .swiper-slide .th-btn:hover:before,
.header-button .icon-btn .badge,
.header-button .icon-btn:hover,
.header-call .icon-btn,
.header-info .icon-btn:hover,
.header-layout2 .category-menu .mega-menu .th-btn:hover,
.header-layout5 .category-menu .mega-menu .th-btn:hover,
.hero-2 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.hero-style1 .scroll-down .scroll-wrap,
.icon-btn.style2,
.icon-btn.style2:hover,
.icon-btn:hover,
.info-box .box-icon:hover,
.langauge .nice-select .option.focus,
.langauge .nice-select .option.selected,
.langauge .nice-select .option.selected.focus,
.langauge .nice-select .option:hover,
.langauge.lang-dropdown .gtranslate_wrapper a:hover,
.line-btn:hover:after,
.link-btn:before,
.login-tab button.nav-link.active,
.main-menu ul.mega-menu > li > a::after,
.main-menu ul.mega-menu > li > a::before,
.main-menu ul.mega-menu::-webkit-scrollbar-thumb,
.menu-expand,
.newsletter-widget .icon-btn,
.offer-item .offer,
.page-links > a.current,
.page-links > a:hover,
.page-links > span:not(.page-links-title):not(.screen-reader-text).current,
.page-links > span:not(.page-links-title):not(.screen-reader-text):hover,
.play-btn > i,
.play-btn.style3:hover > i,
.play-btn.style3:hover:after,
.play-btn.style3:hover:before,
.play-btn.style4:hover > i,
.play-btn:after,
.play-btn:before,
.popup-login-register ul li .nav-menu.active:before,
.post-password-form input[type="submit"],
.price_slider_wrapper .button:hover,
.price_slider_wrapper .ui-slider,
.price_slider_wrapper .ui-slider-range,
.price_slider_wrapper button:hover,
.process-box .box-number,
.process-card .box-number:before,
.product-about .actions .th-btn:before,
.product-about .actions .th-btn:focus,
.product-about .actions .th-btn:hover,
.product-about .checklist li i,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt,
.product-about .tinv-wishlist a:hover,
.product-box .box-icon:hover,
.product-details .border-title:before,
.product-grid .box-discount,
.product-grid .box-img .product-action a .action-text,
.product-grid .box-img .product-action a .action-text:before,
.product-grid .product-action .added_to_cart,
.product-grid .product-action .icon-btn:after,
.product-grid .product-action .icon-btn:before,
.product-grid .product-action .tinv-wishlist a:hover,
.product-grid .product-tag,
.product-grid.style2 .box-img .product-action a:hover .icon,
.product-grid.style5 .box-img .product-action a:hover .icon,
.product-grid.style8 .product-grid-content .th-icon2:before,
.product-item.style2 .line-btn:hover:after,
.product-item2 .line-btn:before,
.product-item2 .line-btn:hover:before,
.productSlide .product-tag,
.project-card .icon-btn,
.project-info-wrap .box-title:after,
.project-nav .icon-btn:hover,
.service-block .icon-btn:hover:after,
.service-block:hover .box-content,
.service-box .th-btn:hover,
.service-box .th-btn:hover:before,
.service-card .th-btn:before,
.service-card .th-btn:hover,
.share-links .tagcloud a:hover,
.share-links .wp-block-tag-cloud a:hover,
.sidebar-area .wp-block-group__inner-container h2:after,
.sidebar-area .wp-block-search__label:after,
.skill-feature .progress-bar,
.slider-arrow:hover,
.summary-content .actions .th-btn:before,
.summary-content .actions .th-btn:focus,
.summary-content .actions .th-btn:hover,
.summary-content .checklist li i,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt,
.summary-content .tinv-wishlist a:hover,
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tab-menu .th-btn.active,
.tab-menu .th-btn.active:before,
.tab-menu .th-btn:hover,
.tab-menu .th-btn:hover:before,
.tab-menu.style2 .th-btn.active,
.tab-menu.style2 .th-btn:before,
.tab-menu.style2 .th-btn:hover,
.tab-menu.style4 .tab-btn.active:after,
.tab-menu.style4 .tab-btn.active:before,
.tab-menu.style4 .tab-btn:hover:after,
.tab-menu.style4 .tab-btn:hover:before,
.tab-menu2 .tab-btn.active .icon,
.tab-menu2 .tab-btn:hover .icon,
.tagcloud a:hover,
.team-block .th-social a,
.team-box .box-social,
.team-box .th-social a,
.team-contact .icon-btn,
.team-element .arrow-icon:hover,
.team-element .whatsapp,
.team-grid .box-btn i,
.team-grid:hover .box-social,
.testi-card:before,
.th-btn.black-btn:before,
.th-btn.black-btn:hover,
.th-btn.style2:hover,
.th-btn.style2:hover:before,
.th-btn.style4:after,
.th-btn.style4:before,
.th-btn.style4:hover,
.th-btn.style5,
.th-btn2 .link-effect .effect-1:before,
.th-btn2.style2,
.th-btn2:before,
.th-menu-toggle,
.th-menu-toggle2,
.th-menu-wrapper .th-menu-toggle,
.th-menu-wrapper2 .th-menu-toggle2,
.th-pagination a.active,
.th-pagination a:hover,
.th-pagination span.active,
.th-pagination span:hover,
.th-product .actions .icon-btn.tinvwl_add_to_wishlist_button:hover,
.th-product .actions .icon-btn.woosq-btn:hover,
.th-product .added_to_cart:hover,
.th-product .product-action .added_to_cart,
.th-product .product-action .icon-btn:before,
.th-product .product-action .tinv-wishlist a:hover,
.th-product .product-tag,
.th-product .tinv-wishlist a:hover,
.th-social a:hover,
.th-widget-about .about-logo:before,
.tinv-wishlist .social-buttons li a.social,
.tinv-wishlist button.button,
.tinv-wishlist p.return-to-shop .button,
.title-area .sec-title.style2:after,
.title-area .sec-title:before,
.widget .search-form button,
.widget-call:before,
.widget.widget_categories.style2 ul li a:hover span,
.widget_rss ul cite:before,
.woocommerce-MyAccount-content .btn,
.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message,
.woosc-remove,
.woosq-product .thumbnails .slick-dots li button,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-calendar caption,
.wp-block-query-pagination-next.active,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-numbers a.active,
.wp-block-query-pagination-numbers a:hover,
.wp-block-query-pagination-numbers span.active,
.wp-block-query-pagination-numbers span:hover,
.wp-block-quote cite,
.wp-block-quote:after,
.wp-block-rss ul cite:before,
.wp-block-search .wp-block-search__button,
.wp-block-tag-cloud a:hover,
  .team-box,
  .cursor-follower,
  .th-btn,
  .bg-theme,
  .th-product .product-action .icon-btn:after,
  .woocommerce-message,
[data-overlay="theme"]:before,
blockquote cite,
blockquote:after,
input[type="checkbox"]:checked ~ label:before,
input[type="radio"]:checked ~ label::before,
nav.woocommerce-MyAccount-navigation li a:hover,
nav.woocommerce-MyAccount-navigation li.is-active a,
option:checked,
option:focus,
option:hover {
  background-image: linear-gradient(180deg, var(--vp-gold-ramp-top) 0%, var(--vp-gold-ramp-foot) 100%);
}

.th-btn.th-icon:after,
.th-btn.th-icon::after {
  background-color: currentColor;
}

.th-btn {
  background-image: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
}

.heroSlide6 .discount-tag {
  box-sizing: border-box;
  width: 121.2px;
  height: 121.2px;
  min-width: 121.2px;
  min-height: 121.2px;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  animation: none;
  transform: none;
}

.heroSlide6 .discount-wrapp {
  right: calc(9% + 41px);
  left: auto;
}

.heroSlide6 .discount-tag .vp-burst {
  display: block;
  width: 100%;
  height: 100%;
}

.heroSlide6 .discount-tag .vp-burst .vp-burst-star {
  transform-box: view-box;
  transform-origin: 50% 50%;
  animation: vp-burst-turn 12s linear infinite;
}

@keyframes vp-burst-turn {
  to { transform: rotate(360deg); }
}

.heroSlide6 .discount-tag .vp-burst .vp-burst-stud {
  fill: #FFFFFF;
  animation: vp-burst-twinkle 1.2s ease-in-out infinite;
}

@keyframes vp-burst-twinkle {
  0%   { opacity: 1; }
  62%  { opacity: 1; }
  80%  { opacity: 0; }
  100% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .heroSlide6 .discount-tag .vp-burst .vp-burst-star,
  .heroSlide6 .discount-tag .vp-burst .vp-burst-stud,
  .vp-deal-burst .vp-burst-star,
  .vp-deal-burst .vp-burst-stud,
  .vp-prize-burst .vp-burst-star,
  .vp-prize-burst .vp-burst-stud {
    animation: none;
  }

  .heroSlide6 .discount-tag .vp-burst .vp-burst-stud,
  .vp-deal-burst .vp-burst-stud,
  .vp-prize-burst .vp-burst-stud {
    opacity: 1;
  }
}

.heroSlide6 .discount-tag .vp-burst text {
  fill: #FFFFFF;
  text-anchor: middle;
  font-family: 'Cairo', var(--title-font);
  font-weight: 810;

  font-size: 28.7px;
}

.vp-hero-marks {

  --fall-size: 160px;

  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.vp-hero-marks i {
  position: absolute;
  display: block;
  background: var(--vp-mark, #DDC1BB);
  border-radius: 999px;
  filter: blur(8px);
  transition: background 700ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  .vp-hero-marks i { transition: none; }
}

.vp-hero-marks .m-fall {
  top: 39px;
  left: 50%;
  margin-left: calc(var(--fall-size) / -2);
  width: var(--fall-size);
  height: var(--fall-size);
}

.vp-hero-marks .m-near {
  bottom: 38px;
  left: 29px;
  width: 204px;
  height: 26px;
}

.vp-hero-marks .m-far {
  top: 57px;
  right: 29px;
  width: 204px;
  height: 26px;
}

@media (max-width: 991.98px) {
  .vp-hero-marks .m-far {
    display: none;
  }
}

.th-header .menu-area,
.th-header .sticky-wrapper.sticky .menu-area {

  margin: 20px 18px 0;

  border-radius: 22px;
  background: rgba(16, 17, 17, 0.063);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);

  box-shadow: inset 0 -1.4px 0 rgba(16, 17, 17, 0.07);
}

.th-header .sticky-wrapper.sticky {
  background: transparent;
  filter: none;
}

.th-header .sticky-wrapper.sticky .menu-area {
  background: rgba(16, 17, 17, 0.063);
  -webkit-backdrop-filter: blur(30px) saturate(1.5);
  backdrop-filter: blur(30px) saturate(1.5);
  box-shadow:
    inset 0 -1.4px 0 rgba(16, 17, 17, 0.07),
    0 10px 30px -24px rgba(16, 17, 17, 0.45);
}

.th-header .menu-area .top-search {
  width: 320px;
}

@media (max-width: 1399px) {
  .th-header .menu-area .top-search { width: 185px; }
}

@media (max-width: 991.98px) {
  .th-header .menu-area .top-search { display: none; }
}

.th-header .menu-area .row {
  min-height: 76px;
  align-items: center;
}

.th-header .menu-area .header-logo {
  padding-block: 0;
  display: flex;
  align-items: center;
}

.vp-logo {
  display: flex;
}

@media (min-width: 1200px) {
  .th-header .menu-area .row {
    flex-wrap: nowrap;
  }
}

.th-header .menu-area > .container {
  padding-inline: 12px;
}

.heroSlide6 .hero-inner,
.heroSlide6 .swiper-slide:nth-child(2) .hero-inner,
.heroSlide6 .swiper-slide:nth-child(3) .hero-inner,
.heroSlide6 .swiper-slide:nth-child(5) .hero-inner,
.heroSlide6 .swiper-slide:nth-child(6) .hero-inner {
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);

  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 6px 48px rgba(16, 17, 17, 0.07);
}

.heroSlide6 .hero-inner,
.heroSlide6 .swiper-slide:nth-child(2) .hero-inner,
.heroSlide6 .swiper-slide:nth-child(3) .hero-inner,
.heroSlide6 .swiper-slide:nth-child(5) .hero-inner,
.heroSlide6 .swiper-slide:nth-child(6) .hero-inner {

  background: rgba(16, 17, 17, 0.063);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);

  box-shadow: inset 0 -1.4px 0 rgba(16, 17, 17, 0.07);
}

.heroSlide6 .hero-inner:after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  padding: 1.4px 1.4px 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(128deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 0.34) 28%,
    rgba(255, 255, 255, 0.16) 52%,
    rgba(255, 255, 255, 0.48) 76%,
    rgba(255, 255, 255, 0.96) 100%);
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  mask-clip: content-box, border-box;
  mask-composite: exclude;
}

.heroSlide6 .hero-inner > * {
  position: relative;
  z-index: 1;
}

@media (min-width: 1300px) {
  .th-header .menu-area > .th-container {
    max-width: 100%;
  }
}

.heroSlide6 .swiper-wrapper {
  align-items: stretch;
}

.heroSlide6 .swiper-slide {
  height: auto;
}

.heroSlide6 .hero-inner {
  height: 100%;
}

.heroSlide6 .hero-inner {
  display: flex;
  align-items: center;
}

@media (min-width: 992px) {
  .heroSlide6 .hero-inner {
    padding-block: max(10.1px, 0.65vw);
  }
}

.heroSlide6 .hero-inner > .container {
  width: 100%;
}

.feature-area2 {
  padding-block-start: 40px;
}

.heroSlide6 .hero-img {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.heroSlide6 .hero-img.slideinrighthero {
  animation-duration: 0.867s;
}

.heroSlide6 .hero-img img {
  width: 89%;
  height: auto;
  aspect-ratio: 617 / 560;
  object-fit: contain;

  margin-block: -18px;

  transform: translateY(var(--vp-hero-shot-shift, 0px)) scale(0.9);
}

.heroSlide6 {
  padding-block: 0;
  margin-block-start: 0;
}

.heroSlide6 .hero-inner .hero6-shape,
.heroSlide6 .swiper-slide:nth-child(2) .hero-inner .hero6-shape,
.heroSlide6 .swiper-slide:nth-child(3) .hero-inner .hero6-shape,
.heroSlide6 .swiper-slide:nth-child(5) .hero-inner .hero6-shape,
.heroSlide6 .swiper-slide:nth-child(6) .hero-inner .hero6-shape {
  display: none;
}

@font-face {
  font-family: 'Cairo';
  src: url('../fonts/cairo/cairo-arabic-wght-normal.woff2') format('woff2-variations');
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1,
                 U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF,
                 U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
  font-family: 'Cairo';
  src: url('../fonts/cairo/cairo-latin-wght-normal.woff2') format('woff2-variations');
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.heroSlide6 .hero-inner .hero-title,
.heroSlide6 .hero-inner .hero-title a {
  font-family: 'Cairo', var(--title-font);
  font-weight: 810;
}

.heroSlide6 .hero-inner .sub-title {
  font-family: 'Cairo', var(--body-font);
  font-weight: 630;
}

.heroSlide6 .hero-inner .sub-title::before {
  content: none;
}

.heroSlide6 .hero-inner .th-btn {
  font-family: 'Cairo', var(--body-font);
  font-weight: 720;
}

.heroSlide6 .hero-inner .hero-title {
  color: #4F5050;

  font-size: 67px;
  line-height: 75px;
}

.heroSlide6 .hero-img {
  justify-content: flex-end;
  padding-left: 68px;
}

.heroSlide6 .hero-style6 {
  padding-right: 68px;
}

@media (min-width: 992px) {
  .heroSlide6 .hero-style6 {
    padding-block: 94px;
  }
}

.vp-enter {
  opacity: 0;
  transform: translate3d(var(--enter-x, 0), var(--enter-y, 14px), 0);
  transition:
    opacity 560ms cubic-bezier(0.22, 0.61, 0.36, 1) var(--enter-delay, 0ms),
    transform 560ms cubic-bezier(0.22, 0.61, 0.36, 1) var(--enter-delay, 0ms);
}

.vp-entered {
  opacity: 1;
  transform: none;
}

.vp-category-row .vp-enter {
  --enter-y: 0;
}

.vp-trust-row .vp-enter {
  --enter-y: 34px;
}

@media (prefers-reduced-motion: reduce) {
  .vp-enter {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.th-hero-wrapper .slider-arrow {
  display: none;
}

.vp-logo {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  direction: rtl;
}

@media (max-width: 991.98px) {
  .vp-logo {
    gap: 9.75px;
  }
}

.vp-logo img {
  width: 52px;
  height: 52px;
  flex: none;
  box-sizing: border-box;
  border: 0;
  border-radius: 12px;
  box-shadow:
    0 0 2px rgba(16, 17, 17, 0.10),
    0 0 8px -2px rgba(16, 17, 17, 0.14);
}

.vp-logo-text {
  direction: rtl;
  text-align: right;
  line-height: 1.2;
}

.vp-logo-text b,
.vp-logo-text small {
  display: block;
}

.vp-logo-text b {
  font-family: 'Cairo', var(--title-font);
  font-weight: 720;
  font-size: 19px;
  color: #101111;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.vp-logo-text small {
  font-size: 13px;
  font-weight: 450;
  color: #6E7070;

  margin-block-start: 6px;
}

@media (max-width: 991.98px) {

  .th-header .vp-logo-text b {
    font-size: 14.52px;
    font-weight: 810;
  }

  .th-header .vp-logo-text small {
    font-size: 9.35px;

    margin-block-start: 4px;

    white-space: nowrap;
  }
}

@media (max-width: 991.98px) {
  .th-header .menu-area,
  .th-header .sticky-wrapper.sticky .menu-area {
    margin-inline: 10px;

    margin-top: 13.5px;

    border-radius: 22px;
  }
}

@media (max-width: 575px) {
  .th-header .menu-area .row {
    min-height: 66px;
  }
}

.th-header .th-menu-toggle.d-block {
  background-image: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  background-color: transparent;
  border: 0;

  color: #FFFFFF;

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
}

.th-header .th-menu-toggle.d-block i {
  color: inherit;
  line-height: 1;
  transform: translateY(1px);
}

@media (max-width: 575px) {

  .vp-logo img { width: 42px; height: 42px; }
  .vp-logo-text b { font-size: 20px; }
  .vp-logo-text small { font-size: 11px; }
}

.vp-category-row {
  --bs-gutter-x: 36px;
  --bs-gutter-y: 36px;
  margin-inline: auto;
}

.vp-category {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1;

  max-width: 157.5px;
  margin-inline: auto;
  border-radius: 30px;

  background: rgba(238, 238, 238, 0.8);
  box-shadow:
    0 0 0 1px rgba(16, 17, 17, 0.05),
    0 8px 22px -12px rgba(16, 17, 17, 0.18);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.vp-category:hover {
  transform: translateY(-5px);
  box-shadow:
    0 0 0 1px rgba(164, 127, 37, 0.28),
    0 18px 34px -14px rgba(16, 17, 17, 0.24);
}

.vp-category img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.vp-category:hover img {
  transform: scale(1.05);
}

.vp-category-label {
  position: absolute;
  inset-inline: 10px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  padding: 8px 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  backdrop-filter: blur(12px) saturate(1.2);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.65),
    0 4px 14px -8px rgba(16, 17, 17, 0.35);
  color: #101111;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991px) {
  .vp-category-row { --bs-gutter-x: 16px; --bs-gutter-y: 16px; }
  .vp-category { border-radius: 22px; max-width: 130px; }
  .vp-category-label { font-size: 12px; border-radius: 12px; padding: 6px 6px; }
}

@media (max-width: 575px) {
  .vp-category-row { --bs-gutter-x: 8px; --bs-gutter-y: 8px; }
  .vp-category { border-radius: 14px; }
  .vp-category img { inset: 6px; width: calc(100% - 12px); height: calc(100% - 12px); }
  .vp-category-label {
    inset-inline: 4px;
    padding: 3px 2px;
    border-radius: 8px;
    font-size: 9px;
  }
}

.vp-trust-row-wrap {
  margin-inline: 18px;
  margin-top: 40px;
}

.vp-trust-row .box-icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.vp-trust-row .box-icon .vp-trust-glyph {
  font-size: 32px;
  line-height: 64px;
  color: var(--vp-gold-ramp-ink);
  background-image: linear-gradient(180deg, var(--vp-gold-ramp-top) 0%, var(--vp-gold-ramp-foot) 100%);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .vp-trust-row .box-icon .vp-trust-glyph {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}

.vp-trust-row .feature-card {
  border: none;
  background: rgba(16, 17, 17, 0.063);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 -1.4px 0 rgba(16, 17, 17, 0.07);
}

.vp-trust-row .feature-card:after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  padding: 1.4px 1.4px 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(128deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 0.34) 28%,
    rgba(255, 255, 255, 0.16) 52%,
    rgba(255, 255, 255, 0.48) 76%,
    rgba(255, 255, 255, 0.96) 100%);
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  mask-clip: content-box, border-box;
  mask-composite: exclude;
}

.vp-trust-row .feature-card > * {
  position: relative;
  z-index: 1;
}

.vp-trust-row .feature-card.style2 .box-icon {
  background: #fff;
}

.feature-area2 {
  padding-block-end: 0;
}

.collection-area {
  padding-block-start: 150px;
}

.vp-ladder-wrap {
  --main-container: 1620px;
}

.vp-ladder {
  position: relative;

  padding: 26px 26px 24px;

  border-radius: 50px;
  background: rgba(16, 17, 17, 0.063);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 -1.4px 0 rgba(16, 17, 17, 0.07);
}

.vp-ladder:after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  padding: 1.4px 1.4px 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(128deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 0.34) 28%,
    rgba(255, 255, 255, 0.16) 52%,
    rgba(255, 255, 255, 0.48) 76%,
    rgba(255, 255, 255, 0.96) 100%);
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  mask-clip: content-box, border-box;
  mask-composite: exclude;
}

.vp-ladder > * {
  position: relative;
  z-index: 1;
}

.vp-ladder-head {
  display: flex;
  align-items: flex-start;
  gap: 28px;
  padding: 26px 30px;
  border-radius: 24px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
}

.vp-ladder-intro {
  flex: 0 0 260px;
}

.vp-ladder-title {
  margin: 0 0 4px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 720;
  font-size: 24px;
  line-height: 1.5;
  color: var(--theme-color);
}

.vp-ladder-strap {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--body-color);
}

.vp-ladder-how {
  font-size: 14px;
  font-weight: 630;
  color: var(--theme-color);
  border-block-end: 1px solid currentColor;
}

.vp-ladder-how:hover {
  color: var(--title-color);
}

.vp-ladder-steps {
  direction: ltr;
  display: flex;
  flex: 1;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vp-step {
  --tile: 58px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.vp-step-tags {

  --tag-h: 25px;
  direction: rtl;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 4px;
  width: calc(var(--tile) * 3 + 8px);
}

.vp-step-name,
.vp-step-when,
.vp-step-flag {
  padding: 0 7px;
  border-radius: 8px;
  background: rgba(16, 17, 17, 0.063);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
  font-size: 11px;

  line-height: var(--tag-h);
  color: var(--body-color);
  text-align: center;
  white-space: nowrap;
}

.vp-step-name,
.vp-step-when {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vp-step-name {
  font-weight: 630;
  color: var(--title-color);
}

.vp-step-rate {
  display: flex;
  gap: 4px;
}

.vp-step-rate b {
  display: flex;
  align-items: center;
  justify-content: center;

  width: var(--tile);
  height: var(--tile);
  flex: none;
  border-radius: 15px;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;
  font-size: 27px;
  line-height: 1;
  color: var(--title-color);

  background: rgba(16, 17, 17, 0.063);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.06);
}

.vp-step.is-current .vp-step-rate b {

  color: #FFFFFF;
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  box-shadow: none;
}

.vp-step.is-done .vp-step-rate b {
  color: var(--theme-color);
}

.vp-step.is-current .vp-step-name {
  color: var(--theme-color);
}

.vp-step-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--tag-h);
  height: var(--tag-h);
  padding: 0;
  color: var(--theme-color);
}

.vp-step-flag svg {
  width: 13px;
  height: 13px;
  display: block;
}

.vp-step.is-current .vp-step-flag {

  color: #FFFFFF;
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  box-shadow: none;

  border: 1px solid transparent;
  background-clip: padding-box;
}

.vp-step-flag.is-current svg {
  animation: vp-step-spin 1.4s linear infinite;
}

@keyframes vp-step-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .vp-step-flag.is-current svg { animation: none; }
}

.vp-step-flag.is-done {
  color: var(--theme-color);
}

.vp-step-flag.is-upcoming {
  color: var(--body-color);
  opacity: 0.75;
}

.vp-ladder-track {

  direction: ltr;
  display: flex;
  gap: 14px;
  margin-block: 22px 16px;
}

.vp-track-leg {
  flex: 1;
  height: 10px;
  border-radius: 5px;
  background: rgba(16, 17, 17, 0.07);
}

.vp-track-leg.is-filled {
  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
}

.vp-ladder-notes {
  display: flex;
  align-items: stretch;
  gap: 24px;

  margin-block-end: 9px;
}

.vp-ladder-notes span {
  flex: 1;
  padding: 11px 16px;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
  font-size: 14px;
  line-height: 1.7;
  color: var(--body-color);
  text-align: center;
}

.vp-deal {
  position: relative;
}

.vp-deal-shot {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1;

  border-radius: 28px;

  background: #FFFFFF;
  box-shadow:
    0 0 0 1px rgba(16, 17, 17, 0.05),
    0 8px 22px -12px rgba(16, 17, 17, 0.18);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.vp-deal:hover .vp-deal-shot {
  transform: translateY(-5px);
  box-shadow:
    0 0 0 1px rgba(164, 127, 37, 0.28),
    0 18px 34px -14px rgba(16, 17, 17, 0.24);
}

.vp-deal-shot img {
  position: absolute;
  inset: 23% 16.4% 27.4%;
  width: 67.2%;
  height: 49.6%;
  object-fit: contain;
  transition: transform 0.5s ease;
}

.vp-deal:hover .vp-deal-shot img {
  transform: scale(1.05);
}

.vp-deal-burst {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-start: 8px;
  z-index: 2;
  width: 52.8px;
  height: 52.8px;
}

.vp-deal-burst .vp-burst-star {
  transform-box: view-box;
  transform-origin: 50% 50%;
  animation: vp-burst-turn 12s linear infinite;
}

.vp-deal-burst .vp-burst-stud {
  fill: #FFFFFF;
  animation: vp-burst-twinkle 1.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .vp-deal-burst .vp-burst-star,
  .vp-deal-burst .vp-burst-stud {
    animation: none;
  }

  .vp-deal-burst .vp-burst-stud {
    opacity: 1;
  }
}

.vp-deal-burst text {
  fill: #FFFFFF;
  text-anchor: middle;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;

  font-size: 42px;
}

.vp-deal-stock {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 14px;
  z-index: 2;
  max-width: 58%;
  padding: 3px 10px;
  border-radius: 9px;

  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
  color: var(--title-color);
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
}

.vp-deal-label {
  position: absolute;
  inset-inline-start: 12px;
  inset-inline-end: 74.8px;
  inset-block-end: 12px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 52.8px;
  padding-inline: 16px;
  border-radius: 26.4px;
  background: rgba(16, 17, 17, 0.063);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  backdrop-filter: blur(12px) saturate(1.2);
  box-shadow:
    inset 0 0 0 1px rgba(16, 17, 17, 0.05),
    0 4px 14px -8px rgba(16, 17, 17, 0.35);
}

.vp-deal-lines {
  display: block;
  min-width: 0;
}

.vp-deal-name {
  display: block;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 12px;
  line-height: 1.6;
  color: #101111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vp-deal-price {
  display: flex;
  align-items: baseline;
  gap: 7px;
  line-height: 1.5;
}

.vp-deal-price del {
  font-size: 9.9px;
  color: rgba(16, 17, 17, 0.42);
}

.vp-deal-price strong {
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;
  font-size: 13.5px;
  color: #101111;
}

.vp-deal-price strong span {
  font-size: 9.9px;
  font-weight: 540;
  color: rgba(16, 17, 17, 0.62);
}

.vp-deal.is-out .vp-deal-shot > img,
.vp-deal.is-out .vp-deal-burst,
.vp-deal.is-out .vp-deal-lines,
.vp-deal.is-out .vp-deal-cart {
  filter: blur(2px);
}

.vp-deal-out {
  position: absolute;
  z-index: 4;

  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  pointer-events: none;
}

.vp-deal-out img {

  width: 70%;
  height: auto;
  max-height: 100%;
  object-fit: contain;

  filter: drop-shadow(0 1px 2px rgba(139, 114, 23, 0.28));
}

.vp-deal-cart {
  position: absolute;
  z-index: 3;
  inset-block-end: 12px;
  inset-inline-end: 12px;
  width: 52.8px;
  height: 52.8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);

  color: #FFFFFF;

  font-size: 20.4px;
  line-height: 1;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vp-deal-cart:hover {
  transform: scale(1.06);
  box-shadow: 0 6px 16px -8px rgba(16, 17, 17, 0.55);
}

.vp-deal-cart:focus-visible {
  outline: 2px solid var(--title-color);
  outline-offset: 2px;
}

@media (max-width: 1199px) {
  .vp-deal-shot { border-radius: 28px; }
  .vp-deal-label { inset-inline-end: 70px; }
  .vp-deal-cart { width: 48px; height: 48px; inset-block-end: 12px; inset-inline-end: 12px; }

  .vp-deal-burst { width: 48px; height: 48px; }
}

.vp-best {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.vp-best-shot {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1;
  border-radius: 28px;
  background: #FFFFFF;
  box-shadow:
    0 0 0 1px rgba(16, 17, 17, 0.05),
    0 8px 22px -12px rgba(16, 17, 17, 0.18);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.vp-best:hover .vp-best-shot {
  transform: translateY(-5px);
  box-shadow:
    0 0 0 1px rgba(164, 127, 37, 0.28),
    0 18px 34px -14px rgba(16, 17, 17, 0.24);
}

.vp-best-shot img {
  position: absolute;
  inset: 14%;
  width: 72%;
  height: 72%;
  object-fit: contain;
  transition: transform 0.5s ease;
}

.vp-best:hover .vp-best-shot img {
  transform: scale(1.05);
}

.vp-best-colors {
  position: absolute;
  z-index: 2;
  inset-inline: 12px;
  inset-block-end: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  height: 52.8px;
  border-radius: 26.4px;
  background: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  backdrop-filter: blur(12px) saturate(1.2);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.65),
    0 4px 14px -8px rgba(16, 17, 17, 0.35);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.vp-best-shot:hover .vp-best-colors,
.vp-best-shot:focus-visible .vp-best-colors {
  opacity: 1;
  transform: translateY(0);
}

.vp-best-colors span {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.12);
}

.vp-best-colors span:nth-child(1) { background-color: #FF7575; }
.vp-best-colors span:nth-child(2) { background-color: #9694FF; }
.vp-best-colors span:nth-child(3) { background-color: #FF8FD2; }
.vp-best-colors span:nth-child(4) { background-color: #F8E480; }
.vp-best-colors span:nth-child(5) { background-color: #85FF83; }

.vp-best-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vp-best-label {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  height: 52.8px;
  padding-inline: 16px;
  border-radius: 26.4px;
  background: rgba(16, 17, 17, 0.063);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
}

@media (max-width: 1365px) {
  .vp-best-label { padding-inline: 12px; }
}

.vp-best-lines {
  display: block;
  min-width: 0;
}

.vp-best-name {
  display: block;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 13.5px;
  line-height: 1.6;
  color: #101111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vp-best-cta {
  display: block;
  line-height: 1.5;

  margin-top: -2.5px;
}

.vp-best-cta strong {
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;
  font-size: 14px;
  color: #101111;
}

.vp-best-cta strong span {
  font-size: 10.5px;
  font-weight: 540;
  color: rgba(16, 17, 17, 0.62);
}

.vp-best-add {
  display: none;
}

.vp-best-browse {
  flex: 0 0 auto;
  width: 52.8px;
  height: 52.8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(16, 17, 17, 0.063);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
  color: #101111;

  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vp-best-browse:hover {
  transform: scale(1.06);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
}

.vp-best-browse:focus-visible {
  outline: 2px solid var(--title-color);
  outline-offset: 2px;
}

.vp-best-panel {

  margin-inline: 20px;

  margin-top: 150px;
  padding: 28px;
  border-radius: 50px;
  background: #FFFFFF;

  box-shadow:
    inset 0 0 0 1.5px rgba(16, 17, 17, 0.12),
    0 0 2px rgba(16, 17, 17, 0.1),
    0 0 8px -2px rgba(16, 17, 17, 0.14);
}

.vp-best-section {
  padding-top: 0;
  padding-bottom: 150px;
}

.vp-best-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 14px;
}

.vp-best-title {
  margin: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 720;
  font-size: 19.2px;
  line-height: 1.4;
  color: #101111;
}

.vp-best-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;

  margin-bottom: 24px;
}

.vp-best-filter {
  flex: 1 1 auto;
  border: 0;
  padding: 6px 14px;
  border-radius: 14px;

  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.08);
  color: rgba(16, 17, 17, 0.62);
  font-family: 'Vazirmatn', var(--body-font);
  font-size: 12px;
  font-weight: 540;
  line-height: 1.6;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.vp-best-filter.active,
.vp-best-filter:hover {
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);

  box-shadow: none;
  color: #101111;
}

.vp-best-all {
  margin-inline-start: 6px;
  font-family: 'Vazirmatn', var(--body-font);
  font-size: 12px;
  font-weight: 630;
  line-height: 1.6;
  color: var(--vp-gold-ink);
  white-space: nowrap;
  text-decoration: none;
}

.vp-best-all:hover {
  color: #101111;
}

.vp-daily-deal-section {
  padding-top: 150px;
  padding-bottom: 0;
}

.vp-daily-deal-wrap {
  --main-container: 1620px;
}

.vp-daily-deal {
  display: flex;
  align-items: center;
  gap: 40px;

  --frame-pad: 28px;
  --frame-r: 50px;
  padding: var(--frame-pad);

  border-radius: var(--frame-r);
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
}

.vp-daily-deal-copy {
  flex: 1;
  min-width: 0;
}

.vp-daily-deal-badge {
  display: block;
  margin-block-end: 10px;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;
  font-size: 19.5px;
  letter-spacing: 0.02em;

  color: var(--vp-gold-ink);
}

.vp-daily-deal-title {
  margin: 0 0 10px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 720;

  font-size: 35.1px;
  line-height: 1.3;
  color: var(--title-color);
}

.vp-daily-deal-sub {
  margin: 0 0 24px;
  font-size: 20.4px;
  line-height: 1.8;
  color: var(--body-color);
}

.vp-daily-deal-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 30px;
  border-radius: 48px;
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 630;
  font-size: 17px;

  color: #101111;
  text-decoration: none;
}

.vp-daily-deal-mark {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
}

.vp-daily-deal-cta:hover { color: #101111; }

.vp-daily-deal-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
}

.vp-daily-deal-card {

  position: relative;
  flex: 0 1 775px;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 40px;

  border-radius: calc(var(--frame-r) - var(--frame-pad));
  background: rgba(16, 17, 17, 0.063);
  box-shadow:
    inset 0 0 0 1px rgba(16, 17, 17, 0.05),
    0 24px 48px -28px rgba(16, 17, 17, 0.22);
}

.vp-daily-deal-info {
  flex: 0 0 auto;
  min-width: 0;
}

.vp-daily-deal-cat {
  display: block;
  margin-block-end: 4px;
  font-size: 14.4px;
  color: var(--body-color);
}

.vp-daily-deal-name {
  margin: 0 0 10px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 19.5px;
  line-height: 1.5;
  color: var(--title-color);
}

.vp-daily-deal-price {
  display: block;
  margin-block-end: 16px;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;
  font-size: 23px;
  color: var(--title-color);
}

.vp-daily-deal-price span {
  font-size: 14px;
  font-weight: 540;
  color: rgba(16, 17, 17, 0.62);
}

.vp-daily-deal-price del {
  margin-inline-end: 11.9px;
  font-size: 16.9px;
  font-weight: 540;
  color: rgba(16, 17, 17, 0.42);
}

.vp-daily-deal-stock {
  margin-block-end: 18px;
  font-size: 14.4px;
  font-weight: 540;
  color: var(--title-color);
}

.vp-daily-deal-stock span:first-child {
  display: block;
  margin-block-end: 6px;
}

.vp-daily-deal-bar {
  display: block;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
  overflow: hidden;
}

.vp-daily-deal-bar-fill {
  display: block;
  height: 100%;
  width: 8%;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
}

.vp-daily-deal-timer {
  display: flex;
  gap: 8px;
  padding: 0;
  margin: 0;

  list-style: none;
  background: none;
  border-radius: 0;
}

.vp-daily-deal-timer li {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
  text-align: center;
}

.vp-daily-deal-timer li:not(:last-child):before {
  content: none;
}

.vp-daily-deal-timer .count-number {
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;
  font-size: 19.5px;
  line-height: 1.3;
  color: var(--title-color);
  margin: 0;
}

.vp-daily-deal-timer .count-name {
  font-size: 12px;
  color: var(--body-color);
  margin-top: -7.4px;
  display: block;
}

.vp-daily-deal-figure {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.vp-daily-deal-shot {
  position: relative;
  align-self: stretch;
  height: 264.5px;
}

.vp-daily-deal-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  box-sizing: border-box;
}

@media (max-width: 1199px) {

  .vp-daily-deal { flex-direction: column; align-items: stretch; gap: 28px; }
  .vp-daily-deal-card { flex-basis: auto; }
}

@media (max-width: 575px) {
  .vp-daily-deal-card { flex-direction: column; }
  .vp-daily-deal-shot { width: 100%; height: 200px; }
  .vp-daily-deal-title { font-size: 23.4px; }
}

.vp-ladder-cuts {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  margin-block-end: 9px;
}

.vp-ladder-cut {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 46px;

  padding: 3px 8px 0;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);

  font-size: 18.3px;
  font-weight: 630;

  line-height: 1;
  min-width: 0;
  text-align: center;
  color: var(--vp-gold-fill-ink);
}

.vp-ladder-cut:hover {
  box-shadow: inset 0 0 0 1px rgba(218, 178, 38, 0.45);
  color: var(--vp-gold-ink);
}

@media (max-width: 1199px) {
  .vp-ladder-head {
    flex-direction: column;
    gap: 18px;
  }

  .vp-ladder-intro {
    flex: none;
    padding-block-start: 0;
  }

  .vp-ladder-steps { width: 100%; }
}

@media (max-width: 991px) {
  .vp-ladder { padding: 26px 20px 24px; }

  .vp-step { --tile: 44px; }
  .vp-step-rate b { font-size: 21px; }

  .vp-ladder-notes span:last-child { display: none; }

  .vp-ladder-notes { flex-direction: column; gap: 10px; }

  .vp-ladder-cuts { gap: 8px; }

  .vp-ladder-cut {

    height: 42px;

    padding: 4px 4px 0;
    font-size: 17px;
  }
}

@media (max-width: 700px) {
  .vp-ladder-steps {
    overflow-x: auto;
    padding-block-end: 6px;
  }

  .vp-step { flex: 0 0 116px; }
}

@media (max-width: 991.98px) {
  .vp-step-name,
  .vp-step-when {
    padding-inline: 3px;
  }

  .vp-step-tags {
    flex-wrap: nowrap;
  }

  .vp-ladder-steps > .vp-step:last-child .vp-step-tags {
    flex-wrap: wrap;
  }

  .vp-ladder-steps > .vp-step:last-child .vp-step-name {
    width: 100%;
  }
}

.th-header .menu-area .top-search input {
  width: 100%;
  min-width: 0;
}

.th-header .menu-area .top-search .search-suggestions,
.th-header .menu-area .top-search .box-suggestions {
  width: 100%;
  min-width: 0;
}

.th-menu-wrapper,
.sidemenu-wrapper {
  overflow: hidden;
}

.heroSlide6 .hero-inner .th-btn {
  color: #FFFFFF;

  font-size: 14.4px;
  padding: 13.2px 19.2px;
  border-radius: 11.2px;
  gap: 6.4px;
}

.heroSlide6 .hero-inner .th-btn.th-icon:after {
  transform: scaleX(-1);
}

.th-header .menu-area .box-search {
  position: relative;
  width: 100%;
}

.th-header .menu-area .box-search input {
  background-color: #FFFFFF;

  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.08);
  padding-left: 54px;

  border-radius: 18px;
}

.th-header .menu-area .box-search .th-btn {
  position: absolute;

  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  min-width: 0;
  padding: 0;

  border-radius: 13px;

  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.th-header .menu-area .box-search .th-btn .vp-search-icon {
  width: 19px;
  height: 19px;
}

.th-header .header-button .icon-btn.sideMenuToggler,
.th-header .header-button .icon-btn.vp-account-btn,
.th-header .header-button .icon-btn.vp-search-btn {
  width: 48px;
  height: 48px;
  border-radius: 18px;
  background: #FFFFFF;

  box-shadow:
    0 0 2px rgba(16, 17, 17, 0.10),
    0 0 8px -2px rgba(16, 17, 17, 0.14);
  border: 0;
  color: var(--vp-gold-fill-ink);
  display: flex;
  align-items: center;
  justify-content: center;
}

.th-header .header-button .icon-btn.sideMenuToggler i,
.th-header .header-button .icon-btn.vp-account-btn i,
.th-header .header-button .icon-btn.vp-search-btn .vp-search-icon {
  font-size: 20px;
  line-height: 1;
  color: var(--vp-gold-fill-ink);
}

.th-header .header-button .icon-btn.vp-account-btn {
  display: none;
  text-decoration: none;
}

@media (min-width: 992px) {
  .th-header .header-button .icon-btn.vp-account-btn {
    display: inline-flex;
  }
}

.th-header .header-button .icon-btn.sideMenuToggler .badge {
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #101111;
}

.heroSlide6 .hero-inner {
  border-radius: 60px;
}

.vp-ladder,
.vp-trust-row .feature-card {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.beige-color {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.product-grid:hover .beige-color {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.heroSlide6 .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .hero-inner {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.vp-how-modal {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.vp-how-modal[hidden] {
  display: none;
}

.vp-how-veil {
  position: absolute;
  inset: 0;
  background: rgba(16, 17, 17, 0.45);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  animation: vp-how-fade 220ms ease-out;
}

@keyframes vp-how-fade { from { opacity: 0; } }

.vp-how-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(1240px, 100%);
  max-height: min(90vh, 860px);

  max-height: min(90dvh, 860px);
  border-radius: 40px;
  background: #FBFAF8;
  box-shadow: 0 40px 90px -40px rgba(16, 17, 17, 0.55);
  overflow: hidden;
  animation: vp-how-rise 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

@keyframes vp-how-rise {
  from { opacity: 0; transform: translateY(16px) scale(0.985); }
}

.vp-how-close {
  position: absolute;
  inset-block-start: 20px;
  left: 20px;
  z-index: 3;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: rgba(16, 17, 17, 0.05);
  color: var(--title-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease;
}

.vp-how-close:hover { background: rgba(16, 17, 17, 0.10); }
.vp-how-close svg { width: 15px; height: 15px; }
.vp-how-close:focus-visible { outline: 2px solid var(--theme-color); outline-offset: 2px; }

.vp-how-scroll {
  overflow-y: auto;
  padding: 30px 44px 34px;
  -webkit-overflow-scrolling: touch;
}

.vp-how-head {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 30px;
  margin-block-end: 26px;
}

.vp-how-titles { text-align: center; }

.vp-how-title {
  margin: 0 0 8px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 720;
  font-size: 30px;
  line-height: 1.4;
  color: var(--theme-color);
}

.vp-how-strap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--body-color);
}

.vp-how-strap:before,
.vp-how-strap:after {
  content: '';
  width: 54px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(164, 127, 37, 0.55));
}

.vp-how-strap:after { transform: scaleX(-1); }

.vp-how-aside {
  margin: 0;
  font-size: 13px;
  line-height: 2;
  color: var(--body-color);
}

.vp-how-head .vp-how-aside:first-child {
  padding-inline-end: 18px;
  border-inline-end: 2px solid rgba(164, 127, 37, 0.35);
  text-align: end;
}

.vp-how-aside.is-warn {
  padding-inline-start: 18px;
  border-inline-start: 2px solid rgba(164, 127, 37, 0.35);
  text-align: start;
}

.vp-how-aside b {
  display: block;
  font-weight: 720;
  color: var(--theme-color);
}

.vp-how-board {

  direction: ltr;
  display: flex;
  align-items: flex-end;
  gap: 18px;
  margin-block-end: 26px;
}

.vp-how-step-no,
.vp-how-when,
.vp-how-off small {
  direction: rtl;
}

.vp-how-steps {
  display: flex;
  align-items: flex-end;
  gap: 26px;
  flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vp-how-step {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.vp-how-step-no {
  margin-block-end: 10px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 720;
  font-size: 15px;
  line-height: 1.5;
  color: var(--title-color);
  white-space: nowrap;
}

.vp-how-card {
  --box: 64px;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  padding: 12px 12px 12px 10px;
  border-radius: 18px;
  background: #FFFFFF;
  box-shadow:
    inset 0 0 0 1px rgba(16, 17, 17, 0.06),
    0 12px 26px -18px rgba(16, 17, 17, 0.4);
}

.vp-how-shot {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--box);
  height: var(--box);
  border-radius: 14px;
  box-shadow: inset 0 0 0 1.4px rgba(164, 127, 37, 0.32);
  color: var(--theme-color);
}

.vp-how-shot svg {
  width: 40px;
  height: auto;
  display: block;
}

.vp-how-off {
  flex: 1;
  min-width: 0;
  height: var(--box);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 7px 8px;
  border-radius: 12px;

  background: rgba(16, 17, 17, 0.07);
  color: var(--title-color);
  transition: background 0.35s ease, color 0.35s ease;
}

.vp-how-off b {
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;
  font-size: 20px;
  line-height: 1.15;
}

.vp-how-off small { font-size: 10.5px; font-weight: 630; line-height: 1.5; }

.vp-how-when {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-block-start: 10px;
  font-size: 11.5px;
  line-height: 1.6;
  color: var(--body-color);
  white-space: nowrap;
}

.vp-how-when svg { width: 13px; height: 13px; flex: none; }

.vp-how-podium {
  position: relative;
  width: 100%;
  height: 26px;
  margin-block-start: -6px;
  border-radius: 50%;
  background: linear-gradient(180deg, #DFDCD6 0%, #C7C3BB 100%);
  transition: background 0.35s ease;
}

.vp-how-podium:before {
  content: '';
  position: absolute;
  inset: 0 0 7px;
  border-radius: 50%;
  background: linear-gradient(180deg, #F0EEEA 0%, #DFDCD6 100%);
  transition: background 0.35s ease;
}

.vp-how-step.is-lit .vp-how-off {
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
}

.vp-how-step.is-lit .vp-how-podium {
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, #A07C22 100%);
}

.vp-how-step.is-lit .vp-how-podium:before {
  background: linear-gradient(180deg, var(--vp-gold-lit) 0%, var(--vp-gold-fill) 100%);
}

.vp-how-step.is-done .vp-how-off {
  color: var(--vp-gold-ink);
}

.vp-how-rules {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  margin: 0 0 26px;
  padding: 16px 12px;
  border-radius: 22px;
  background: rgba(16, 17, 17, 0.063);
  list-style: none;
}

.vp-how-rule {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-inline: 6px;
}

.vp-how-rule + .vp-how-rule {
  border-inline-end: 1px solid rgba(16, 17, 17, 0.08);
}

.vp-how-rule-icon {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #FFFFFF;
  color: var(--theme-color);
  box-shadow: inset 0 0 0 1px rgba(164, 127, 37, 0.18);
}

.vp-how-rule-icon svg { width: 17px; height: 17px; }

.vp-how-rule-text {
  font-size: 11.5px;
  line-height: 1.7;
  color: var(--body-color);
}

.vp-how-cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
}

.vp-how-cols h3 {
  margin: 0 0 10px;
  padding-block-end: 10px;
  border-block-end: 1px solid rgba(16, 17, 17, 0.10);
  font-family: 'Cairo', var(--title-font);
  font-weight: 720;
  font-size: 15px;
  line-height: 1.6;
  color: var(--title-color);
}

.vp-how-cols p {
  margin: 0 0 10px;
  font-size: 12.5px;
  line-height: 2;
  color: var(--body-color);
}

.vp-how-list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: vp-how;
}

.vp-how-list li {
  position: relative;
  padding-inline-start: 26px;
  margin-block-end: 7px;
  font-size: 12.5px;
  line-height: 1.9;
  color: var(--body-color);
}

ol.vp-how-list li:before {
  counter-increment: vp-how;
  content: counter(vp-how, persian);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 3px;
  width: 19px;
  height: 19px;
  border-radius: 6px;
  background: rgba(164, 127, 37, 0.10);
  color: var(--theme-color);
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;
  font-size: 10.5px;
  line-height: 19px;
  text-align: center;
}

ul.vp-how-list.is-ticked li:before {
  content: '';
  position: absolute;
  inset-inline-start: 2px;
  inset-block-start: 9px;
  width: 9px;
  height: 5px;
  border-left: 1.8px solid var(--theme-color);
  border-bottom: 1.8px solid var(--theme-color);
  transform: rotate(-45deg);
}

.vp-how-note {
  margin: 24px 0 0;
  padding: 14px 20px;
  border-radius: 16px;
  background: rgba(164, 127, 37, 0.09);
  font-size: 13px;
  font-weight: 630;
  line-height: 1.9;
  color: var(--title-color);
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .vp-how-panel,
  .vp-how-veil,
  .vp-how-step,
  .vp-how-off,
  .vp-how-podium,
  .vp-how-podium:before {
    animation: none !important;
  }

  .vp-how-step:nth-child(2) .vp-how-off { background: var(--vp-gold-step); color: var(--title-color); }
  .vp-how-step:nth-child(2) .vp-how-podium { background: linear-gradient(180deg, var(--vp-gold-step) 0%, var(--vp-gold-step-deep) 100%); }
  .vp-how-step:nth-child(2) .vp-how-podium:before { background: linear-gradient(180deg, var(--vp-gold-lit) 0%, var(--vp-gold-step) 100%); }
}

@media (max-width: 1199px) {
  .vp-how-scroll { padding: 26px 26px 30px; }
  .vp-how-cols { grid-template-columns: repeat(2, 1fr); }
  .vp-how-rules { grid-template-columns: repeat(3, 1fr); row-gap: 14px; }
  .vp-how-rule:nth-child(3n + 1) { border-inline-end: 0; }
}

@media (max-width: 991px) {
  .vp-how-head { grid-template-columns: 1fr; gap: 14px; }
  .vp-how-head .vp-how-aside:first-child,
  .vp-how-aside.is-warn {
    padding: 0;
    border: 0;
    text-align: center;
  }

  .vp-how-board { overflow-x: auto; padding-block-end: 6px; }
  .vp-how-steps { flex: none; }
  .vp-how-step { flex: none; width: 168px; }
}

@media (max-width: 767px) {
  .vp-how-modal { padding: 10px; }
  .vp-how-panel { border-radius: 22.4px; max-height: 94vh; max-height: 94dvh; }
  .vp-how-scroll { padding: 22px 18px 26px; }
  .vp-how-title { font-size: 22px; }
  .vp-how-cols { grid-template-columns: 1fr; gap: 18px; }
  .vp-how-rules { grid-template-columns: repeat(2, 1fr); }
  .vp-how-rule { border-inline-end: 0 !important; }
}

.th-header {
  padding-top: var(--vp-sticky-reserve, 0px);
}

.vp-brands-section {
  padding-top: 0;
  padding-bottom: 150px;
}

.vp-brands-panel {
  margin-inline: 20px;

  margin-top: 150px;

  --frame-pad: 28px;
  --frame-r: 50px;
  padding: var(--frame-pad);

  border-radius: var(--frame-r);
  background: #FFFFFF;

  box-shadow:
    inset 0 0 0 1.5px rgba(16, 17, 17, 0.12),
    0 0 2px rgba(16, 17, 17, 0.1),
    0 0 8px -2px rgba(16, 17, 17, 0.14);
}

.vp-brands-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}

.vp-brands-title {
  margin: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;

  font-size: 21.6px;
  line-height: 1.4;
  color: #101111;
}

.vp-brands-all {
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 540;
  font-size: 13.5px;
  color: var(--vp-gold);
  text-decoration: none;
}

.vp-brands-all:hover {
  color: #8A6A2A;
  text-decoration: underline;
}

.vp-brands-row {
  display: grid;
  grid-template-columns: repeat(var(--vp-brands-cols, 4), 1fr);
  gap: 18px;
}

.vp-brand {

  --mosaic-lead: 1.35;
  --mosaic-small: 1;
  --mosaic-gap: 3px;
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;

  border-radius: calc(var(--frame-r) - var(--frame-pad));
  overflow: hidden;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.06);
}

.vp-brand-mosaic {
  position: absolute;
  inset: 0;
  display: grid;

  grid-template-columns:
    calc((100% - var(--mosaic-gap)) * var(--mosaic-small) /
      (var(--mosaic-lead) + var(--mosaic-small)))
    calc((100% - var(--mosaic-gap)) * var(--mosaic-lead) /
      (var(--mosaic-lead) + var(--mosaic-small)));
  grid-template-rows: 1fr 1fr;
  gap: var(--mosaic-gap);
  background: #FFFFFF;
}

.vp-brand-cell {
  overflow: hidden;
}

.vp-brand-cell.is-lead {
  grid-column: 2;
  grid-row: 1 / 3;
}

.vp-brand-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.vp-brand:hover .vp-brand-cell img {
  transform: scale(1.05);
}

.vp-brand-plate {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: calc(
    (100% - var(--mosaic-gap)) * var(--mosaic-lead) /
      (var(--mosaic-lead) + var(--mosaic-small))
    + var(--mosaic-gap) / 2
  );
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;

  gap: 12px;
  max-width: calc(100% - 32px);
  padding: 12px 19.2px;
  border-radius: 26.4px;

  background: rgba(255, 255, 255, 0.68);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  backdrop-filter: blur(12px) saturate(1.2);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.65),
    0 4px 14px -8px rgba(16, 17, 17, 0.35);
}

.vp-brand-plate .vp-brand-logo {
  flex: 0 0 auto;
  width: 32.4px;
  height: 32.4px;
  object-fit: contain;
}

.vp-brand-lines {
  display: block;
  min-width: 0;
}

.vp-brand-name {
  display: block;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 16.8px;
  line-height: 1.5;
  color: #101111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vp-brand-stock {
  display: block;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 540;
  font-size: 13.2px;
  line-height: 1.5;
  color: rgba(16, 17, 17, 0.62);
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .vp-brands-row { grid-template-columns: repeat(2, 1fr); }

  .vp-brands-panel { --frame-pad: 22px; }
}

@media (max-width: 575px) {
  .vp-brands-row { grid-template-columns: 1fr; }

  .vp-brands-title { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .vp-brand-cell img { transition: none; }
  .vp-brand:hover .vp-brand-cell img { transform: none; }
}

.th-header .menu-area .box-search .th-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
}

.vp-category-label {
  inset-inline: 6px;
  padding: 8px 8px;
  white-space: normal;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

@media (min-width: 576px) and (max-width: 1199px) {
  .vp-category-label {
    padding: 6px 4px;
    font-size: 12px;
    line-height: 1.35;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .vp-category-label {
    font-size: 11px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .vp-category-label {
    padding: 4px 3px;
    font-size: 9px;
    line-height: 1.3;
  }
}

@media (max-width: 575px) {
  .vp-category-label {
    white-space: nowrap;
    overflow-wrap: normal;
  }
}

.vp-trust-row .feature-card {
  height: 100%;
}

@media (min-width: 1400px) {
  .vp-trust-row .feature-card .box-title {
    font-size: 19px;
  }
}

.th-header .sticky-wrapper.sticky::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset-block-start: 0;
  inset-inline: 0;
  height: 18px;
  background: #FFFFFF;
}

.vp-shop-section {

  --vp-shop-top: 40px;
  padding-block: 40px 150px;
  overflow: hidden;
}

.vp-shop-panel {

  margin-inline: 20px;
  padding: 28px;
  border-radius: 50px;
  background: #FFFFFF;
  box-shadow:
    inset 0 0 0 1.5px rgba(16, 17, 17, 0.12),
    0 18px 32px -22px rgba(16, 17, 17, 0.18);
}

.vp-shop-panel + .vp-shop-panel {
  margin-top: 40px;
}

.vp-shop-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
}

.vp-shop-title {
  margin: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 24px;
  line-height: 1.4;
}

.vp-shop-count {
  margin: 4px 0 0;
  font-size: 14px;
  color: var(--body-color);
  opacity: 0.7;
}

.vp-shop-search {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 260px;
  padding: 6px 6px 6px 6px;
  border-radius: 999px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
}

.vp-shop-search:focus-within {
  box-shadow: inset 0 0 0 1.5px rgba(164, 127, 37, 0.55);
}

.vp-shop-search input {
  flex: 1;
  min-width: 0;
  height: 36px;
  padding-inline: 14px;
  border: 0;
  background: transparent;
  font-size: 14px;
  color: var(--title-color);
}

.vp-shop-search input:focus {
  outline: none;
}

.vp-shop-search button {
  flex: none;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
  font-size: 13px;
  transition: filter 0.2s ease;
}

.vp-shop-search button:hover {
  filter: brightness(1.04);
}

.vp-shop-body {
  display: grid;

  grid-template-columns: 240px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

@media (max-width: 991px) {
  .vp-shop-body {
    grid-template-columns: minmax(0, 1fr);
  }
}

.vp-shop-rail {
  padding: 20px;
  border-radius: 28px;

  background: rgba(16, 17, 17, 0.022);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.06);
}

.vp-filter + .vp-filter,
.vp-filter + .vp-filter-actions {
  margin-top: 20px;
  padding-top: 20px;
  box-shadow: inset 0 1px 0 rgba(16, 17, 17, 0.08);
}

.vp-filter-title {
  margin: 0 0 10px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 15px;
}

.vp-filter-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vp-filter-list li + li {
  margin-top: 6px;
}

.vp-filter-list label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  cursor: pointer;
}

.vp-filter-list input {
  accent-color: var(--theme-color);
}

.vp-filter-sizes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vp-size {
  margin: 0;
  cursor: pointer;
}

.vp-size input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.vp-size span {
  display: grid;
  place-items: center;
  min-width: 40px;
  height: 34px;
  padding-inline: 8px;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  font-size: 14px;
  transition: box-shadow 0.2s ease, color 0.2s ease;
}

.vp-size:hover span {
  box-shadow: inset 0 0 0 1.5px rgba(164, 127, 37, 0.45);
}

.vp-size.is-on span {
  color: var(--theme-color);
  box-shadow: inset 0 0 0 1.5px var(--theme-color);
}

.vp-size input:focus-visible + span {
  outline: 2px solid var(--theme-color);
  outline-offset: 2px;
}

.vp-filter-price {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vp-filter-price input {
  min-width: 0;
  flex: 1;
  height: 36px;
  padding-inline: 10px;
  border: 0;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  font-size: 13px;
}

.vp-filter-price input:focus {
  outline: none;
  box-shadow: inset 0 0 0 1.5px rgba(164, 127, 37, 0.55);
}

.vp-filter-price span {
  font-size: 13px;
  opacity: 0.7;
}

.vp-filter-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vp-filter-apply {
  flex: 1;
  height: 40px;
  border: 0;
  border-radius: 999px;

  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14px;
  transition: filter 0.2s ease;
}

.vp-filter-apply:hover {
  filter: brightness(1.04);
}

.vp-filter-clear {
  font-size: 13px;
  color: var(--body-color);
  text-decoration: underline;
}

.vp-shop-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 18px;
}

.vp-shop-sort {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.vp-shop-sort select {
  height: 36px;
  padding-inline: 12px;
  border: 0;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  font-size: 14px;
  color: var(--title-color);
}

.vp-shop-empty {
  margin: 40px 0;
  text-align: center;
  font-size: 15px;
}

.vp-shop-empty a {
  color: var(--theme-color);
  text-decoration: underline;
}

.vp-shop-pages {
  margin-top: 32px;
}

.vp-pages {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  direction: ltr;
}

.vp-page {
  display: grid;
  place-items: center;
  min-width: 38px;
  height: 38px;
  padding-inline: 8px;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  font-size: 14px;
  color: var(--title-color);
  transition: box-shadow 0.2s ease, color 0.2s ease;
}

.vp-page:hover {
  color: var(--theme-color);
  box-shadow: inset 0 0 0 1.5px rgba(164, 127, 37, 0.45);
}

.vp-page.is-on {
  color: #FFFFFF;
  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  box-shadow: none;
}

.vp-page.is-off {
  opacity: 0.4;
}

.vp-page.is-gap {
  box-shadow: none;
  opacity: 0.6;
}

.vp-page.is-gap-phone {
  display: none;
}

@media (max-width: 575.98px) {
  .vp-page.is-near {
    display: none;
  }

  .vp-page.is-gap-phone {
    display: grid;
  }
}

.vp-pdp-crumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
  font-size: 13px;
  color: var(--body-color);
}

.vp-pdp-crumbs a:hover {
  color: var(--theme-color);
}

.vp-pdp-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}

@media (max-width: 991px) {
  .vp-pdp-body {
    grid-template-columns: minmax(0, 1fr);
  }
}

.vp-pdp-shot {
  position: relative;

  max-width: 520px;
  margin-inline: auto;
  aspect-ratio: 1;
  border-radius: 40px;
  background: #FFFFFF;
  box-shadow:
    0 0 0 1px rgba(16, 17, 17, 0.05),
    0 8px 22px -12px rgba(16, 17, 17, 0.18);
}

.vp-pdp-shot img {
  position: absolute;
  inset: 18% 12% 18%;
  width: 76%;
  height: 64%;
  object-fit: contain;
}

.vp-pdp-frames {
  position: absolute;
  inset: 0;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  border-radius: inherit;

  scrollbar-width: none;
}

.vp-pdp-frames::-webkit-scrollbar {
  display: none;
}

.vp-pdp-shot .vp-pdp-frames img {
  position: static;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  padding: 18% 12%;
  box-sizing: border-box;
  object-fit: contain;
  scroll-snap-align: center;
}

.vp-pdp-plate {
  display: none;
}

.vp-pdp-shot.is-supplied .vp-pdp-frames img,
.vp-pdp-shot.is-supplied > img {
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
}

a.vp-pdp-dot,
a.vp-pdp-thumb {
  cursor: pointer;
}

.vp-pdp-thumbs {
  display: flex;
  gap: 10px;
  margin-top: 12px;
}

.vp-pdp-thumb {
  position: relative;
  width: 76px;
  height: 76px;
  border-radius: 18px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
}

.vp-pdp-thumb img {
  position: absolute;
  inset: 16%;
  width: 68%;
  height: 68%;
  object-fit: contain;
}

.vp-pdp-rate,
.vp-pdp-close,
.vp-pdp-colors,
.vp-pdp-ladder,
.vp-pdp-about,
.vp-qty,
.vp-pdp-desc.is-standin,
.vp-pick-empty,
.vp-pick-note.is-inline,
.vp-pick-size.is-off,
.vp-pick-size.is-elsewhere {
  display: none;
}

.vp-pdp-brand {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 13px;
  color: var(--theme-color);
}

.vp-pdp-title {
  margin: 0 0 14px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 30px;
  line-height: 1.35;
}

.vp-pdp-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}

.vp-pdp-price strong {
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 26px;
  color: var(--title-color);
}

.vp-pdp-price strong span {
  font-size: 15px;
  font-weight: 360;
}

.vp-pdp-price del {
  font-size: 16px;
  color: var(--body-color);
  opacity: 0.65;
}

.vp-pdp-cut {
  padding: 3px 10px;
  border-radius: 999px;
  background: linear-gradient(96deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #101111;
  font-size: 13px;
  font-weight: 630;
}

.vp-pdp-choice + .vp-pdp-choice {
  margin-top: 18px;
}

.vp-pdp-choice-title {
  margin: 0 0 8px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 15px;
}

.vp-pdp-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vp-pdp-option {
  display: grid;
  place-items: center;
  min-width: 44px;
  height: 38px;
  padding-inline: 10px;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  font-size: 14px;
}

.vp-pdp-option.is-out {
  opacity: 0.45;
  text-decoration: line-through;
}

.vp-pdp-stock,
.vp-pdp-out {
  margin: 18px 0 0;
  font-size: 14px;
  color: var(--body-color);
}

.vp-pdp-buy {
  width: 100%;
  height: 52px;
  margin-top: 20px;
  border: 0;
  border-radius: 999px;

  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 16px;
  transition: filter 0.2s ease;
}

.vp-pdp-buy:not(:disabled):hover {
  filter: brightness(1.04);
}

.vp-pdp-buy:disabled {
  background: rgba(16, 17, 17, 0.14);
  color: rgba(16, 17, 17, 0.55);
  cursor: not-allowed;
}

.vp-pdp-desc {
  margin-top: 24px;
  font-size: 15px;
  line-height: 1.9;
}

.vp-pdp-facts {
  margin: 20px 0 0;
}

.vp-pdp-facts > div {
  display: flex;
  gap: 10px;
  padding-block: 10px;
  box-shadow: inset 0 -1px 0 rgba(16, 17, 17, 0.08);
  font-size: 14px;
}

.vp-pdp-facts dt {
  min-width: 96px;
  font-weight: 630;
}

.vp-pdp-facts dd {
  margin: 0;
}

@media (max-width: 575px) {
  .vp-shop-section {
    --vp-shop-top: 10px;
    padding-block: 10px;
  }

  .vp-shop-section > .th-container {
    padding-inline: 0;
  }

  .vp-shop-panel {
    margin-inline: 14px;
    padding: 18px;
    border-radius: 32px;
  }

  .vp-pdp-title {
    font-size: 24px;
  }
}

.vp-cart {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 28px;
  align-items: start;
}

@media (max-width: 991px) {
  .vp-cart {
    grid-template-columns: minmax(0, 1fr);
  }

  .vp-cart:has(.vp-checkout) .vp-cart-sum {
    order: -1;
  }
}

.vp-cart-keep {
  font-size: 14px;
  color: var(--theme-color);
}

button.vp-cart-keep {
  padding: 0;
  border: 0;
  background: none;
  line-height: inherit;
  cursor: pointer;
}

.vp-cart-line {

  --vp-cart-pad: 16px;
  --vp-cart-step-h: 40.8px;
  --vp-cart-mark: 32px;

  --vp-cart-edge: 0px;

  position: relative;
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  padding-block: var(--vp-cart-pad);
  box-shadow: inset 0 -1px 0 rgba(16, 17, 17, 0.08);
}

.vp-cart-line:has(.vp-cart-shot) {
  align-items: stretch;
}

.vp-cart-line:not(:has(.vp-cart-shot)) {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: baseline;
}

@media (max-width: 575.98px) {
  .vp-cart-line:not(:has(.vp-cart-shot)) {
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: 10px;
  }

  .vp-cart-line:not(:has(.vp-cart-shot)) .vp-cart-what {
    grid-column: 1 / -1;
  }

  .vp-cart-line:not(:has(.vp-cart-shot)) .vp-cart-money {
    justify-self: end;
  }
}

.vp-cart-line:has(.vp-cart-shot) .vp-cart-what {
  gap: 0;
  justify-content: space-between;

  padding-block: 2px;
}

.vp-cart-line:has(.vp-cart-shot) .vp-cart-name,
.vp-cart-line:has(.vp-cart-shot) .vp-cart-money,
.vp-cart-line:has(.vp-cart-shot) .vp-cart-spec {
  line-height: 1;
}

.vp-cart-line > form:not(.vp-cart-qty) {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: var(--vp-cart-edge);
}

.vp-cart-line.is-short {
  box-shadow:
    inset 0 -1px 0 rgba(16, 17, 17, 0.08),
    inset 3px 0 0 var(--theme-color);
}

.vp-cart-shot {
  position: relative;
  align-self: start;
  width: 84px;
  height: 84px;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
}

.vp-cart-shot img {
  position: absolute;
  inset: 14%;
  width: 72%;
  height: 72%;
  object-fit: contain;
}

.vp-cart-shot.is-supplied img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  border-radius: inherit;
}

.vp-cart-what {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;

  padding-inline-end: 34px;
}

.vp-cart-spec {
  font-size: 12.5px;
  color: rgba(16, 17, 17, 0.55);
}

.vp-cart-last > .vp-cart-spec {
  display: block;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vp-cart-last {
  padding-inline-end: 124px;
}

.vp-cart-line > .vp-cart-qty {
  position: absolute;
  inset-block-end: var(--vp-cart-pad);
  inset-inline-end: calc(var(--vp-cart-edge) + var(--vp-cart-mark) + 8px);
}

.vp-cart-compare {
  position: absolute;
  inset-inline-end: var(--vp-cart-edge);
  inset-block-end: calc(var(--vp-cart-pad) + (var(--vp-cart-step-h) - var(--vp-cart-mark)) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--vp-cart-mark);
  height: var(--vp-cart-mark);
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.vp-cart-compare img {
  width: 15px;
  height: 15px;
  opacity: 0.55;
  transition: opacity 0.2s ease;
}

.vp-cart-compare:hover {
  background: rgba(16, 17, 17, 0.06);
}

.vp-cart-compare:hover img {
  opacity: 1;
}

.vp-cart-name {
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 15px;
  color: var(--title-color);
}

.vp-cart-name:hover {
  color: var(--theme-color);
}

.vp-cart-meta {
  font-size: 13px;
  opacity: 0.7;
}

.vp-cart-warn {
  font-size: 13px;
  color: var(--theme-color);
}

.vp-cart-qty {
  display: flex;
  align-items: center;
  gap: 6px;
}

.vp-cart-qty-static {
  font-size: 14px;
  white-space: nowrap;
}

.vp-cart-money {
  text-align: start;
  white-space: nowrap;
  color: var(--theme-color);
}

.vp-cart-money strong {
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 16px;
}

.vp-cart-money strong span {
  font-size: 12px;
  font-weight: 360;
}

.vp-cart-each {
  display: block;
  font-size: 12px;
  opacity: 0.6;
}

.vp-cart-drop {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  font-size: 14px;
  line-height: 1;
  color: rgba(16, 17, 17, 0.55);
  cursor: pointer;
}

.vp-cart-drop:hover {
  background: rgba(16, 17, 17, 0.06);
  color: #B3261E;
}

.vp-cart-sum {
  padding: 20px;
  border-radius: 28px;
  background: rgba(16, 17, 17, 0.022);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.06);
}

.vp-cart-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-block: 8px;
  font-size: 14px;
}

.vp-cart-row.is-total {
  margin-top: 6px;
  padding-top: 12px;
  box-shadow: inset 0 1px 0 rgba(16, 17, 17, 0.1);
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 16px;
}

.vp-cart-go {
  display: grid;
  place-items: center;
  width: 100%;
  margin-top: 16px;
  background: linear-gradient(96deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
}

.vp-cart-go:hover {
  color: #FFFFFF;
  filter: brightness(1.04);
}

.vp-checkout {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.vp-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.vp-field-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
}

@media (max-width: 575px) {
  .vp-field-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

.vp-field label,
.vp-field-label {
  font-size: 13px;
  font-weight: 630;
}

.vp-field input,
.vp-field textarea {
  width: 100%;
  padding: 10px 14px;
  border: 0;
  border-radius: 14px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  font-size: 14px;
  color: var(--title-color);
}

.vp-field input:focus,
.vp-field textarea:focus {
  outline: none;
  box-shadow: inset 0 0 0 1.5px rgba(164, 127, 37, 0.55);
}

.vp-checkout-pay {
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(16, 17, 17, 0.035);
  font-size: 14px;
}

.vp-note {
  margin: 0 0 14px;
  padding: 12px 16px;
  border-radius: 16px;
  background: rgba(16, 17, 17, 0.04);
  font-size: 14px;
}

.vp-note.is-good {
  background: rgba(164, 127, 37, 0.12);
  color: var(--vp-gold-ink-deep);
}

.vp-note.is-bad {
  background: rgba(179, 38, 30, 0.08);
  color: #B3261E;
}

.vp-order-to {
  margin-top: 20px;
  padding-top: 16px;
  box-shadow: inset 0 1px 0 rgba(16, 17, 17, 0.1);
}

.vp-order-address {
  margin: 0;
  font-size: 14px;
  line-height: 2;
}

.vp-order-cancel {
  width: 100%;
  height: 40px;
  margin-top: 16px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: inset 0 0 0 1.5px rgba(179, 38, 30, 0.35);
  color: #B3261E;
  font-size: 14px;
}

.vp-order-cancel:hover {
  background: rgba(179, 38, 30, 0.06);
}

.vp-track {
  max-width: 520px;
  margin-inline: auto;
}

.vp-track .vp-shop-title {
  margin-bottom: 18px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.vp-admin-body {
  background: #F6F5F3;
}

.vp-admin-bar {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #FFFFFF;
  box-shadow: inset 0 -1px 0 rgba(16, 17, 17, 0.1);
}

.vp-admin-bar-in {
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: 1560px;
  margin-inline: auto;
  padding: 12px 24px;
}

.vp-admin-mark {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.vp-admin-mark strong {
  font-family: 'Cairo', var(--title-font);
  font-size: 17px;
  color: var(--title-color);
}

.vp-admin-mark span {
  font-size: 12px;
  color: var(--vp-gold-ink);
}

.vp-admin-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  margin-inline-end: auto;
}

.vp-admin-nav a {
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 14px;
  color: var(--body-color);
}

.vp-admin-nav a:hover {
  background: rgba(16, 17, 17, 0.05);
}

.vp-admin-nav a.is-on {
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #101111;
}

.vp-admin-who {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vp-admin-switch select,
.vp-admin-pick {
  height: 36px;
  padding-inline: 12px;
  border: 0;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  font-size: 14px;
  color: var(--title-color);
}

.vp-admin-branch {
  font-size: 14px;
  font-weight: 630;
}

.vp-admin-out {
  height: 36px;
  padding-inline: 14px;
  border: 0;
  border-radius: 999px;
  background: rgba(16, 17, 17, 0.05);
  font-size: 14px;
}

.vp-admin-out:hover {
  background: rgba(179, 38, 30, 0.1);
  color: #B3261E;
}

.vp-admin-main {
  padding-block: 28px 80px;
}

.vp-admin-main .vp-shop-panel,
.vp-adm-page .vp-shop-panel {
  margin-inline: 0;
  padding: 20px;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px #E7E7E7;
}

.vp-admin-main .vp-shop-panel + .vp-shop-panel,
.vp-adm-page .vp-shop-panel + .vp-shop-panel {
  margin-top: 20px;
}

.vp-admin-title {
  margin-bottom: 18px;
}

.vp-admin-figures {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .vp-admin-figures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.vp-admin-figure {
  padding: 18px 20px;
  border-radius: 24px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
}

.vp-admin-figure-num {
  display: block;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 26px;
  line-height: 1.2;
  color: var(--title-color);
}

.vp-admin-figure-name {
  font-size: 13px;
  color: var(--body-color);
}

.vp-admin-cols {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

@media (max-width: 991px) {
  .vp-admin-cols {
    grid-template-columns: minmax(0, 1fr);
  }
}

.vp-admin-cols .vp-shop-panel + .vp-shop-panel {
  margin-top: 0;
}

.vp-admin-table {
  width: 100%;
  margin-top: 14px;
  border-collapse: collapse;
  font-size: 14px;
}

.vp-admin-table.is-wide {
  white-space: nowrap;
}

.vp-admin-main .vp-shop-panel,
.vp-adm-page .vp-shop-panel {
  overflow-x: auto;
}

.vp-admin-table th {
  padding: 10px 8px;
  box-shadow: inset 0 -1px 0 rgba(16, 17, 17, 0.12);
  font-size: 13px;
  font-weight: 630;
  text-align: start;
  white-space: nowrap;
}

.vp-admin-table td {
  padding: 10px 8px;
  box-shadow: inset 0 -1px 0 rgba(16, 17, 17, 0.06);
  vertical-align: middle;
}

.vp-admin-table tbody tr:hover td {
  background: rgba(16, 17, 17, 0.02);
}

.vp-admin-table a {
  color: var(--vp-gold-ink);
}

.vp-admin-num,
.vp-admin-text {
  height: 34px;
  padding-inline: 10px;
  border: 0;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  font-size: 14px;
}

.vp-admin-num {
  width: 84px;
  text-align: center;
}

.vp-admin-num.is-wide {
  width: 130px;
}

.vp-admin-text {
  width: 190px;
}

.vp-admin-num:focus,
.vp-admin-text:focus {
  outline: none;
  box-shadow: inset 0 0 0 1.5px rgba(164, 127, 37, 0.55);
}

.vp-admin-save {
  height: 34px;
  padding-inline: 14px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #101111;
  font-size: 13px;
}

.vp-admin-save:hover {
  background: var(--vp-gold-lit);
}

.vp-admin-save.is-off {
  background: #B3261E;
  color: #FFFFFF;
}

.vp-admin-save.is-off:hover {
  background: #8F1E18;
  color: #FFFFFF;
}

.vp-admin-save.is-go {
  background: #44AD2C;
  color: #FFFFFF;
}

.vp-admin-save.is-go:hover {
  background: #3A9426;
  color: #FFFFFF;
}

.vp-admin-save:disabled,
.vp-admin-save.is-off:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.vp-admin-save:disabled:hover {
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
}

.vp-admin-save.is-off:disabled:hover {
  background: #B3261E;
}

.vp-admin-tabs {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.vp-admin-tabs a {
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  color: var(--body-color);
}

.vp-admin-tabs a:hover {
  background: rgba(16, 17, 17, 0.05);
}

.vp-admin-tabs a.is-on {
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #101111;
}

.vp-admin-moves {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

.vp-admin-move {
  width: 100%;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #101111;
  font-size: 14px;
}

.vp-admin-move:hover {
  background: var(--vp-gold-lit);
}

.vp-admin-move.is-off {
  background: transparent;
  box-shadow: inset 0 0 0 1.5px rgba(179, 38, 30, 0.35);
  color: #B3261E;
}

.vp-admin-move.is-off:hover {
  background: rgba(179, 38, 30, 0.06);
}

@media (max-width: 991.98px) {
  .vp-admin-bar-in {
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 12px;
  }

  .vp-admin-mark {
    flex: 1 1 auto;
  }

  .vp-admin-who {
    flex: 0 0 auto;
  }

  .vp-admin-nav {
    order: 3;
    flex: 1 0 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;

    margin-inline: -12px;
    padding-inline: 12px;
  }

  .vp-admin-nav::-webkit-scrollbar {
    display: none;
  }

  .vp-admin-nav a {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .vp-admin-main .vp-shop-panel,
  .vp-adm-page .vp-shop-panel {
    overflow-x: visible;
  }

  .vp-admin-main .vp-shop-panel:has(> .vp-admin-table[data-vp-stack]),
  .vp-adm-page .vp-shop-panel:has(> .vp-admin-table[data-vp-stack]) {
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  .vp-admin-main .vp-shop-panel:has(.vp-admin-table[data-vp-stack]) > .vp-admin-title,
  .vp-admin-main .vp-shop-panel:has(.vp-admin-table[data-vp-stack]) > form,
  .vp-adm-page .vp-shop-panel:has(.vp-admin-table[data-vp-stack]) > .vp-admin-title,
  .vp-adm-page .vp-shop-panel:has(.vp-admin-table[data-vp-stack]) > form {
    padding-inline: 4px;
  }

  .vp-admin-table[data-vp-stack],
  .vp-admin-table[data-vp-stack] tbody {
    display: block;
  }

  .vp-admin-table[data-vp-stack],
  .vp-admin-table[data-vp-stack] tbody,
  .vp-admin-table[data-vp-stack] tbody tr,
  .vp-admin-table[data-vp-stack] td {
    border: 0;
  }

  .vp-admin-table[data-vp-stack] thead {
    display: none;
  }

  .vp-admin-table[data-vp-stack] tbody tr {
    display: block;
    padding: 12px 14px;
    border-radius: 14px;
    background: #FFFFFF;
    box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.1);
  }

  .vp-admin-table[data-vp-stack] tbody tr + tr {
    margin-top: 10px;
  }

  .vp-admin-table[data-vp-stack] tbody tr:hover td {
    background: none;
  }

  .vp-admin-table[data-vp-stack] td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 6px 0;
    box-shadow: none;

    white-space: normal;
  }

  .vp-admin-table[data-vp-stack] td + td {
    box-shadow: inset 0 1px 0 rgba(16, 17, 17, 0.06);
  }

  .vp-admin-table[data-vp-stack] td::before {
    content: attr(data-label);
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 630;
    color: rgba(16, 17, 17, 0.55);
  }

  .vp-admin-table[data-vp-stack] td[data-label='']::before {
    content: none;
  }

  .vp-admin-table[data-vp-stack] td[data-vp-full] {
    display: block;
    text-align: center;
  }

  .vp-admin-table[data-vp-stack] td[data-vp-full]::before {
    content: none;
  }

  .vp-admin-table[data-vp-stack] td .vp-admin-num,
  .vp-admin-table[data-vp-stack] td .vp-admin-text,
  .vp-admin-table[data-vp-stack] td select {
    max-width: 60%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .vp-admin-table th,
  .vp-admin-table td {
    padding-inline: 5px;
  }
}

.vp-admin-login {
  display: grid;
  place-items: center;
  min-height: 100vh;
  padding: 24px;
}

.vp-admin-login .vp-shop-panel {
  width: 100%;
  margin-inline: 0;
}

.vp-admin-remember {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
}

.vp-admin-remember input {
  accent-color: var(--theme-color);
}

.vp-sellers {
  margin-top: 22px;
  padding-top: 18px;
  box-shadow: inset 0 1px 0 rgba(16, 17, 17, 0.1);
}

.vp-sellers-title {
  margin: 0 0 10px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 15px;
}

.vp-seller {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border-radius: 18px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
}

.vp-seller + .vp-seller {
  margin-top: 8px;
}

.vp-seller.is-ours {
  box-shadow: inset 0 0 0 1.5px rgba(164, 127, 37, 0.4);
}

.vp-seller-who {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.vp-seller-name {
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14px;
  color: var(--title-color);
}

.vp-seller-stock {
  font-size: 12px;
  color: var(--body-color);
  opacity: 0.75;
}

.vp-seller-buy {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vp-seller-price {
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 16px;
  white-space: nowrap;
}

.vp-seller-add {
  height: 36px;
  padding-inline: 16px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
  font-size: 13px;
  white-space: nowrap;
  transition: filter 0.2s ease;
}

.vp-seller-add:hover {
  filter: brightness(1.04);
}

.vp-vendor-pending {
  color: #B3261E;
}

.vp-vendor-add {
  display: grid;
  grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)) auto;
  gap: 12px;
  align-items: end;
  margin-top: 14px;
}

@media (max-width: 991px) {
  .vp-vendor-add {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
}

.vp-admin-inline {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.vp-ledger-out {
  color: #B3261E;
}

.vp-code {
  display: flex;
  gap: 6px;
  margin-top: 14px;
  padding-top: 14px;
  box-shadow: inset 0 1px 0 rgba(16, 17, 17, 0.08);
}

.vp-code input {
  flex: 1;
  min-width: 0;
  height: 36px;
  padding-inline: 12px;
  border: 0;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  font-size: 14px;
}

.vp-code input:focus {
  outline: none;
  box-shadow: inset 0 0 0 1.5px rgba(164, 127, 37, 0.55);
}

.vp-code button {
  flex: none;
  height: 36px;
  padding-inline: 14px;
  border: 0;
  border-radius: 12px;
  background: rgba(16, 17, 17, 0.06);
  font-size: 13px;
}

.vp-code button:hover {
  background: rgba(164, 127, 37, 0.16);
}

.vp-code-note {
  margin: 8px 0 0;
  font-size: 13px;
  color: var(--body-color);
}

.vp-code-note.is-good {
  color: var(--theme-color);
}

.vp-bars {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 160px;
  margin-block: 16px;
  padding: 12px;
  border-radius: 20px;
  background: rgba(16, 17, 17, 0.022);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.06);
}

.vp-bar {
  flex: 1;
  display: flex;
  align-items: flex-end;
  height: 100%;
  min-width: 0;
}

.vp-bar-fill {
  display: block;
  width: 100%;
  border-radius: 6px 6px 3px 3px;
  background: linear-gradient(180deg, var(--gr-color2), var(--theme-color));
  transition: opacity 0.2s ease;
}

.vp-bar:hover .vp-bar-fill {
  opacity: 0.75;
}

.vp-empty {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding-block: 56px 48px;
  text-align: center;
}

.vp-empty-mark {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border-radius: 50%;

  background: rgba(218, 178, 38, 0.14);
  color: var(--vp-gold-fill-ink);
}

.vp-empty-mark svg {
  width: 34px;
  height: 34px;
}

.vp-empty-say {
  margin: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 17px;
  color: var(--title-color);
}

.vp-empty-out {
  height: 40px;
  padding-inline: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
  font-size: 14px;
  transition: filter 0.2s ease;
}

.vp-empty-out:hover {
  filter: brightness(1.04);
  color: #FFFFFF;
}

.vp-soon-scrim {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(16, 17, 17, 0.72);
}

.vp-soon-card {
  position: relative;
  width: 100%;
  max-width: 380px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  display: grid;
  justify-items: center;
  gap: 14px;
  padding: 34px 24px 26px;
  border-radius: 22px;
  background: #FFFFFF;
  text-align: center;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.42);
}

.vp-soon-card .vp-empty-say {
  text-wrap: balance;
}

.vp-soon-shut {
  position: absolute;
  inset-block-start: 10px;
  inset-inline-start: 10px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(16, 17, 17, 0.06);
  color: rgba(16, 17, 17, 0.6);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.vp-soon-ok {
  height: 40px;
  padding-inline: 26px;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
  font-family: 'Vazirmatn', var(--body-font);
  font-size: 14px;
  cursor: pointer;
  transition: filter 0.2s ease;
}

.vp-soon-ok:hover {
  filter: brightness(1.04);
}

.vp-pdp-price {
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
}

.vp-pdp-price strong {
  font-size: 34px;
  line-height: 1.1;
}

.vp-pdp-price strong span {
  font-size: 16px;
}

.vp-pdp-price del {
  font-size: 15px;
}

.vp-pdp-from {
  margin: 0 0 22px;
  font-size: 13px;
  color: var(--body-color);
  opacity: 0.8;
}

.vp-pdp-sizes-title {
  margin: 0 0 4px;
  font-size: 16px;
}

.vp-sellers {
  margin-top: 12px;
  padding: 14px 16px 16px;
  border-radius: 22px;
  background: rgba(16, 17, 17, 0.022);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.06);
}

.vp-sellers-title {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0 0 10px;
  font-size: 16px;
}

.vp-sellers-title span {
  font-size: 12px;
  font-weight: 360;
  color: var(--body-color);
  opacity: 0.7;
}

.vp-seller {
  padding: 12px 14px;
  border-radius: 16px;
}

.vp-seller.is-ours {
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
}

.vp-seller.is-best,
.vp-seller.is-best.is-ours {
  box-shadow: inset 0 0 0 1.5px var(--theme-color);
}

.vp-seller-name {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vp-seller-tag {
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--theme-color);
  color: #FFFFFF;
  font-size: 11px;
  font-style: normal;
  font-weight: 360;
}

.vp-seller-stock.is-low {
  color: #B3261E;
  opacity: 1;
}

.vp-seller-price em {
  font-size: 12px;
  font-style: normal;
  font-weight: 360;
  opacity: 0.75;
}

.vp-seller-add {
  height: 38px;
  padding-inline: 18px;
  font-size: 14px;
}

@media (max-width: 575px) {
  .vp-seller {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .vp-seller-buy {
    justify-content: space-between;
  }
}

.vp-shop-bar {
  justify-content: space-between;
  padding-bottom: 14px;
  box-shadow: inset 0 -1px 0 rgba(16, 17, 17, 0.08);
}

.vp-shop-bar-count {
  font-size: 14px;
  color: var(--body-color);
}

@media (min-width: 992px) {
  .vp-shop-rail {
    position: sticky;
    top: 20px;
  }
}

.vp-filter-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vp-filter-title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(164, 127, 37, 0.25);
}

.vp-cart-shot {
  width: 96px;
  height: 96px;
  border-radius: 22px;
}

.vp-cart-line {
  grid-template-columns: 96px minmax(0, 560px);
  justify-content: start;

  --vp-cart-pad: 18px;
}

@media (max-width: 575px) {
  .vp-cart-line {
    grid-template-columns: 72px minmax(0, 1fr);
    column-gap: 10px;
  }

  .vp-cart-shot {
    width: 72px;
    height: 72px;
  }
}

.vp-cart-money strong {
  font-size: 17px;
}

.vp-cart-row.is-total {
  color: var(--theme-color);
}

.vp-admin-table thead th {
  background: rgba(16, 17, 17, 0.03);
}

.vp-admin-table thead th:first-child {
  border-start-start-radius: 12px;
  border-end-start-radius: 12px;
}

.vp-admin-table thead th:last-child {
  border-start-end-radius: 12px;
  border-end-end-radius: 12px;
}

.vp-admin-table tbody tr:nth-child(even) td {
  background: rgba(16, 17, 17, 0.016);
}

.vp-admin-table tbody tr:hover td {
  background: rgba(164, 127, 37, 0.07);
}

.vp-admin-table td,
.vp-admin-figure-num,
.vp-cart-money strong,
.vp-seller-price {
  font-feature-settings: 'tnum' 1;
}

.vp-admin-figure {
  position: relative;
  overflow: hidden;
}

.vp-admin-figure::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--theme-color), var(--gr-color2));
}

.vp-chart {
  position: relative;
  margin-block: 16px;
  padding: 26px 12px 8px;
  border-radius: 20px;
  background: rgba(16, 17, 17, 0.022);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.06);
}

.vp-chart-top {
  position: absolute;
  inset-block-start: 6px;
  inset-inline: 12px;
  padding-inline-end: 4px;
  font-size: 11px;
  color: var(--body-color);

  text-align: start;
  border-bottom: 1px dashed rgba(16, 17, 17, 0.16);
}

.vp-bars {
  height: 150px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.vp-chart-days {
  display: flex;
  gap: 4px;
  margin-top: 6px;
}

.vp-chart-day {
  flex: 1;
  min-width: 0;
  font-size: 10px;
  color: var(--body-color);
  opacity: 0.7;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .vp-track.vp-apply {
    max-width: 720px;
  }

  .vp-apply .vp-checkout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
  }

  .vp-apply .vp-checkout > .vp-field-row,
  .vp-apply .vp-checkout > button,
  .vp-apply .vp-checkout > .vp-field.is-wide {
    grid-column: 1 / -1;
  }
}

.vp-media {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
  margin-block: 14px;
}

.vp-media-one {
  position: relative;
  margin: 0;
  padding: 8px;
  border-radius: 18px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
}

.vp-media-one.is-primary {
  box-shadow: inset 0 0 0 2px var(--theme-color);
}

.vp-media-one img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}

.vp-media-one figcaption {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 6px;
  font-size: 12px;
}

.vp-media-one figcaption button,
.vp-media-one figcaption span {
  border: 0;
  background: transparent;
  font-size: 12px;
  color: var(--theme-color);
}

.vp-media-one figcaption button.is-off {
  color: #B3261E;
}

.vp-media-add input[type="file"] {
  flex: 1;
  min-width: 0;
  font-size: 13px;
}

.vp-variant-add {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
  margin-top: 16px;
  padding-top: 16px;
  box-shadow: inset 0 1px 0 rgba(16, 17, 17, 0.08);
}

.vp-variant-add > button {
  grid-column: 1 / -1;
}

@media (max-width: 575px) {
  .vp-variant-add {
    grid-template-columns: minmax(0, 1fr);
  }
}

.vp-admin-drop {
  height: 34px;
  padding-inline: 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: inset 0 0 0 1.5px rgba(179, 38, 30, 0.3);
  color: #B3261E;
  font-size: 13px;
}

.vp-admin-drop:hover {
  background: rgba(179, 38, 30, 0.06);
}

.vp-password {
  display: block;
  margin-top: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  font-family: monospace;
  font-size: 16px;
  letter-spacing: 1px;
  direction: ltr;
  text-align: center;
}

.th-widget-about {
  display: flex;
}

.vp-logo-foot img {
  transition: box-shadow 0.3s ease;
}

.vp-logo-foot:hover img {
  box-shadow:
    0 1px 3px rgba(16, 17, 17, 0.16),
    0 5px 12px -2px rgba(16, 17, 17, 0.20);
}

.th-menu-wrapper .th-menu-area {
  display: flex;
  flex-direction: column;
  max-width: min(90.3vw, 420px);
}

.vp-drawer {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  text-align: right;
}

.vp-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex: none;
  padding: 14px 16px;
}

.vp-logo-drawer {
  min-width: 0;

  min-height: 0;
}

.vp-logo-drawer img {
  width: 42px;
  height: 42px;

}

.vp-logo-drawer .vp-logo-text b {
  font-size: 14.52px;
  font-weight: 810;
}

.vp-logo-drawer .vp-logo-text small {
  font-size: 9.35px;
  margin-block-start: 4px;
  white-space: nowrap;
}

.th-menu-wrapper .th-menu-toggle {
  position: static;
  flex: none;

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 1;
  border-radius: 10px;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.10);
  color: #6E7070;
  font-size: 15px;
}

.th-menu-wrapper .th-menu-toggle:hover {
  background: rgba(16, 17, 17, 0.05);
  color: #101111;
}

.vp-drawer-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 14px 16px;
}

.vp-drawer-label {
  margin: 0 0 10px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 12px;

  color: var(--vp-gold);
}

.vp-drawer-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 15px;
}

.vp-drawer-heading .vp-drawer-label {
  margin: 0;
}

.vp-drawer-all {
  flex: none;
  padding: 4px 9px;
  border-radius: 10px;
  background: rgba(192, 151, 47, 0.10);
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 540;
  font-size: 11px;
  color: var(--vp-gold-ink);
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.vp-drawer-all:hover {
  background: rgba(192, 151, 47, 0.18);
  color: var(--vp-gold-ramp-ink);
}

.vp-drawer-quick {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.vp-quick {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  padding: 11px 3px 10px;
  border-radius: 14px;

  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.09);
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.vp-quick:hover {
  background: rgba(16, 17, 17, 0.03);
}

.vp-quick.is-lit {
  background: rgba(192, 151, 47, 0.12);
  box-shadow: inset 0 0 0 1px rgba(192, 151, 47, 0.28);
}

.vp-quick.is-lit:hover {
  background: rgba(192, 151, 47, 0.2);
}

.vp-quick-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #101111;
  font-size: 12px;
}

.vp-quick:not(.is-lit) .vp-quick-mark {
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.10);
  color: var(--vp-gold);
}

.vp-quick-name {
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 540;

  font-size: 11.5px;
  line-height: 1.5;
  color: #101111;
  text-align: center;
}

.vp-drawer-cats {
  list-style: none;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  gap: 3px;
  margin: 10px 0 0;
  padding: 0;
}

.vp-drawer-cats a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 10px;
  border-radius: 12px;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 360;
  font-size: 15px;
  color: #101111;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.vp-drawer-cats a:hover {
  background: rgba(16, 17, 17, 0.04);
  color: #101111;
}

.vp-cat-icon {
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  flex: none;
  padding: 6.5px;
  border-radius: 9px;
  background: rgba(192, 151, 47, 0.07);
}

.vp-drawer-cats a .vp-cat-icon {
  height: 28px;
  object-fit: contain;
}

@media (max-height: 730px) {
  .vp-drawer-cats a .vp-cat-icon {
    height: 25px;
  }
}

.vp-drawer-cats a:hover .vp-cat-icon {
  background: rgba(192, 151, 47, 0.14);
}

.vp-drawer-cats a i.vp-cat-icon {
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 13px;
  color: var(--vp-gold-fill-ink);
}

.vp-cat-name {
  flex: 1;
  min-width: 0;
}

.vp-drawer-cats .fa-chevron-left {
  flex: none;
  font-size: 10px;
  color: rgba(16, 17, 17, 0.22);
}

.vp-drawer-links {
  list-style: none;
  flex: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
}

.vp-drawer-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 100%;
  box-sizing: border-box;
  padding: 9px 10px;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.09);
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 450;
  font-size: 12px;
  color: #101111;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.vp-drawer-links a:hover {
  background: rgba(16, 17, 17, 0.03);
  color: #101111;
}

.vp-drawer-links a i {
  flex: none;
  color: var(--vp-gold);
  font-size: 12px;
}

.vp-drawer-links span {
  min-width: 0;
}

.vp-drawer-foot {
  flex: none;
  padding: 12px 16px 16px;
}

.vp-drawer-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  height: 44px;
  border-radius: 13px;
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 13.5px;

  color: #101111;
  text-decoration: none;
  transition: filter 0.2s ease;
}

.vp-drawer-cta:hover {
  filter: brightness(1.04);
  color: #101111;
}

.vp-drawer-count {
  min-width: 20px;
  height: 20px;
  padding-inline: 5px;
  border-radius: 10px;
  background: rgba(16, 17, 17, 0.12);
  font-family: 'Vazirmatn', var(--body-font);
  font-size: 11px;
  font-weight: 540;
  line-height: 20px;
  text-align: center;
}

@media (max-height: 730px) {
  .vp-drawer-head { padding: 10px 14px; }

  .vp-drawer-body { padding: 11px 14px; }

  .vp-quick { padding: 5.5px 3px 5px; gap: 5px; }
  .vp-quick-mark { width: 26px; height: 26px; font-size: 11px; }

  .vp-drawer-cats { gap: 0.5px; margin-top: 6px; }

  .vp-drawer-cats a { padding: 4px 9px; font-size: 13.5px; }
  .vp-cat-icon { width: 25px; height: 25px; padding: 5.5px; border-radius: 8px; }
  .vp-drawer-links { margin-top: 8px; }
  .vp-drawer-links a { padding: 7px 9px; }
  .vp-drawer-foot { padding: 10px 14px 13px; }
  .vp-drawer-cta { height: 42px; }
}

@media (max-height: 660px) {
  .vp-drawer-head { padding: 8px 14px; }
  .vp-drawer-body { padding: 7px 14px; }
  .vp-drawer-heading { margin-top: 8px; }
  .vp-drawer-cats { margin-top: 4px; }
  .vp-drawer-links { margin-top: 6px; gap: 6px; }
  .vp-drawer-foot { padding: 8px 14px 11px; }
}

@media (max-width: 389.98px) {
  .vp-drawer-links a {
    padding-inline: 6px;
    gap: 6px;
  }
}

.vp-signin-pick {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.vp-signin-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin: 18px 0 20px;
  padding: 5px;
  border-radius: 16px;
  background: rgba(16, 17, 17, 0.063);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
}

.vp-signin-tabs label {
  margin: 0;
  padding: 9px 0;
  border-radius: 12px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14px;
  color: #6E7070;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

#vp-signin-login:checked ~ .vp-signin-tabs label[for="vp-signin-login"],
#vp-signin-register:checked ~ .vp-signin-tabs label[for="vp-signin-register"] {
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);

  color: #FFFFFF;
}

.vp-signin-pane {
  display: none;
}

#vp-signin-login:checked ~ .vp-signin-login,
#vp-signin-register:checked ~ .vp-signin-register {
  display: block;
}

.vp-signin-claim {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.vp-signin-claim small {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.8;
  color: #6E7070;
}

.vp-signin-alt {
  margin: 18px 0 0;
  font-size: 13px;
  line-height: 1.9;
  color: #6E7070;
  text-align: center;
}

.vp-signin-alt a {
  color: var(--vp-gold);
  font-weight: 540;
}

.vp-acct-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.vp-acct-face {
  display: grid;
  place-items: center;
  flex: none;
  width: 54px;
  height: 54px;
  border-radius: 15.8px;
  background: linear-gradient(135deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 24px;
  line-height: 1;
}

.vp-acct-who {
  flex: 1 1 auto;
  min-width: 0;
}

.vp-acct-name {
  margin: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 20px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.vp-acct-phone {
  margin: 2px 0 0;
  font-size: 13px;
  color: #6E7070;
}

.vp-acct-out {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  height: 34px;
  padding-inline: 13px;
  border: 0;
  border-radius: 999px;
  background: rgba(16, 17, 17, 0.063);
  color: #4D4D4D;
  font-size: 13px;
  font-weight: 540;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.vp-acct-out:hover,
.vp-acct-out:focus-visible {
  background: rgba(179, 38, 30, 0.08);
  color: #B3261E;
}

.vp-acct-out i {
  font-size: 12px;
}

.vp-acct-figs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 16px;
  padding: 14px 4px;
  list-style: none;
  border-radius: 22px;
  background: rgba(16, 17, 17, 0.063);
}

.vp-acct-figs li {
  display: grid;
  justify-items: center;
  gap: 3px;
  padding-inline: 4px;
  text-align: center;
}

.vp-acct-figs li + li {
  border-inline-start: 1px solid rgba(16, 17, 17, 0.09);
}

.vp-acct-figs b {
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 19px;
  line-height: 1.2;
  color: var(--title-color);
}

.vp-acct-figs span {
  font-size: 11.5px;
  line-height: 1.5;
  color: #6E7070;
}

.vp-acct-doors {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

@media (min-width: 576px) {
  .vp-acct-doors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .vp-acct-doors {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.vp-acct-door {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
  color: var(--title-color);
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.vp-acct-door:hover,
.vp-acct-door:focus-visible {
  background: rgba(16, 17, 17, 0.028);
  box-shadow: inset 0 0 0 1.5px rgba(218, 178, 38, 0.65);
  color: var(--title-color);
}

.vp-acct-door-mark {
  display: grid;
  place-items: center;
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 13px;

  background: rgba(218, 178, 38, 0.16);
  color: var(--vp-gold-fill-ink);
  font-size: 15px;
}

.vp-acct-door-what {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.vp-acct-door-what b {
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14px;
  line-height: 1.5;
}

.vp-acct-door-what small {
  font-size: 11.5px;
  line-height: 1.6;
  color: #6E7070;
}

.vp-acct-door-new {
  margin-inline-start: auto;
  display: grid;
  place-items: center;
  flex: none;
  min-width: 22px;
  height: 22px;
  padding-inline: 7px;
  border-radius: 999px;
  background: #B3261E;
  color: #FFFFFF;
  font-size: 11.5px;
  font-weight: 630;
  font-style: normal;
  line-height: 1;
}

.vp-acct-sect {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin-bottom: 16px;
}

.vp-acct-sect-title {
  margin: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 18px;
  line-height: 1.4;
}

.vp-acct-sect-count {
  font-size: 12.5px;
  color: #6E7070;
}

.vp-acct-orders {
  list-style: none;
  margin: 0;
  padding: 0;
}

.vp-acct-orders li + li {
  margin-top: 10px;
}

.vp-acct-order {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 16px;
  grid-template-areas:
    'no   state go'
    'meta sum   go';
  align-items: center;
  gap: 4px 12px;
  padding: 14px 16px;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
  font-family: 'Vazirmatn', var(--body-font);
  color: var(--title-color);
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.vp-acct-order:hover,
.vp-acct-order:focus-visible {
  background: rgba(16, 17, 17, 0.028);
  box-shadow: inset 0 0 0 1.5px rgba(218, 178, 38, 0.65);
  color: var(--title-color);
}

.vp-acct-order-no {
  grid-area: no;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14.5px;
}

.vp-acct-order-state {
  grid-area: state;
  justify-self: end;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(16, 17, 17, 0.063);
  font-size: 12px;
  font-weight: 630;
  white-space: nowrap;
}

.vp-acct-order-state.is-placed {
  background: #FFF6EC;
  color: #A85B00;
}

.vp-acct-order-state.is-paid,
.vp-acct-order-state.is-shipped {
  background: #EEF4FC;
  color: #1D5FAD;
}

.vp-acct-order-state.is-delivered {
  background: #EDF7F1;
  color: #1B7F4B;
}

.vp-acct-order-state.is-cancelled {
  background: #FCEEED;
  color: #B3261E;
}

.vp-acct-order-meta {
  grid-area: meta;
  font-size: 12px;
  color: #6E7070;
}

.vp-acct-order-sum {
  grid-area: sum;
  justify-self: end;
  font-size: 14px;
  font-weight: 630;
  white-space: nowrap;
}

.vp-acct-order-sum small {
  font-size: 11.5px;
  font-weight: 540;
  color: #6E7070;
}

.vp-acct-order-go {
  grid-area: go;
  justify-self: end;
  font-size: 13px;
  color: #9A9C9C;
}

@media (min-width: 768px) {
  .vp-acct-order {
    grid-template-columns: 132px minmax(0, 1fr) 150px 104px 16px;
    grid-template-areas: 'no meta sum state go';
    gap: 0 12px;
    padding-block: 16px;
  }

  .vp-acct-order-meta,
  .vp-acct-order-sum,
  .vp-acct-order-state {
    justify-self: start;
  }
}

.vp-acct-set {
  display: grid;
  gap: 20px;
}

@media (min-width: 768px) {
  .vp-acct-set {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 24px;
  }
}

.vp-acct-form {
  display: grid;
  gap: 8px;
  max-width: 360px;
}

.vp-acct-label {
  margin: 0;
  font-size: 12.5px;
  font-weight: 540;
  color: #6E7070;
}

.vp-acct-fixed {
  margin: 0;
  font-size: 12px;
  line-height: 1.9;
  color: #6E7070;
}

.vp-acct-err {
  margin: 0;
  font-size: 12.5px;
  font-weight: 540;
  color: #B3261E;
}

.vp-acct-save {
  justify-self: start;
  height: 44px;
  margin-top: 4px;
  padding-inline: 26px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14.5px;
  cursor: pointer;
  transition: filter 0.2s ease;
}

.vp-acct-save:hover {
  color: #FFFFFF;
  filter: brightness(1.04);
}

.vp-acct-pass {
  margin: 0;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(16, 17, 17, 0.028);
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.07);
  max-width: 360px;
}

.vp-acct-pass > summary {
  cursor: pointer;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14px;
  color: var(--title-color);
  list-style: none;
}

.vp-acct-pass > summary::-webkit-details-marker {
  display: none;
}

.vp-acct-pass > summary::after {
  content: '\f078';
  float: left;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 810;
  font-size: 11px;
  color: #9A9C9C;
  transition: transform 0.2s ease;
}

.vp-acct-pass[open] > summary::after {
  transform: rotate(180deg);
}

.vp-acct-pass form {
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
}

@media (max-width: 991.98px) {
  .th-header .header-button .icon-btn.sideMenuToggler,
  .th-header .header-button .icon-btn.vp-search-btn,
  .th-header .th-menu-toggle.d-block {
    width: 52px;
    height: 52px;
    border-radius: 15.18px;
  }

  .vp-logo img {
    border-radius: 15.18px;
  }

  .vp-logo-drawer img {
    border-radius: 12.65px;
  }
}

@media (max-width: 575px) {
  .th-header .header-button .icon-btn.sideMenuToggler,
  .th-header .header-button .icon-btn.vp-search-btn,
  .th-header .th-menu-toggle.d-block {
    width: 42px;
    height: 42px;
    border-radius: 12.65px;
  }

  .vp-logo img {
    border-radius: 12.65px;
  }
}

@media (max-width: 991.98px) {
  .heroSlide6 .hero-inner {
    border-radius: 43.2px;
  }
}

@media (max-width: 991.98px) {

  .heroSlide6 .hero-inner .hero-title {
    font-size: 30.15px;
    line-height: 33.75px;
    font-weight: 630;
  }
}

@media (max-width: 991.98px) {

  .heroSlide6 .hero-style6 {
    padding-block: 13.25px 22.57px;
  }

  .heroSlide6 .hero-inner .sub-title {
    margin-bottom: 15.71px;
  }

  .heroSlide6 .hero-inner .hero-title {
    margin-bottom: 18.85px;
  }

  .heroSlide6 .hero-inner .th-btn.th-icon::after {
    content: none;
  }
}

@media (max-width: 991.98px) {
  .heroSlide6 .hero-img {
    direction: ltr;
  }

  .heroSlide6 .discount-wrapp {
    right: auto;
    left: auto;
  }
}

@media (max-width: 991.98px) {
  .heroSlide6 .hero-inner .row > .col-lg-6:first-child { order: 2; }
  .heroSlide6 .hero-inner .row > .col-lg-6:last-child { order: 1; }
}

@media (max-width: 991.98px) {
  .heroSlide6 .discount-tag {
    width: 84.84px;
    height: 84.84px;
    min-width: 84.84px;
    min-height: 84.84px;
  }
}

@media (max-width: 991.98px) {
  .heroSlide6 .hero-inner {
    margin-inline: 10px;
  }
}

@media (max-width: 991.98px) {
  .th-hero-wrapper {
    padding-top: 13.5px;
  }
}

@media (max-width: 991.98px) {
  .heroSlide6 .hero-style6 {
    padding-right: 0;
  }

  .heroSlide6 .hero-img {
    padding-left: 0;
  }

  .heroSlide6 .hero-inner .sub-title {
    margin-right: 0;
  }
}

@media (max-width: 991.98px) {
  .heroSlide6 .hero-img {
    position: relative;
    text-align: center;
  }

  .heroSlide6 .hero-img > img {
    display: block;
    width: 299px;
    height: auto;
    margin-inline: auto;

    --vp-hero-shot-shift: 20px;
  }
}

@media (max-width: 991.98px) {
  .heroSlide6 .discount-wrapp {
    position: absolute;

    top: 31px;
    left: 200px;
    right: auto;
    margin: 0;
    z-index: 2;
  }
}

@media (max-width: 991.98px) {
  .th-header .header-button {
    gap: 12px;
  }

  .th-header .header-button .icon-btn.vp-search-btn .vp-search-icon {
    width: 17px;
    height: 17px;
  }
}

@media (max-width: 991.98px) {
  .th-header .menu-area .row > .col-auto.me-xl-auto {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .vp-category-row {
    --vp-cat-gap: 12px;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    margin-inline: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--vp-cat-gap);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;
  }

  .vp-category-row::-webkit-scrollbar {
    display: none;
  }

  .vp-category-row > .col {
    flex: 0 0 calc((100% - 3 * var(--vp-cat-gap)) / 4);
    max-width: none;
    padding: 0;
    scroll-snap-align: start;
  }

  .vp-category {
    max-width: none;
    border-radius: 18px;
  }

  .vp-category img {
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .vp-category-label {
    inset-inline: 5px;
    padding: 5px 4px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 1.35;
    white-space: normal;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 991.98px) {
  .feature-area2 {
    padding-block-start: 13.5px;
  }
}

@media (max-width: 991.98px) {
  .vp-category-label {
    inset-inline: 2px;
    padding: 5px 2px;
    font-size: 10.45px;
    font-weight: 693;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 991.98px) {
  .vp-ladder {
    padding: 0;
    border-radius: 0;
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
  }

  .vp-ladder:after {
    display: none;
  }

  .vp-ladder-area > .container.th-container {
    max-width: none;
    padding-inline: 10px;
  }

  .vp-best-panel {
    margin-inline: 10px;
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  .vp-ladder-deals,
  .vp-best-row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 16px;
  }

  .vp-ladder-deals > *,
  .vp-best-row > * {
    width: 50%;
  }

  .vp-ladder-deals > *:nth-child(n + 7),
  .vp-best-row > *:nth-child(n + 7) {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .vp-best {
    gap: 10px;
  }
}

@media (max-width: 991.98px) {
  .vp-deal-cart {
    display: none;
  }

  .vp-deal-label {
    inset-inline-end: 12px;
  }

  .vp-deal-price {
    white-space: nowrap;
  }
}

@media (max-width: 991.98px) {
  .heroSlide6 .hero-inner {

    border-radius: 30px;
  }
}

@media (max-width: 991.98px) {
  .vp-ladder-head {
    padding-inline: 10px;
  }
}

@media (max-width: 991.98px) {

  .vp-daily-deal-wrap {
    max-width: none;
    padding-inline: 10px;
  }

  .vp-daily-deal {
    --frame-pad: 10px;
    --frame-r: 30px;
  }

  .vp-brands-panel {
    margin-inline: 10px;
    --frame-pad: 10px;
    --frame-r: 30px;
  }

}

@media (max-width: 991.98px) {
  .vp-deal-label {
    height: 47.52px;
    border-radius: 23.76px;
  }
}

@media (max-width: 991.98px) {
  .vp-deal-name,
  .vp-best-name {
    font-family: var(--body-font);
  }
}

@media (max-width: 991.98px) {
  .vp-best-info {
    gap: 5px;
  }
}

@media (max-width: 991.98px) {
  .vp-best-name {
    font-size: 12px;
  }

  .vp-best-cta {
    margin-top: 0;
  }

  .vp-best-cta strong {
    font-size: 13.5px;
  }

  .vp-best-cta strong span {
    font-size: 9.9px;
  }

  .vp-deal-name,
  .vp-best-name {
    font-weight: 662;
  }
}

@media (max-width: 991.98px) {
  .vp-deal-shot img {
    height: calc(77% - 69.52px);
  }
}

@media (max-width: 991.98px) {
  .vp-deal-name,
  .vp-best-name {
    font-weight: 808.5;
  }
}

@media (max-width: 991.98px) {
  .vp-deal-shot {
    box-shadow:
      0 0 0 1px rgba(16, 17, 17, 0.05),
      inset 0 -1.4px 0 rgba(16, 17, 17, 0.07);
  }

  .vp-deal:hover .vp-deal-shot {
    box-shadow:
      0 0 0 1px rgba(164, 127, 37, 0.28),
      inset 0 -1.4px 0 rgba(16, 17, 17, 0.07);
  }
}

.vp-foot-m {
  display: none;
}

@media (max-width: 991.98px) {

  .footer-wrapper .widget-area > .container.th-container5 {
    display: none;
  }

  .vp-foot-m {
    display: block;

    padding: 26px 10px 4px;
    text-align: center;
  }

  .vp-foot-m-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .vp-foot-m-mark {
    width: 56px;
    height: 56px;
    object-fit: contain;

    border-radius: 16.35px;
    box-shadow:
      0 0 2px rgba(16, 17, 17, 0.10),
      0 0 8px -2px rgba(16, 17, 17, 0.14);
  }

  .vp-foot-m-rule {
    flex: 1;
    height: 1px;
    max-width: 84px;
    background: linear-gradient(90deg, rgba(192, 151, 47, 0), var(--vp-gold-fill));
  }

  .vp-foot-m-rule:last-child {
    background: linear-gradient(90deg, var(--vp-gold-fill), rgba(192, 151, 47, 0));
  }

  .vp-foot-m-name {
    font-family: 'Cairo', var(--title-font);
    font-weight: 720;
    font-size: 22px;
    color: var(--vp-gold);
  }

  .vp-foot-m-strap {
    margin: 18px auto 20px;
    max-width: 34ch;
    font-size: 13px;
    line-height: 2;
    color: rgba(16, 17, 17, 0.62);
  }

  .vp-foot-m-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.9;
    color: rgba(16, 17, 17, 0.72);
  }

  .vp-foot-m-line i {
    flex: none;
    font-size: 15px;
    color: var(--vp-gold-fill-ink);
  }

  .vp-foot-m-line a {
    color: inherit;
    direction: ltr;
  }

  .vp-foot-m-social {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 20px 0 28px;
  }

  .vp-foot-m-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 6px;
  }

  .vp-foot-m-col-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0 0 14px;
    font-family: 'Cairo', var(--title-font);
    font-weight: 720;
    font-size: 13px;
    color: var(--vp-gold);
    white-space: nowrap;
  }

  .vp-foot-m-col-title .vp-foot-m-rule {
    max-width: 16px;
    background: var(--vp-gold-fill);
  }

  .vp-foot-m-col ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .vp-foot-m-col li + li {
    margin-top: 12px;
  }

  .vp-foot-m-col a {
    font-size: 12.5px;
    line-height: 1.7;
    color: rgba(16, 17, 17, 0.72);
  }

  .vp-foot-m-col a:hover {
    color: var(--vp-gold);
  }
}

.vp-foot-m-soc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12.65px;

  font-size: 27px;
  line-height: 1;
  color: #FFFFFF;

  background: #25D366;
  box-shadow:
    0 0 2px rgba(16, 17, 17, 0.10),
    0 0 8px -2px rgba(16, 17, 17, 0.14);
  transition: transform 0.2s ease;
}

.vp-foot-m-soc:hover {
  transform: translateY(-2px);
  color: #FFFFFF;
}

.vp-foot-m-soc.is-telegram { background: #2AABEE; }
.vp-foot-m-soc.is-instagram { background: linear-gradient(135deg, #F9CE34, #EE2A7B 55%, #6228D7); }

.vp-foot-m-soc.is-bale,
.vp-foot-m-soc.is-rubika {
  background: #FFFFFF;
  box-shadow:
    inset 0 0 0 1px rgba(16, 17, 17, 0.10),
    0 0 8px -2px rgba(16, 17, 17, 0.14);
}

.vp-foot-m-soc-mark {
  display: block;
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.vp-foot-m-soc.is-whatsapp .vp-foot-m-soc-mark,
.vp-foot-m-soc.is-instagram .vp-foot-m-soc-mark {
  width: 23.6px;
  height: 23.6px;
}

.vp-foot-m-soc.is-telegram .vp-foot-m-soc-mark {
  width: 26.2px;
  height: 26.2px;
}

@media (max-width: 991.98px) {
  .feature-area2 > .container.th-container {
    max-width: none;
    padding-inline: 10px;
  }
}

@media (max-width: 991.98px) {
  .heroSlide6 .hero-inner,
  .th-header .menu-area,
  .th-header .sticky-wrapper.sticky .menu-area {
    box-shadow: none;
  }
}

@media (max-width: 991.98px) {
  .vp-deal-name,
  .vp-best-name {
    font-weight: 810;
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: currentColor;
    paint-order: stroke fill;
  }
}

@media (max-width: 991.98px) {
  .vp-deal-name,
  .vp-best-name {
    font-weight: 630;
    -webkit-text-stroke-width: 0;
    color: rgba(16, 17, 17, 0.8);
  }

  .vp-deal-price strong,
  .vp-best-cta strong {
    font-weight: 600;
    color: rgba(16, 17, 17, 0.84);
  }
}

@media (max-width: 991.98px) {
  .vp-best-cta {
    margin-top: -5px;
  }
}

@media (max-width: 991.98px) {
  .vp-ladder-head {
    background: rgba(16, 17, 17, 0.035);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .vp-step-rate b,
  .vp-step-name,
  .vp-step-when,
  .vp-step-flag {
    background: #FFFFFF;
  }
}

@media (max-width: 991.98px) {
  .vp-daily-deal,
  .vp-brands-panel {
    box-shadow: none;
  }

  .vp-brands-panel {
    box-shadow: 0 1px 14px -2px rgba(16, 17, 17, 0.15);
  }
}

@media (max-width: 991.98px) {
  .vp-daily-deal {
    box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
  }
}

@media (max-width: 991.98px) {
  .vp-deal-price {
    gap: 3.5px;
  }
}

@media (max-width: 991.98px) {

  .vp-trust-row-wrap {
    margin-inline: 10px;
    margin-top: 13.5px;
  }

  .collection-area {
    padding-block-start: 60px;
  }

  .vp-best-panel {
    margin-top: 60px;
  }

  .vp-best-section {
    padding-bottom: 60px;
  }

  .vp-daily-deal-section {
    padding-top: 60px;
  }

  .vp-brands-panel {
    margin-top: 60px;
  }

  .vp-brands-section {
    padding-bottom: 60px;
  }

  .vp-trust-row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
  }

  .vp-trust-row .feature-card {
    height: 75.6px;
  }
}

@media (max-width: 575.98px) {
  .vp-trust-row .feature-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin: 0;

    min-height: 115.95px;
    padding: 14px 10px;
    text-align: center;
  }

  .vp-trust-row .feature-card .box-icon {
    margin: 0;
    min-width: 44.8px;
    width: 44.8px;
    max-width: none;
    height: 44.8px;
    line-height: 44.8px;
    border-radius: 14px;
  }

  .vp-trust-row .box-icon img {
    width: 22.4px;
    height: 22.4px;
  }

  .vp-trust-row .box-icon .vp-trust-glyph {
    font-size: 22.4px;
    line-height: 44.8px;
  }

  .vp-trust-row .feature-card .box-title {
    font-size: 14.5px;
  }

  .vp-trust-row .feature-card .box-text {
    font-size: 11.5px;
  }
}

@media (min-width: 992px) {
  .vp-trust-row > .col:nth-child(6) {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .th-menu-wrapper .th-menu-area {
    height: calc(100% - 20px);
    margin-block: 10px;

    margin-inline-start: 10px;
    border: 0;
    border-radius: 19.2px;
    overflow: hidden;
  }
}

.th-menu-wrapper .th-menu-toggle {
  width: 42px;
  height: 42px;
  border-radius: 12.65px;
  font-size: 21px;
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .th-menu-wrapper .th-menu-toggle {
    width: 52px;
    height: 52px;
    border-radius: 15.18px;
    font-size: 26px;
  }

  .vp-logo-drawer img {
    width: 52px;
    height: 52px;
    border-radius: 15.18px;
  }
}

@media (max-width: 991.98px) {
  .vp-best-label {
    height: 47.52px;
    border-radius: 23.76px;
  }

  .vp-best-browse {
    width: 47.52px;
    height: 47.52px;
    font-size: 16.2px;
  }

  .vp-best-colors {
    height: 47.52px;
    border-radius: 23.76px;
  }
}

.th-menu-wrapper {
  transition: all ease 0.4s;
}

.th-menu-wrapper .th-menu-area {
  transition: all ease 0.5s;
}

.vp-stories {
  display: none;
}

@media (max-width: 991.98px) {
  .vp-stories {

    display: none;
    margin: 13.5px 10px 0;
  }

  .vp-listing-panel .vp-stories {
    display: block;
    margin: 2px 0 14px;
  }

  .vp-stories-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
  }

  .vp-story {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    justify-content: center;
    text-decoration: none;
  }

  .vp-story-ring {
    display: block;
    flex: none;
    width: 100%;
    max-width: 64px;
    aspect-ratio: 1 / 1;
    padding: 2.5px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 107%,
      #FDF497 0%,
      #FDF497 5%,
      #FD5949 45%,
      #D6249F 60%,
      #285AEB 90%);
  }

  .vp-story-ring > img {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    background: #F5F5F5;
    object-fit: cover;
  }

  .vp-story-disc {
    display: grid;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    background: #F5F5F5;
    overflow: hidden;
  }

  .vp-story-disc > * {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: center;
  }

  .vp-story-photo {
    align-self: stretch;
    justify-self: stretch;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50%;
  }

  .vp-story-cut {
    display: flex;
    align-items: center;
    justify-content: center;
    direction: ltr;
    color: var(--vp-gold);
    font-size: 18px;
    font-weight: 720;
    line-height: 1;
    letter-spacing: -0.2px;
  }

  .vp-story-cut b,
  .vp-story-cut i {
    font-style: normal;
    font-weight: 720;
  }

  .vp-story-ring.is-cut {
    animation: vp-story-ring-turn 6s linear infinite;
  }

  .vp-story-disc {
    animation: vp-story-disc-turn 6s linear infinite;
  }

  .vp-story-cut {
    animation:
      vp-story-cut-breathe 11s cubic-bezier(0.4, 0, 0.2, 1) infinite,
      vp-story-cut-show 11s linear infinite;
  }

  .vp-story-photo {
    animation: vp-story-photo-show 11s linear infinite;
  }

}

@keyframes vp-story-ring-turn {
  to {
    transform: rotate(360deg);
  }
}

@keyframes vp-story-disc-turn {
  to {
    transform: rotate(-360deg);
  }
}

@keyframes vp-story-cut-breathe {
  0% {
    transform: scale(1.3);
  }

  13.636% {
    transform: scale(0.86);
  }

  27.273%, 100% {
    transform: scale(1.3);
  }
}

@keyframes vp-story-cut-show {
  0%, 27.273% {
    opacity: 1;
  }

  30.455%, 96.818% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes vp-story-photo-show {
  0%, 27.273% {
    opacity: 0;
  }

  30.455%, 96.818% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 375.98px) {
  .vp-stories-row {
    gap: 6px;
  }

  .vp-story-cut {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vp-story-ring.is-cut,
  .vp-story-disc,
  .vp-story-cut,
  .vp-story-photo {
    animation: none;
  }

  .vp-story-cut {
    opacity: 1;
  }

  .vp-story-photo {
    display: none;
  }
}

.vp-story-view[hidden] {
  display: none;
}

.vp-story-scrim {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(16, 17, 17, 0.45);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.vp-story-island {
  position: fixed;
  z-index: 101;
  inset: 0;
  margin: auto;

  --island-w: min(90vw, 90vh * 9 / 16);
  width: var(--island-w);
  height: calc(var(--island-w) * 1.6);
  overflow: hidden;
  border-radius: 22px;
  background: #101111;
  box-shadow: 0 26px 60px -24px rgba(16, 17, 17, 0.55);
}

.vp-story-island::before,
.vp-story-island::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset-inline: 0;
  height: 88px;
  pointer-events: none;
}

.vp-story-island::before {
  inset-block-start: 0;
  background: linear-gradient(180deg, rgba(16, 17, 17, 0.45), rgba(16, 17, 17, 0));
}

.vp-story-island::after {
  inset-block-end: 0;
  background: linear-gradient(0deg, rgba(16, 17, 17, 0.55), rgba(16, 17, 17, 0));
}

.vp-story-bars {
  position: absolute;
  z-index: 2;
  inset-block-start: 10px;
  inset-inline: 10px;
  direction: ltr;
  display: flex;
  gap: 4px;
}

.vp-story-bar {
  flex: 1 1 0;
  height: 2.5px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.34);
  overflow: hidden;
}

.vp-story-bar i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
}

.vp-story-bar i.is-done {
  width: 100%;
}

.vp-story-bar i.is-running {
  animation-name: vp-story-run;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

@keyframes vp-story-run {
  from { width: 0; }
  to { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .vp-story-bar i.is-running {
    animation: none;
    width: 100%;
  }
}

.vp-story-x {
  position: absolute;
  z-index: 3;
  inset-block-start: 24px;
  inset-inline-end: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  color: #101111;
  font-size: 14px;
  cursor: pointer;
}

.vp-story-shot {
  position: absolute;
  inset: 0;
  display: block;
  width: var(--island-w);
  height: calc(var(--island-w) * 1.6);
  min-height: calc(var(--island-w) * 1.6);
  object-fit: cover;
  background: #101111;
}

.vp-story-cap {
  position: absolute;
  z-index: 2;
  inset-block-end: 10px;
  inset-inline: 10px;
  margin: 0;
  padding: 0;
}

.vp-story-acts {
  display: flex;
  gap: 8px;
}

.vp-story-acts form {
  display: contents;
}

.vp-story-buy,
.vp-story-fav {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 38px;
  padding-inline: 12px;
  border: 0;
  border-radius: 19px;
  font-size: 12.5px;
  font-weight: 630;
  white-space: nowrap;
  cursor: pointer;
}

.vp-story-buy {
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  background-origin: border-box;
  color: #FFFFFF;
}

.vp-story-buy[disabled] {
  background: rgba(16, 17, 17, 0.12);
  color: rgba(16, 17, 17, 0.45);
  cursor: default;
}

.vp-story-fav {
  border: 0;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.16);
  background: #FFFFFF;
  color: #101111;
}

.vp-fav-drop button {
  display: block;
  width: 100%;
  margin-block-start: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(16, 17, 17, 0.5);
  font-size: 12px;
  font-weight: 630;
  text-align: center;
  cursor: pointer;
}

.vp-fav-drop button:hover {
  color: #101111;
}

@media (max-width: 991.98px) {
  .heroSlide6 .hero-inner,
  .heroSlide6 .swiper-slide:nth-child(2) .hero-inner,
  .heroSlide6 .swiper-slide:nth-child(3) .hero-inner,
  .heroSlide6 .swiper-slide:nth-child(5) .hero-inner,
  .heroSlide6 .swiper-slide:nth-child(6) .hero-inner,
  .vp-trust-row .feature-card {
    box-shadow: none;
  }
}

@media (max-width: 575px) {
  .th-header .menu-area .row {
    min-height: 62.7px;
  }

  .th-header .menu-area > .container {
    padding-inline: 11.4px;
  }

  .vp-logo img,
  .th-header .header-button .icon-btn.sideMenuToggler,
  .th-header .header-button .icon-btn.vp-search-btn,
  .th-header .th-menu-toggle.d-block,
  .vp-logo-drawer img,
  .th-menu-wrapper .th-menu-toggle {
    width: 39.9px;
    height: 39.9px;
    border-radius: 12.0175px;
  }

  .th-header .header-button .icon-btn.sideMenuToggler,
  .th-header .header-button .icon-btn.vp-search-btn,
  .th-header .th-menu-toggle.d-block {
    min-width: 39.9px;
  }
}

.sidemenu-cart .sidemenu-content {
  padding: 10px;
  overflow: hidden;
}

.vp-mini {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  text-align: right;

  padding-inline: 12px;
}

.vp-mini-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex: none;
  padding-block-end: 14px;
  box-shadow: inset 0 -1px 0 rgba(16, 17, 17, 0.06);
}

.vp-mini-title {
  margin: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 720;
  font-size: 18px;
  color: #101111;
}

.sidemenu-cart .closeButton {
  position: static;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.10);
  color: #6E7070;
  font-size: 15px;
  line-height: 1;
  transform: none;
}

.sidemenu-cart .closeButton:hover {
  background: rgba(16, 17, 17, 0.05);
  border-color: transparent;
  color: #101111;
  transform: none;
}

@media (max-width: 991.98px) {
  .sidemenu-cart .sidemenu-content {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    border-radius: 19.2px;
  }

}

@media (max-width: 575px) {
  .sidemenu-cart .closeButton {
    width: 39.9px;
    height: 39.9px;
    border-radius: 12.0175px;
    font-size: 21px;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .sidemenu-cart .closeButton {
    width: 52px;
    height: 52px;
    border-radius: 15.18px;
    font-size: 26px;
  }
}

.vp-mini-lines {

  display: flex;
  flex-direction: column;
  gap: 10px;

  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: 4px 0 0;
  list-style: none;
}

.vp-mini-foot {
  flex: none;
  margin-block-start: 14px;
  padding: 16px;
  border-radius: 24px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.06);
}

.vp-mini-sum {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-block-end: 12px;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;
  font-size: 14px;
  color: #101111;
}

.vp-mini-go,
.vp-mini-pay {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-radius: 14px;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 630;
  font-size: 13.5px;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.vp-mini-go {
  margin-block-end: 8px;
  background: rgba(16, 17, 17, 0.063);
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
  color: #101111;
}

.vp-mini-go:hover {
  background: rgba(16, 17, 17, 0.06);
  color: #101111;
}

.vp-mini-pay {
  background: linear-gradient(96deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
}

.vp-mini-pay:hover {
  color: #FFFFFF;
  filter: brightness(1.04);
}

.vp-mini-empty {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}

.vp-mini-empty-mark {
  color: rgba(16, 17, 17, 0.18);
}

.vp-mini-empty-mark svg {
  width: 48px;
  height: 48px;
}

.vp-mini-say {
  margin: 0;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 540;
  font-size: 14px;
  color: #6E7070;
}

.vp-mini-out {
  display: inline-flex;
  align-items: center;
  padding: 10px 18px;
  border-radius: 14px;
  background: linear-gradient(96deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 630;
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: none;
}

.vp-mini-out:hover {
  color: #FFFFFF;
  filter: brightness(1.04);
}

.sidemenu-cart .sidemenu-content {
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(30px) saturate(1.5);
  backdrop-filter: blur(30px) saturate(1.5);
}

.sidemenu-cart .vp-cart-line {
  background: #FFFFFF;
}

.sidemenu-cart .vp-cart-line {
  --vp-cart-pad: 12px;

  padding: 12px;
  border-radius: 20px;
  box-shadow: none;
}

.sidemenu-cart .vp-cart-line.is-short {
  box-shadow: inset 3px 0 0 var(--theme-color);
}

.sidemenu-cart .vp-cart-shot {
  background: #EBEBEB;
  box-shadow: none;
}

.vp-cart-qty {
  display: flex;
  align-items: center;

  flex-direction: row-reverse;

  gap: 4.8px;
  height: 40.8px;
  padding: 3.6px;
  border-radius: 12.29px;
  background: rgba(16, 17, 17, 0.05);
}

.vp-cart-less,
.vp-cart-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.6px;
  height: 33.6px;
  padding: 0;
  border: 0;
  border-radius: 10.12px;
  background: #FFFFFF;
  box-shadow:
    0 0 2px rgba(16, 17, 17, 0.10),
    0 0 8px -2px rgba(16, 17, 17, 0.14);
  color: #101111;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.vp-cart-less:hover:not(:disabled),
.vp-cart-more:hover:not(:disabled) {
  background: rgba(16, 17, 17, 0.06);
}

.vp-cart-less:disabled,
.vp-cart-more:disabled {
  cursor: default;
}

.vp-cart-count {

  min-width: 21.6px;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 630;
  font-size: 18px;
  font-feature-settings: 'tnum' 1;
  text-align: center;
}

@media (max-width: 991.98px) {
  .vp-cart-sum.is-island {
    position: fixed;
    z-index: 40;

    inset-inline: 14px;
    inset-block-end: calc(10px + env(safe-area-inset-bottom, 0px));
    margin: 0;
    padding: 16px;
    border-radius: 24px;

    background: rgba(16, 17, 17, 0.063);
    -webkit-backdrop-filter: blur(22px) saturate(1.15);
    backdrop-filter: blur(22px) saturate(1.15);
    box-shadow: none;
  }

  .vp-cart-sum.is-island .vp-filter-title {
    margin-block-end: 10px;
  }

  .vp-shop-section:has(.vp-cart-sum.is-island) {

    padding-block-end: 200px;
  }

  .vp-shop-panel:has(.vp-cart-sum) {
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  body:has(.vp-cart-sum.is-island) .footer-wrapper,
  body:has(.vp-pdp-body) .footer-wrapper {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .vp-cart-lines {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .vp-cart-line {
    box-shadow: none;
    padding: 12px;
    border-radius: 20px;
    background: rgba(16, 17, 17, 0.063);
  }

  .vp-cart-line.is-short {
    box-shadow: inset 3px 0 0 var(--theme-color);
  }

  .vp-cart-shot {
    box-shadow: none;
  }

  .vp-empty {
    align-content: center;
    min-height: 580px;
  }

  .vp-cart-sum .vp-filter-title::after {
    display: none;
  }

  .vp-cart-sum .vp-code {
    box-shadow: none;
    padding-top: 0;
  }
}

@media (max-width: 991.98px) {
  .vp-cart-money strong,
  .vp-cart-row.is-total,
  .vp-cart-count,
  .vp-cart-name,
  .vp-cart-sum .vp-filter-title {
    font-family: var(--body-font);
  }
}

.vp-pick-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.vp-pick-note {
  font-size: 12px;
  color: #6E7070;
}

.vp-pick-sizes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block-start: 10px;
}

.vp-pick-size input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.vp-pick-size > span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 44px;
  padding-inline: 12px;
  border-radius: 14px;
  background: rgba(16, 17, 17, 0.063);
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 630;
  font-size: 15px;
  font-feature-settings: 'tnum' 1;
  color: #101111;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.vp-pick-size input:checked + span {
  background: linear-gradient(96deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
}

.vp-pick-size input:focus-visible + span {
  outline: 2px solid var(--theme-color);
  outline-offset: 2px;
}

.vp-pick-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-block-start: 16px;
}

.vp-pick-price {
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;
  font-size: 18px;
  font-feature-settings: 'tnum' 1;
  white-space: nowrap;
}

.vp-pick-price em {
  font-size: 11px;
  font-weight: 540;
  font-style: normal;
  color: #6E7070;
}

.vp-pick-label {
  display: none;
}

.vp-pick-go {
  flex: 1;
  height: 52px;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(96deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 630;
  font-size: 15px;
  color: #FFFFFF;
  cursor: pointer;
}

.vp-pick-go:hover {
  filter: brightness(1.04);
}

@media (max-width: 991.98px) {

  .vp-shop-panel:has(.vp-pdp-body),
  .vp-shop-panel.vp-pdp-related {
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  .vp-pdp-shot {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  .vp-pdp-shot img {
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .vp-pdp-dots {
    position: absolute;
    inset-block-end: calc(var(--vp-shot-foot) + var(--vp-plate-air) + 38.25px + var(--vp-plate-air));
    inset-inline: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: max-content;
    margin: 0 auto;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }

  .vp-pdp-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(16, 17, 17, 0.16);
  }

  .vp-pdp-dot.is-on {
    width: 18px;
    border-radius: 3px;
    background: var(--theme-color);
  }

  .vp-pdp-thumbs {
    display: flex;

    align-items: flex-start;
    gap: 8px;
    margin-block-start: 12px;
  }

  .vp-pdp-thumb {
    flex: 1 1 0;
    min-width: 0;

    min-height: 0;

    height: auto;
    aspect-ratio: 1 / 1;
    position: relative;
    border-radius: 16px;
    background: rgba(16, 17, 17, 0.063);
  }

  .vp-pdp-thumb.is-on {
    background: #FFFFFF;
    box-shadow: inset 0 0 0 2px var(--theme-color);
  }

  .vp-pdp-thumb img {
    position: absolute;
    inset: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    object-fit: contain;
  }

  .vp-pdp-related .vp-shop-title {
    font-size: 15px;
    margin-block-end: 20px;
  }

  .vp-pdp-talk .vp-shop-title {
    font-size: 15px;
    margin-block-end: 10px;
  }

  .vp-pdp-related .vp-shop-grid {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
  }

  .vp-pdp-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-block-start: 20px;
  }

  .vp-pdp-naming {
    min-width: 0;
  }

  .vp-pdp-title {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
  }

  .vp-pdp-brand {
    display: block;
    margin-block-start: 2px;
    font-size: 12px;
  }

  .vp-pdp-head .vp-pdp-price {
    flex: none;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    margin: 0;
  }

  .vp-pdp-head .vp-pdp-price strong {
    font-family: var(--body-font);
    font-size: 19px;
    white-space: nowrap;
  }
}

@media (max-width: 991.98px) {

  body:has(.vp-pdp-body) .th-header {
    display: none;
  }

  .vp-pdp-body {
    gap: 0;
  }

  .vp-pdp-gallery {
    position: relative;
    padding-block: 4px 16px;
    background: none;
  }

  .vp-pdp-shot {
    aspect-ratio: 1;
    width: 100%;
    margin-inline: auto;
    border-radius: 24px;

    overflow: hidden;
  }

  .vp-pdp-gallery {

    --vp-shot-top: calc(4px + env(safe-area-inset-top, 0px));

    --vp-plate-air: 8px;

    --vp-shot-foot: 14px;
    padding-block: var(--vp-shot-top) var(--vp-shot-foot);
  }

  .vp-pdp-shot img {
    transform: translateY(10%);
  }

  .vp-pdp-shot.is-supplied img {
    transform: none;
  }

  .vp-pdp-info {
    position: relative;
    display: flex;
    flex-direction: column;

    --vp-chip: 37.62px;

    margin-block-start: 0;

    padding: 12px;
    border-radius: 24px;
    background: #FFFFFF;

    box-shadow:
      0 0 2px rgba(16, 17, 17, 0.08),
      0 0 16px -2px rgba(16, 17, 17, 0.18);
  }

  .vp-pdp-info > .vp-pdp-head { order: 1; }
  .vp-pdp-info > .vp-pdp-from { order: 2; }
  .vp-pdp-info > .vp-pdp-desc { order: 3; }
  .vp-pdp-info > .vp-pdp-out { order: 4; }
  .vp-pdp-info > .vp-pick { order: 5; }
  .vp-pdp-info > .vp-pdp-colors { order: 6; }
  .vp-pdp-info > .vp-pdp-choice { order: 7; }
  .vp-pdp-info > .vp-pdp-sizes-title { order: 8; }
  .vp-pdp-info > .vp-sellers { order: 9; }
  .vp-pdp-info > .vp-pdp-facts { order: 10; }

  .vp-pdp-head {
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-block-start: 0;
  }

  .vp-pdp-head .vp-pdp-price {
    flex: none;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    margin-block-start: 0;
  }

  .vp-pdp-head .vp-pdp-price strong {
    display: block;
    font-family: var(--body-font);
    font-size: 17.1px;
    white-space: nowrap;
  }

  .vp-pdp-title {
    font-size: 15px;
  }

  .vp-pdp-head .vp-pdp-cut {
    display: none;
  }

  .vp-pick-price {
    display: none;
  }

  .vp-pick-go {
    flex: 1;
  }

  .vp-pdp-plate {
    position: absolute;
    z-index: 3;
    inset-inline: var(--vp-plate-air);
    inset-block-end: var(--vp-plate-air);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    height: 38.25px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    -webkit-backdrop-filter: blur(14px) saturate(1.3);
    backdrop-filter: blur(14px) saturate(1.3);
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.55),
      0 6px 20px -12px rgba(16, 17, 17, 0.35);
  }

  .vp-pdp-plate-name {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'Vazirmatn', var(--title-font);
    font-weight: 630;
    font-size: 14px;
    color: #101111;
  }

  .vp-pdp-plate-price {
    flex: none;
    font-family: 'Vazirmatn', var(--body-font);
    font-weight: 720;
    font-size: 14px;
    font-feature-settings: 'tnum' 1;
    color: var(--vp-gold-ink);
    white-space: nowrap;
  }

  .vp-pdp-plate-price span {
    font-size: 11px;
    font-weight: 540;
    color: rgba(16, 17, 17, 0.55);
  }

  .vp-pdp-head {
    display: none;
  }

  .vp-pick > .vp-pick-sizes {
    margin-block-start: 0;
  }

  .vp-pdp-close,
  .vp-pdp-rate {
    display: flex;
    position: absolute;
    z-index: 2;

    top: calc(var(--vp-shot-top, 4px) + 12px);
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 10.24px;
    background: #FFFFFF;
    box-shadow:
      0 0 2px rgba(16, 17, 17, 0.10),
      0 0 8px -2px rgba(16, 17, 17, 0.14);
  }

  .vp-pdp-close {
    left: 12px;
    width: 34px;
    color: #101111;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
  }

  .vp-pdp-rate {
    right: 12px;
    gap: 5px;
    padding-inline: 10px;
    font-family: var(--body-font);
    font-weight: 630;
    font-size: 13px;
    font-feature-settings: 'tnum' 1;
    color: #101111;
  }

  .vp-pdp-rate i {
    font-size: 12px;
    color: var(--vp-gold-fill-ink);
  }

  .vp-pdp-ladder {
    display: inline-block;
    margin-block-start: 2px;
    font-size: 13px;
    color: var(--theme-color);
  }

  .vp-pdp-naming:has(.vp-pdp-ladder) .vp-pdp-brand {
    display: none;
  }

  .vp-pdp-desc,
  .vp-pdp-desc.is-standin {
    display: none;
  }

  .vp-shop-panel.vp-pdp-about {
    display: block;
    margin-block: 14px 26px;
    padding: 12px;
    border-radius: 24px;
    background: #FFFFFF;
    box-shadow:
      0 0 2px rgba(16, 17, 17, 0.08),
      0 0 16px -2px rgba(16, 17, 17, 0.18);
  }

  .vp-pdp-about p {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 2;
    color: rgba(16, 17, 17, 0.62);
    text-align: justify;
  }

  .vp-pdp-colors {
    display: block;
    margin-block-start: 20.736px;
  }

  .vp-pdp-colors > .vp-pdp-choice-title {
    display: none;
  }

  .vp-pdp-swatches {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    direction: ltr;

    min-height: var(--vp-chip);
  }

  .vp-pdp-swatch {
    flex: none;
    width: var(--vp-chip);
    height: var(--vp-chip);
    border-radius: 11.33px;
    background: var(--vp-swatch);
  }

  .vp-pdp-swatch.is-off {
    opacity: 0.3;
  }

  .vp-pdp-swatch.is-on {
    box-shadow:
      inset 0 0 0 1.5px rgba(16, 17, 17, 0.35),
      inset 0 0 0 3.5px #FFFFFF;
  }

  .vp-pdp-desc p {
    margin: 0;
    font-size: 13px;
    line-height: 1.9;
    color: rgba(16, 17, 17, 0.62);
  }

  .vp-pick-head {
    display: none;
  }

  .vp-pick-sizes {
    margin-block-start: 15px;
  }

  .vp-pick-sizes {
    flex-wrap: nowrap;
    gap: 8px;
    direction: ltr;
    justify-content: space-between;
    align-items: center;
  }

  @media (min-width: 576px) {
    .vp-pick-sizes {
      justify-content: flex-start;
    }

    .vp-pick-note.is-inline {
      margin-left: auto;
    }
  }

  .vp-pick-note.is-inline {
    display: flex;
    align-items: center;

    flex: none;
    min-width: 0;

    align-self: stretch;
    height: auto;

    width: 91px;
    padding-inline: 12px;
    border-radius: 11.33px;
    background: rgba(16, 17, 17, 0.063);
    direction: rtl;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6E7070;
  }

  .vp-pick-size,
  .vp-pick-size.is-off,
  .vp-pick-size.is-elsewhere {
    display: flex;

    flex: 0 1 auto;
    min-width: 0;

    margin: 0;
  }

  .vp-pick-size > span {
    width: var(--vp-chip);
    max-width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 1;
    padding-inline: 0;
    padding-block: 4px 0;
    border-radius: 11.33px;
    background: #FFFFFF;
    box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.10);
  }

  .vp-pick-size input:checked + span {
    box-shadow: none;
  }

  .vp-pick-size.is-elsewhere {
    text-decoration: none;
  }

  .vp-pick-size.is-off > span {
    background: rgba(16, 17, 17, 0.063);
    box-shadow: none;
    color: rgba(16, 17, 17, 0.32);
    cursor: default;
  }

  .vp-pick-empty {
    display: block;
    margin-block-start: 20px;
  }

  .vp-pdp-gallery .vp-pdp-thumbs {
    display: none;
  }

  .vp-pdp-dots {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-block-start: 16px;
    direction: ltr;
  }

  .vp-pdp-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(16, 17, 17, 0.16);
  }

  .vp-pdp-dot.is-on {
    width: 7px;
    border-radius: 50%;
    background: var(--vp-gold-fill);
  }

  .vp-pick-bar {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-block-start: 20.736px;
  }

  .vp-pick-go {
    flex: 1;
    height: calc(var(--vp-chip) * 1.1);
    border-radius: 12.46px;
    background: linear-gradient(96deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
    box-shadow: none;
    color: #FFFFFF;
    font-size: 14px;
  }

  .vp-qty {
    display: flex;
    flex: none;
    flex-direction: row-reverse;
    align-items: center;

    gap: 4px;

    height: calc(var(--vp-chip) * 1.1);

    padding: 4px;
    border-radius: 12.46px;
    background: rgba(16, 17, 17, 0.05);
  }

  .vp-qty .qty-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--vp-chip) * 1.1 - 8px);
    height: calc(var(--vp-chip) * 1.1 - 8px);
    padding: 0;
    border: 0;
    border-radius: 10.05px;
    background: #FFFFFF;
    box-shadow:
      0 0 2px rgba(16, 17, 17, 0.10),
      0 0 8px -2px rgba(16, 17, 17, 0.14);
    color: #101111;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
  }

  .vp-qty .qty-input {
    width: 30px;
    padding: 0;
    border: 0;
    background: none;
    font-family: 'Vazirmatn', var(--body-font);
    font-weight: 630;
    font-size: 15px;
    font-feature-settings: 'tnum' 1;
    text-align: center;
    color: #101111;
    -moz-appearance: textfield;
    appearance: textfield;
  }

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

@media (max-width: 991.98px) {
  .vp-deal-shot {
    aspect-ratio: 10 / 11;
    border-radius: 22.4px;
    box-shadow:
      0 0 0 2px rgba(16, 17, 17, 0.05),
      inset 0 -1.4px 0 rgba(16, 17, 17, 0.07);
  }

  .vp-deal:hover .vp-deal-shot {
    box-shadow:
      0 0 0 2px rgba(164, 127, 37, 0.28),
      inset 0 -1.4px 0 rgba(16, 17, 17, 0.07);
  }

  .vp-deal-burst {
    width: 38.88px;
    height: 38.88px;
  }

  .vp-deal-label {
    box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
  }
}

@media (max-width: 991.98px) {

  .vp-deal-shot {
    box-shadow: 0 0 0 2px rgba(16, 17, 17, 0.05);
  }

  .vp-deal:hover .vp-deal-shot {
    box-shadow: 0 0 0 2px rgba(164, 127, 37, 0.28);
  }

  .vp-deal-label {
    inset-inline-start: 6px;
    inset-inline-end: 6px;
    inset-block-end: 6px;
  }
}

.vp-shop-grid .vp-deal-shot,
.vp-shop-grid .vp-deal:hover .vp-deal-shot {
  box-shadow: none;
}

@media (max-width: 991.98px) {
  .vp-deal-label {
    border-radius: 20.196px;
  }
}

@media (max-width: 991.98px) {
  .vp-deal-label {
    border-radius: 19.1862px;
    box-shadow: none;
  }

  .vp-deal-lines {
    position: relative;
    inset-block-start: 2px;
  }
}

@media (max-width: 991.98px) {
  .vp-deal-shot img {
    inset-inline-start: 14.72%;
    inset-inline-end: 14.72%;
    width: 70.56%;
    height: calc(80.85% - 72.996px);
  }
}

.vp-whatsapp {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: #25D366;
  color: #FFFFFF;
  font-size: 26px;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 6px 18px -6px rgba(16, 17, 17, 0.35);

  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, box-shadow 0.2s ease;
}

.vp-whatsapp.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.vp-support-fab {
  position: fixed;
  left: 18px;
  bottom: calc(18px + 50px + 12px);
  z-index: 10000;
  display: flex;

  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;

  width: auto;
  height: 50px;
  padding-right: 0;
  border-radius: 16px;
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
  font-size: 22px;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 6px 18px -6px rgba(16, 17, 17, 0.35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease,
              box-shadow 0.2s ease, padding-right 0.35s ease;
}

.vp-support-fab > i {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}

.vp-support-fab.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.vp-support-fab.show:hover,
.vp-support-fab.show:focus {
  color: #FFFFFF;
  transform: translateY(-2px);
}

.vp-support-fab.is-wide {
  padding-right: 16px;
}

@keyframes vp-fab-nudge {
  0%, 81.7%, 100% { transform: rotate(0deg); }
  84.7% { transform: rotate(-11deg); }
  88.9% { transform: rotate(9deg); }
  93% { transform: rotate(-5deg); }
  96.7% { transform: rotate(2deg); }
}

.vp-support-fab.show:not(.is-wide) > i {
  animation: vp-fab-nudge 3s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .vp-support-fab.show:not(.is-wide) > i {
    animation: none;
  }
}

.vp-support-fab-label {
  display: block;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  white-space: nowrap;
  font-family: 'Vazirmatn', var(--body-font);
  font-size: 14px;
  font-weight: 500;
  transition: max-width 0.35s ease, opacity 0.25s ease;
}

.vp-support-fab.is-wide .vp-support-fab-label {
  max-width: 190px;
  opacity: 1;
}

body.vp-prize-open .vp-support-fab,
body.vp-soon-open .vp-support-fab {
  display: none;
}

.vp-whatsapp.show:hover,
.vp-whatsapp.show:focus {
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px -8px rgba(16, 17, 17, 0.45);
}

.vp-whatsapp:focus-visible {
  outline: 2px solid var(--title-color);
  outline-offset: 3px;
}

@media (max-width: 991.98px) {
  .vp-ladder-head {
    box-shadow: none;
  }

  .vp-deal:hover .vp-deal-shot,
  .vp-deal:hover .vp-deal-shot img,
  .vp-best:hover .vp-best-shot,
  .vp-best:hover .vp-best-shot img,
  .vp-category:hover,
  .vp-category:hover img {
    transform: none;
  }

  .vp-deal-shot,
  .vp-deal-shot img,
  .vp-best-shot,
  .vp-best-shot img,
  .vp-category,
  .vp-category img {
    transition: none;
  }

  .vp-best-label {
    border-radius: 19.1862px;
  }

  .vp-best-browse {
    border-radius: 19.1862px;
  }

  .th-header .header-button .icon-btn.sideMenuToggler .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    min-width: 0;
    padding: 0;
    line-height: 1;
    border-radius: 50%;
    right: auto;
    left: -5px;
    top: -6px;
  }
}

@media (max-width: 991.98px) {
  .th-header .header-button .icon-btn.sideMenuToggler .badge {
    left: -3px;
    top: -4px;
  }

  .vp-deal:hover .vp-deal-shot {
    box-shadow: 0 0 0 2px rgba(16, 17, 17, 0.05);
  }

  .vp-best:hover .vp-best-shot,
  .vp-category:hover {
    box-shadow:
      0 0 0 1px rgba(16, 17, 17, 0.05),
      0 8px 22px -12px rgba(16, 17, 17, 0.18);
  }

  .vp-ladder-area {
    padding-block-end: 2px;
  }
}

@media (max-width: 991.98px) {
  .vp-best {
    position: relative;
  }

  .vp-best-info {
    display: contents;
  }

  .vp-best-shot {
    aspect-ratio: 10 / 11;
    border-radius: 22.4px;
    background: rgba(16, 17, 17, 0.035);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 0 0 2px rgba(16, 17, 17, 0.05);
  }

  .vp-best-shot img {
    inset: 8% 14.72% auto;
    width: 70.56%;
    height: calc(80.85% - 72.996px);
    object-fit: contain;
  }

  .vp-best-colors {
    display: none;
  }

  .vp-best-label {
    position: absolute;
    z-index: 2;
    inset-inline-start: 6px;
    inset-inline-end: 6px;
    inset-block-end: 6px;
    height: 47.52px;
    padding-inline: 16px;
    border-radius: 19.1862px;
    background: #FFFFFF;
    box-shadow: none;
  }

  .vp-best-lines {
    position: relative;
    inset-block-start: 2px;
  }

  .vp-best-label {

    padding-inline-start: 12px;
    padding-inline-end: 47.52px;
  }

  .vp-best-browse {
    position: absolute;
    z-index: 3;

    inset-inline-end: 12.76px;
    inset-block-end: 12.76px;
    width: 34px;
    height: 34px;
    border-radius: 12.4262px;
    background: linear-gradient(90deg, var(--vp-gold-fill), var(--vp-gold-lit));
    box-shadow: none;
    color: #FFFFFF;

    font-size: 14px;
  }

  .vp-best-browse:hover {
    transform: none;
    box-shadow: none;
    filter: brightness(1.04);
  }

  .vp-best-browse > i {
    display: none;
  }

  .vp-best-add {
    display: block;
    width: 17px;
    height: 17px;
  }
}

@media (max-width: 359.98px) {
  .vp-best-label {
    padding-inline-start: 7px;
    padding-inline-end: 43.76px;
  }
}

.th-header .th-menu-toggle.d-block {
  background-image: none;
  background-color: #FFFFFF;
  color: var(--vp-gold-fill-ink);
}

@media (min-width: 992px) {
  .vp-best-fav,
  .vp-best .vp-deal-burst {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .th-header .header-button .icon-btn.sideMenuToggler .badge {
    width: 16.2px;
    height: 16.2px;
  }

  .vp-best-shot img {
    inset-block-start: calc(8% + 40px);
  }

  .vp-best-fav {
    position: absolute;
    z-index: 3;
    inset-inline-end: 8px;
    inset-block-start: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39.9px;
    height: 39.9px;
    padding: 0;
    border: 0;
    border-radius: 12.0175px;
    background: #FFFFFF;
    color: #101111;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
  }

}

.th-header .th-menu-toggle.d-block {
  box-shadow:
    0 0 2px rgba(16, 17, 17, 0.1),
    0 0 8px -2px rgba(16, 17, 17, 0.14);
}

@media (max-width: 991.98px) {
  .th-header .header-button .icon-btn.vp-search-btn .vp-search-icon {
    width: 23px;
    height: 23px;
  }
}

@media (max-width: 991.98px) {

  .vp-shop-top {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-block-end: 14px;
  }

  .vp-shop-back {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #101111;
    font-size: 17px;
    text-decoration: none;
  }

  .vp-shop-find {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 39px;
    padding-inline: 16px;
    border-radius: 19.5px;
    background: #FFFFFF;
    box-shadow:
      0 0 2px rgba(16, 17, 17, 0.1),
      0 0 8px -2px rgba(16, 17, 17, 0.14);
  }

  .vp-shop-find i {
    flex: none;
    color: rgba(16, 17, 17, 0.42);
    font-size: 13px;
  }

  .vp-shop-find input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    background: none;
    font-size: 13px;
    color: #101111;
  }

  .vp-shop-find input:focus {
    outline: none;
  }

  .vp-shop-filter-btn {
    flex: none;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 39px;
    padding-inline: 16px;
    border: 0;
    border-radius: 19.5px;
    background: #FFFFFF;
    box-shadow:
      0 0 2px rgba(16, 17, 17, 0.1),
      0 0 8px -2px rgba(16, 17, 17, 0.14);
    color: var(--vp-gold);
    font-size: 13px;
    font-weight: 630;
    cursor: pointer;
  }

  .vp-shop-tabs {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
    margin-block-end: 12px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .vp-shop-tabs::-webkit-scrollbar {
    display: none;
  }

  .vp-shop-tab {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 30px;
    padding-inline: 4px;
    border: 1px solid rgba(16, 17, 17, 0.2);
    border-radius: 15px;
    background: none;
    color: rgba(16, 17, 17, 0.55);
    font-size: 11.5px;
    font-weight: 630;
    text-decoration: none;
    white-space: nowrap;
  }

  .vp-shop-tab.is-on {
    border-color: transparent;
    background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
    background-origin: border-box;
    color: #FFFFFF;
  }

  .vp-shop-tab i {
    font-size: 9px;
  }

  .vp-shop-strip {
    display: flex;
    justify-content: space-between;
    gap: 2px;
    margin-block-end: 16px;
    padding-block-end: 2px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .vp-shop-strip::-webkit-scrollbar {
    display: none;
  }

  .vp-shop-cat {
    position: relative;
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 34px;
    color: rgba(16, 17, 17, 0.62);
    font-size: 11px;
    text-decoration: none;
    text-align: center;
  }

  .vp-shop-cat img {
    box-sizing: border-box;
    width: 34px;
    height: 34px;
    padding: 7.9px;
    border-radius: 10.9px;
    background: rgba(192, 151, 47, 0.07);
    object-fit: contain;
    object-position: center bottom;
  }

  .vp-shop-cat.is-on {
    color: var(--vp-gold);
  }

  .vp-shop-cat.is-on img {
    background: rgba(192, 151, 47, 0.14);
  }

  .vp-shop-cat span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .vp-shop-head {
    display: none;
  }

  .vp-adm-band .vp-shop-head {
    display: block;
  }
}

.vp-card {
  display: flex;
  flex-direction: column;

  height: 100%;
}

.vp-card-top {
  position: relative;
}

.vp-card-shot {
  position: relative;
  display: block;
  overflow: hidden;

  aspect-ratio: 1;

  border-radius: 16.8px;
  background: #F5F5F5;
}

.vp-card-shot img {
  position: absolute;
  inset: 10%;
  width: 80%;
  height: 80%;
  object-fit: contain;
}

.vp-card-shot.is-supplied img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
}

.vp-card-out {
  position: absolute;
  z-index: 2;
  inset-inline-start: 8px;
  inset-block-start: 8px;

  padding: 4.2px 10.5px;
  border-radius: 8.4px;
  background: #6C6C6C;
  color: #FFFFFF;
  font-size: 10.5px;
  font-weight: 630;
  line-height: 1.4;
}

.vp-card-fav {
  position: absolute;
  z-index: 2;
  inset-inline-end: 8px;
  inset-block-end: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28.5px;
  height: 28.5px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #FFFFFF;
  color: #101111;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 2px 8px -3px rgba(16, 17, 17, 0.3);
}

.vp-card-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-block-start: 10px;
  color: rgba(16, 17, 17, 0.78);

  font-size: 13.86px;
  font-weight: 416;
  line-height: 1.65;
  text-decoration: none;
}

.vp-card-price {
  margin-block-start: 4px;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 720;
  font-size: 14px;
  color: #101111;
}

.vp-card-price span {
  font-size: 10px;
  font-weight: 540;
  color: rgba(16, 17, 17, 0.62);
}

.vp-card-was {
  display: flex;
  align-items: center;
  gap: 6px;

  min-height: 28px;
  margin-block-start: -2px;
}

.vp-card-cut {
  line-height: 16px;
  padding: 3px 6px 1px;
  border-radius: 5px;
  background: rgba(192, 151, 47, 0.14);
  color: var(--vp-gold);
  font-size: 10px;
  font-weight: 630;
}

.vp-card-was del {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  color: rgba(16, 17, 17, 0.42);
}

.vp-card-stock {
  display: flex;
  align-items: center;
  min-height: 28px;
  margin-block-start: -2px;
  font-size: 11.5px;
  color: rgba(16, 17, 17, 0.5);
}

.vp-card-sold {
  margin-block-start: -1px;
  font-size: 10px;
  color: rgba(16, 17, 17, 0.5);
}

.vp-card-buy {
  margin-block-start: auto;
  padding-block-start: 7.16px;
}

.vp-card-add {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  height: 36px;
  padding-inline: 8px;
  border: 0;

  border-radius: 999px;

  background: rgba(218, 178, 38, 0.12);
  color: #101111;
  font-family: 'Vazirmatn', var(--body-font);

  font-size: 12px;
  font-weight: 630;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: filter 0.2s ease;
}

@media (min-width: 992px) {
  .vp-card-add {
    height: 40px;
    font-size: 13px;
  }
}

.vp-card-add:hover {
  background: rgba(218, 178, 38, 0.24);
}

.vp-card-add svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.vp-card-add.is-off {
  background: rgba(16, 17, 17, 0.05);
  color: rgba(16, 17, 17, 0.42);
  cursor: default;
}

.vp-card-add.is-off:hover {
  background: rgba(16, 17, 17, 0.05);
}

@media (max-width: 991.98px) {
  .vp-card-shot img {
    transform: translateY(15px);
  }

  .vp-card-fav {
    inset-block-start: 8px;
    inset-block-end: auto;
    border-radius: 8.58px;
    box-shadow:
      0 0 2px rgba(16, 17, 17, 0.10),
      0 0 8px -2px rgba(16, 17, 17, 0.14);
  }

}

@media (max-width: 991.98px) {
  .vp-shop-rail-desktop {
    display: none;
  }

  .vp-shop-filter {
    position: static;
    flex: none;
  }

  .vp-shop-filter-btn {
    list-style: none;
  }

  .vp-shop-filter-btn::-webkit-details-marker {
    display: none;
  }

  .vp-shop-filter-panel {
    position: fixed;
    z-index: 91;
    inset-inline: 12px;
    inset-block: 0;
    margin-block: auto;
    transform: translateY(-7vh);
    height: fit-content;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    padding: 16px;
    border-radius: 22px;
    background: #FFFFFF;
    box-shadow: 0 26px 60px -24px rgba(16, 17, 17, 0.55);
  }

  .vp-shop-filter-panel > .vp-shop-rail {
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  .vp-shop-filter-panel .vp-filter + .vp-filter,
  .vp-shop-filter-panel .vp-filter + .vp-filter-actions {
    margin-top: 22px;
    padding-top: 0;
    box-shadow: none;
  }

  .vp-shop-filter-panel .vp-filter-title::after {
    display: none;
  }

  .vp-shop-filter-panel .vp-filter-title {
    margin: 0 0 10px;
    font-size: 14px;
  }

  .vp-shop-filter-panel .vp-filter-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .vp-shop-filter-panel .vp-filter-list li + li {
    margin-top: 0;
  }

  .vp-shop-filter-panel .vp-filter-list label,
  .vp-shop-filter-panel .vp-filter-sizes .vp-size {
    display: inline-flex;
    align-items: center;
    height: 28.9px;
    padding-inline: 11.9px;
    border: 1px solid #101111;
    border-radius: 14.45px;
    background: none;
    color: #101111;
    font-size: 10.2px;
    font-weight: 630;
    gap: 0;
  }

  .vp-shop-filter-panel .vp-filter-list label:has(:checked),
  .vp-shop-filter-panel .vp-filter-sizes .vp-size:has(:checked) {
    border-color: transparent;
    background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
    color: #FFFFFF;
  }

  .vp-shop-filter-panel .vp-filter-list input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
  }

  .vp-shop-filter-panel .vp-filter-sizes .vp-size span {
    display: inline;
    min-width: 0;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: inherit;
    font-size: 10.2px;
    font-weight: 630;
  }

  .vp-shop-filter-panel .vp-filter-price {
    direction: ltr;
    gap: 10px;
  }

  .vp-shop-filter-panel .vp-filter-price span {
    display: none;
  }

  .vp-shop-filter-panel .vp-filter-price input {
    height: 44px;
    border-radius: 13.25px;
    font-size: 13px;
    text-align: center;
  }

  .vp-shop-filter-panel .vp-filter-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-block-start: 20px;
  }

  .vp-shop-filter-panel .vp-filter-apply {
    flex: 1;
    height: 44px;
    border: 0;
    border-radius: 13.25px;
    background: linear-gradient(96deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
    font-family: 'Vazirmatn', var(--body-font);
    font-weight: 630;
    font-size: 14px;
    color: #FFFFFF;
  }

  .vp-shop-filter-panel .vp-filter-clear {
    flex: none;
    font-size: 12.5px;
    font-weight: 630;
    color: rgba(16, 17, 17, 0.55);
    text-decoration: none;
  }
}

@media (min-width: 992px) {
  .vp-shop-top,
  .vp-shop-tabs,
  .vp-shop-strip {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .vp-shop-bar {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .vp-listing-panel {
    margin-inline: 0;
    padding: 0 14px;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
}

@media (max-width: 991.98px) {
  .vp-listing-panel {
    padding-inline: 12px;
  }

  .vp-listing-panel .vp-shop-grid {
    --bs-gutter-x: 12px;
  }
}

.vp-card-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-block-start: 10px;
}

.vp-card-brand {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  font-weight: 630;
  color: rgba(16, 17, 17, 0.45);
}

.vp-card-ladder {
  flex: none;
  white-space: nowrap;
  padding: 1px 6px;
  border-radius: 5px;
  background: rgba(192, 151, 47, 0.14);
  color: var(--vp-gold);
  font-size: 10px;
  font-weight: 630;
}

.vp-card-meta + .vp-card-name {
  margin-block-start: 3px;
}

@media (max-width: 991.98px) {
  .vp-shop-tab-drop {
    position: relative;
  }

  .vp-shop-tab-drop > summary {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    list-style: none;
    cursor: pointer;
  }

  .vp-shop-tab-drop > summary::-webkit-details-marker {
    display: none;
  }

  .vp-shop-tab-drop > summary i {
    font-size: 9px;
  }

  .vp-shop-drop {
    position: absolute;
    z-index: 30;
    inset-inline-start: 0;
    inset-block-start: calc(100% + 2px);
    min-width: 132px;
    padding: 6px;
    border-radius: 14px;
    background: #FFFFFF;
    box-shadow: 0 14px 32px -14px rgba(16, 17, 17, 0.38);
  }

  .vp-shop-drop a {
    display: block;
    padding: 7px 10px;
    border-radius: 9px;
    color: rgba(16, 17, 17, 0.72);
    font-size: 12px;
    font-weight: 540;
    text-decoration: none;
    white-space: nowrap;
  }

  .vp-shop-drop a.is-on {
    background: rgba(192, 151, 47, 0.12);
    color: var(--vp-gold);
  }
}

@media (max-width: 991.98px) {

  .vp-shop-tabs {
    position: relative;
  }

  .vp-shop-tab-wide {
    position: static;
  }

  .vp-shop-drop-price {
    inset-inline: 0;
    width: auto;
    padding: 10px;
  }

  .vp-price-sorts {
    display: flex;
    gap: 6px;
    margin-block-end: 10px;
  }

  .vp-price-sorts a,
  .vp-price-sorts label {
    flex: 1 1 0;
    cursor: pointer;
    padding: 7px 4px;
    border-radius: 9px;
    background: rgba(16, 17, 17, 0.045);
    color: rgba(16, 17, 17, 0.72);
    font-size: 11.5px;
    font-weight: 630;
    text-align: center;
    text-decoration: none;
  }

  .vp-price-sorts a.is-on,
  .vp-price-sorts label:has(:checked) {
    background: rgba(192, 151, 47, 0.14);
    color: var(--vp-gold);
  }

  .vp-price-sorts input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
  }

  .vp-price-boxes {
    direction: ltr;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .vp-price-box {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 38px;
    padding-inline: 10px;
    border: 1px solid rgba(16, 17, 17, 0.12);
    border-radius: 10px;
  }

  .vp-price-box input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    background: none;
    font-size: 12px;
    color: #101111;
  }

  .vp-price-box input:focus {
    outline: none;
  }

  .vp-price-box input {
    text-align: left;
  }

  .vp-price-box span {
    flex: none;
    font-size: 11px;
    color: rgba(16, 17, 17, 0.45);
  }

  .vp-price-range {
    direction: ltr;

    display: block;
    width: 80%;
    margin-inline: auto;
    height: 22px;

    margin-block: 20px 26px;
    padding: 0;
    border: 0;
    background: none;
    -webkit-appearance: none;
    appearance: none;
  }

  .vp-price-range::-webkit-slider-runnable-track {
    height: 8px;
    border: 1px solid rgba(16, 17, 17, 0.18);
    border-radius: 4px;

    background: linear-gradient(to right,
      var(--vp-gold-fill) 0 var(--vp-fill, 100%),
      #FFFFFF var(--vp-fill, 100%) 100%);
  }

  .vp-price-range::-moz-range-track {
    height: 8px;
    border: 1px solid rgba(16, 17, 17, 0.18);
    border-radius: 4px;

    background: linear-gradient(to right,
      var(--vp-gold-fill) 0 var(--vp-fill, 100%),
      #FFFFFF var(--vp-fill, 100%) 100%);
  }

  .vp-price-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    margin-block-start: -7px;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
    box-shadow: 0 2px 6px -2px rgba(16, 17, 17, 0.45);
  }

  .vp-price-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  }

}

@media (max-width: 380px) {
  .vp-shop-tabs {
    gap: 4px;
  }

  .vp-shop-tab {
    font-size: 11px;
  }
}

@media (max-width: 991.98px) {

  .vp-shop-sheet {
    gap: 0;
  }

  .vp-shop-sheet > summary {
    display: inline-flex;
    align-items: center;
    list-style: none;
    cursor: pointer;
  }

  .vp-shop-sheet > summary::-webkit-details-marker {
    display: none;
  }

  .vp-sheet-scrim {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(16, 17, 17, 0.45);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }

  .vp-sheet {
    position: fixed;
    z-index: 91;
    inset-inline: 12px;
    inset-block: 0;
    margin-block: auto;

    transform: translateY(-7vh);
    height: fit-content;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    padding: 16px;
    border-radius: 22px;
    background: #FFFFFF;
    box-shadow: 0 26px 60px -24px rgba(16, 17, 17, 0.55);
  }

  .vp-sheet-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-end: 12px;
  }

  .vp-sheet-title {
    font-family: 'Cairo', var(--title-font);
    font-weight: 630;
    font-size: 15px;
    color: #101111;
  }

  .vp-sheet-x {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(16, 17, 17, 0.06);
    color: #101111;
    font-size: 14px;
    cursor: pointer;
  }

  .vp-sheet-picked {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 28.9px;
  }

  .vp-sheet-rule {
    height: 1px;
    margin-block: 12px;
    background: rgba(16, 17, 17, 0.12);
  }

  .vp-sheet-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .vp-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28.9px;
    padding-inline: 11.9px;
    border: 1px solid #101111;
    border-radius: 14.45px;
    background: none;
    color: #101111;
    font-size: 10.2px;
    font-weight: 630;
    text-decoration: none;
  }

  .vp-chip.is-on,
  .vp-chip:has(:checked) {
    border-color: transparent;
    background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
    background-origin: border-box;
    color: #FFFFFF;
  }

  .vp-chip input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
  }

  .vp-chip {
    cursor: pointer;
  }

  .vp-sheet-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-block-start: 16px;
  }

  .vp-sheet-apply,
  .vp-sheet-clear {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0;
    border-radius: 13.25px;
    font-family: 'Vazirmatn', var(--body-font);
    font-weight: 630;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
  }

  .vp-sheet-apply {
    border: 0;
    background: linear-gradient(96deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
    color: #FFFFFF;
  }

  .vp-sheet-clear {
    border: 0;
    background: #FFFFFF;
    box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.18);
    color: #101111;
  }

  .vp-chip i {
    font-size: 9.35px;
    opacity: 0.8;
  }

  .vp-sheet-price {
    width: auto;
    padding: 16px;
  }
}

@media (max-width: 991.98px) {
  .vp-cart-line {

    --vp-cart-pad: 12px;
    --vp-cart-step-h: 36px;
    --vp-cart-mark: 26px;
    --vp-cart-edge: 2px;

    align-items: stretch;
    grid-template-columns: 79.2px minmax(0, 1fr);
    column-gap: 12px;
    padding: var(--vp-cart-pad);
  }

  .vp-cart-shot {
    align-self: start;
    width: 79.2px;
    height: 79.2px;
    border-radius: 16.2px;
  }

  .vp-cart-what {
    padding-inline-end: 30px;
  }

  .vp-cart-name {
    font-size: 14px;
  }

  .vp-cart-money strong {
    font-size: 15px;
  }

  .vp-cart-spec {
    font-size: 11.5px;
  }

  .vp-cart-last {
    padding-inline-end: 95px;
  }

  .vp-cart-line > .vp-cart-qty {
    gap: 3.6px;
    height: var(--vp-cart-step-h);
    padding: 3.6px;
    border-radius: 10.84px;
  }

  .vp-cart-line .vp-cart-less,
  .vp-cart-line .vp-cart-more {
    width: 28.8px;
    height: 28.8px;
    border-radius: 8.67px;
    font-size: 20.4px;
  }

  .vp-cart-count {
    min-width: 16.8px;
    font-size: 15.6px;
    text-align: center;
  }

  .vp-cart-line > form:not(.vp-cart-qty) {
    inset-block-start: 8px;
  }

  .vp-cart-drop {
    width: 26px;
    height: 26px;
    font-size: 13px;
  }

  .vp-cart-compare img {
    width: 13px;
    height: 13px;
  }
}

.vp-doc {
  max-width: 820px;
  margin-inline: auto;
  padding: 32px;
}

.vp-doc .vp-shop-title {
  margin-bottom: 18px;
}

.vp-doc p.vp-doc-lead {
  margin: 0 0 28px;
  font-size: 16px;
  line-height: 1.9;
}

.vp-doc h2 {
  margin: 32px 0 10px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 18px;
  line-height: 1.6;
}

.vp-doc p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.9;
}

.vp-doc a:not(.vp-doc-link):not(.vp-logo) {
  color: var(--vp-gold-ink-deep);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

.vp-doc a:not(.vp-doc-link):not(.vp-logo):hover {
  color: var(--theme-color);
}

.vp-doc-list,
.vp-doc-steps {
  margin: 0 0 16px;
  padding-inline-start: 22px;
  font-size: 15px;
  line-height: 1.9;
}

.vp-doc-list li,
.vp-doc-steps li {
  margin-bottom: 6px;
}

.vp-doc-steps {
  padding-inline-start: 20px;
  list-style-type: persian;
}

.vp-doc-steps::marker {
  font-weight: 630;
}

.vp-doc-tip,
.vp-doc-note {
  margin: 0 0 16px;
  padding: 14px 18px;
  border-radius: 18px;
  background: rgba(16, 17, 17, 0.04);
  font-size: 14px;
  line-height: 1.85;
}

.vp-doc-note {
  background: rgba(164, 127, 37, 0.1);
  color: var(--vp-gold-ink-deep);
}

.vp-doc-table {
  margin: 0 0 16px;
  overflow-x: auto;
}

.vp-doc-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

.vp-doc-table th,
.vp-doc-table td {
  padding: 12px 10px;
  text-align: center;
  white-space: nowrap;
}

.vp-doc-table thead th {
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14px;
  box-shadow: inset 0 -1.4px 0 rgba(16, 17, 17, 0.12);
}

.vp-doc-table tbody tr + tr th,
.vp-doc-table tbody tr + tr td {
  box-shadow: inset 0 1px 0 rgba(16, 17, 17, 0.07);
}

.vp-doc-table tbody th {
  font-weight: 630;
  font-size: 16px;
}

.vp-faq details {
  padding: 4px 0;
  box-shadow: inset 0 -1px 0 rgba(16, 17, 17, 0.09);
}

.vp-faq details:last-child {
  box-shadow: none;
}

.vp-faq summary {
  position: relative;
  padding: 16px 0 16px 34px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 16px;
  line-height: 1.8;
  cursor: pointer;
  list-style: none;
}

.vp-faq summary::-webkit-details-marker {
  display: none;
}

.vp-faq summary::after {
  content: '';
  position: absolute;
  inset-inline-end: 6px;
  inset-block-start: 22px;
  width: 8px;
  height: 8px;
  border-inline-end: 1.8px solid rgba(16, 17, 17, 0.45);
  border-block-end: 1.8px solid rgba(16, 17, 17, 0.45);
  transform: rotate(45deg);
  transition: transform 0.18s ease;
}

.vp-faq details[open] summary::after {
  transform: rotate(-135deg);
  inset-block-start: 25px;
}

.vp-faq summary:hover {
  color: var(--vp-gold-ink-deep);
}

.vp-faq details p {
  margin: 0 0 14px;
  padding-inline-end: 2px;
  font-size: 15px;
}

.vp-contact-list {
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}

.vp-contact-list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 0;
  box-shadow: inset 0 -1px 0 rgba(16, 17, 17, 0.09);
}

.vp-contact-list li:last-child {
  box-shadow: none;
}

.vp-contact-mark {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(164, 127, 37, 0.12);
  color: var(--vp-gold-ink-deep);
  font-size: 16px;
}

.vp-contact-mark.is-whatsapp {
  background: rgba(37, 211, 102, 0.14);
  color: #1B8F49;
}

.vp-contact-what {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 15px;
  line-height: 2;
}

.vp-contact-what b {
  font-family: 'Cairo', var(--title-font);
  font-size: 14px;
  opacity: 0.65;
  font-weight: 540;
}

.vp-contact-what a[href^='tel'],
.vp-contact-what a[href*='wa.me'] {
  align-self: flex-start;
  direction: ltr;
  unicode-bidi: isolate;
  font-size: 17px;
}

.vp-contact-what small {
  font-size: 13px;
  opacity: 0.6;
}

.vp-doc-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.vp-doc-link {
  display: inline-grid;
  place-items: center;
  min-width: 160px;
  height: 44px;
  padding-inline: 22px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
  font-size: 15px;
}

.vp-doc-link:hover {
  color: #FFFFFF;
  filter: brightness(1.04);
}

.vp-doc-link.is-quiet {
  background: transparent;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.16);
  color: #101111;
}

.vp-doc-link.is-quiet:hover {
  background: rgba(16, 17, 17, 0.04);
  color: #101111;
}

.vp-legal-date {
  margin-top: 28px;
  padding-top: 16px;
  box-shadow: inset 0 1px 0 rgba(16, 17, 17, 0.1);
  font-size: 13px;
  opacity: 0.65;
}

.vp-error {
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 40px 20px;
}

.vp-error-card {
  width: 100%;
  max-width: 520px;
  padding: 40px 32px;
  border-radius: 50px;
  background: #FFFFFF;
  box-shadow:
    inset 0 0 0 1.5px rgba(16, 17, 17, 0.12),
    0 18px 32px -22px rgba(16, 17, 17, 0.18);
  text-align: center;
}

.vp-error-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}

.vp-error-logo img {
  width: 46px;
  height: 46px;
}

.vp-error-code {
  margin: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 64px;
  line-height: 1;
  color: rgba(16, 17, 17, 0.1);
}

.vp-error-title {
  margin: 6px 0 12px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 22px;
  line-height: 1.6;
}

.vp-error-say {
  margin: 0 0 26px;
  font-size: 15px;
  line-height: 2.1;
}

.vp-error-say a {
  direction: ltr;
  unicode-bidi: isolate;
  color: var(--vp-gold-ink-deep);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.vp-error-ways {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.vp-error-ways .vp-doc-link {
  min-width: 140px;
}

.vp-error-help {
  margin: 24px 0 0;
  font-size: 13px;
  opacity: 0.7;
}

.vp-error-help a {
  color: var(--vp-gold-ink-deep);
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 575.98px) {
  .vp-doc {
    padding: 22px 18px;
    border-radius: 32px;

    margin-inline: 14px;
  }

  .vp-doc-links .vp-doc-link {
    flex: 1 1 100%;
  }

  .vp-error-card {
    padding: 32px 22px;
    border-radius: 34px;
  }

  .vp-error-code {
    font-size: 52px;
  }
}

.vp-enquiry {
  width: 100%;
  margin-bottom: 20px;
}

.vp-enquiry .vp-field.is-wide {
  grid-column: 1 / -1;
}

.vp-enquiry textarea {
  min-height: 110px;
  resize: vertical;
}

.vp-admin-table .vp-admin-said {
  max-width: 320px;
  white-space: normal;
  line-height: 1.9;
}

.vp-admin-tel {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
  color: var(--title-color);
}

.vp-admin-tel:hover {
  color: var(--theme-color);
}

@media (max-width: 991.98px) {
  .heroSlide6 .hero-img > img[src*="goldengoose"] {
    --vp-hero-shot-shift: 50px;
  }
}

html {
  touch-action: manipulation;
}

.vp-admin-remember input[type='checkbox'] {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  visibility: visible;
  opacity: 1;
  flex: 0 0 auto;
  width: 20px;
  min-width: 0;
  height: 20px;
  margin: 0;

  padding: 0;
  border: 0;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.2);
  cursor: pointer;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}

.vp-admin-remember input[type='checkbox']:checked {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.4l3 3 6.6-6.6' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat,
    linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  box-shadow: inset 0 0 0 1.5px rgba(164, 127, 37, 0.55);
}

.vp-admin-remember input[type='checkbox']:focus-visible {
  outline: 2px solid rgba(164, 127, 37, 0.65);
  outline-offset: 2px;
}

@media (max-width: 575px) {

  .vp-shop-panel.vp-track {
    margin-inline: 10px;
  }
}

.vp-signin-alt {
  margin-top: 14px;
  padding-top: 12px;
  font-size: 12.5px;
  box-shadow: inset 0 1px 0 rgba(16, 17, 17, 0.08);
}

.vp-signin-alt a {
  font-weight: 360;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

.vp-signin-tabs label {
  color: #4F5050;
}

.vp-enter-card {
  max-width: 420px;
  padding: 22px 22px 20px;
}

.vp-enter-head {
  margin-bottom: 16px;
  text-align: center;
}

.vp-enter-mark {
  display: block;
  width: 46px;
  margin: 0 auto 10px;
}

.vp-enter-mark img {
  display: block;
  width: 46px;
  height: 46px;
}

.vp-enter-title {
  margin: 0 0 4px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 19px;
  line-height: 1.45;
}

.vp-enter-say {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.8;
  color: #6E7070;
}

.vp-signin-tabs {
  margin: 0 0 14px;
  padding: 4px;
  border-radius: 999px;
  gap: 4px;
}

.vp-signin-tabs label {
  padding: 8px 0;
  border-radius: 999px;
  font-size: 14px;
}

.vp-signin-pane {
  display: none;
  flex-direction: column;
  gap: 10px;
}

#vp-signin-login:checked ~ .vp-signin-login,
#vp-signin-register:checked ~ .vp-signin-register {
  display: flex;
}

.vp-inp {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  height: 46px;
  border-radius: 15px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  transition: box-shadow 0.2s ease;
}

.vp-inp:focus-within {
  box-shadow: inset 0 0 0 1.5px rgba(164, 127, 37, 0.55);
}

.vp-inp > i {
  justify-self: center;
  font-size: 15px;
  color: #9A9C9C;
  transition: color 0.2s ease;
}

.vp-inp:focus-within > i {
  color: var(--theme-color);
}

.vp-inp input {
  width: 100%;
  height: 100%;
  padding: 0 0 0 14px;
  border: 0;
  background: none;
  border-radius: 16px;
  font-size: 15px;
  color: var(--title-color);
}

.vp-inp input:focus {
  outline: none;
  box-shadow: none;
}

.vp-inp input::placeholder {
  color: #9A9C9C;
  font-size: 14px;
}

.vp-inp-eye {
  width: 44px;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: #9A9C9C;
  font-size: 15px;
  cursor: pointer;
  transition: color 0.2s ease;
}

.vp-inp-eye:hover,
.vp-inp-eye:focus-visible {
  color: var(--theme-color);
}

.vp-signin-pane .vp-admin-remember {
  margin: 0 0 2px;
  font-size: 13px;
}

.vp-enter-go {
  display: grid;
  place-items: center;
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #FFFFFF;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 15.5px;
  cursor: pointer;
  transition: filter 0.2s ease;
}

.vp-enter-go:hover {
  color: #FFFFFF;
  filter: brightness(1.04);
}

.vp-signin-claim {
  margin-top: 10px;
}

.vp-signin-claim small {
  display: block;
  margin-top: 8px;
  padding-inline: 6px;
  font-size: 11.5px;
  line-height: 1.85;
  color: #8A8C8C;
}

@media (max-width: 575px) {
  .vp-enter-card {
    padding: 18px 16px 16px;
  }

  .vp-enter-title {
    font-size: 17px;
  }
}

@media (max-width: 575px) {
  .vp-shop-panel.vp-enter-card {
    margin-inline: 0;
    padding: 18px 20px 16px;
    background: none;
    border-radius: 0;
    box-shadow: none;
  }
}

.vp-enter-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vp-enter-phone {
  direction: ltr;
  unicode-bidi: isolate;
  font-weight: 630;
  color: var(--title-color);
}

.vp-inp-code {
  grid-template-columns: minmax(0, 1fr);
}

.vp-inp-code input {
  padding: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 22px;
  letter-spacing: 0.35em;

  text-indent: 0.35em;
  text-align: center;
  direction: ltr;
}

.vp-inp-code input::placeholder {
  font-size: 18px;
  letter-spacing: 0.2em;
}

.vp-enter-again {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
}

.vp-enter-resend,
.vp-enter-change {
  padding: 0;
  border: 0;
  background: none;
  font-size: 13px;
  cursor: pointer;
  transition: color 0.2s ease;
}

.vp-enter-resend {
  color: var(--vp-gold-ink-deep);
  font-weight: 540;
}

.vp-enter-resend:disabled {
  color: #9A9C9C;
  font-weight: 360;
  cursor: default;
}

.vp-enter-change {
  color: #6E7070;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.vp-enter-change:hover {
  color: var(--title-color);
}

@media (max-width: 991.98px) {
  .cta-area4 .th-btn,
  .cta-area4 .line-btn,
  .vp-daily-deal-section .vp-daily-deal-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6.4px;
    padding: 13.2px 19.2px;
    border-radius: 11.2px;
    background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
    font-family: 'Cairo', var(--body-font);
    font-weight: 720;
    font-size: 14.4px;
    line-height: 1;
    color: #FFFFFF;
    text-decoration: none;
  }

  .cta-area4 .th-btn:hover,
  .cta-area4 .line-btn:hover,
  .vp-daily-deal-section .vp-daily-deal-cta:hover {
    color: #FFFFFF;
  }

  .cta-area4 .th-btn.th-icon::after,
  .cta-area4 .line-btn::after {
    content: none;
  }
}

@media (max-width: 991.98px) {
  .vp-category {
    border-radius: 18.9px;
  }
}

@media (max-width: 991.98px) {
  .vp-brands-head {
    padding-block-start: 3px;
  }
}

@media (max-width: 991.98px) {
  .vp-daily-deal-card {
    box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.05);
  }
}

@media (max-width: 991.98px) {
  .vp-daily-deal-bar-fill {
    width: 30%;
  }
}

@media (max-width: 991.98px) {
  .cta-area4 {
    margin-inline: 10px;
    border-radius: 32.4px;
  }
}

.cta-area4 {
  display: none;
}

.cta-area4 {
  background-size: cover;
  background-position: center;
}

.cta-area4,
.cta-area4.style2 {
  aspect-ratio: 2 / 1;
  height: auto;
  padding: 0;
}

@media (min-width: 1400px) {
  .cta-area4,
  .cta-area4.style2 {
    aspect-ratio: auto;
    height: 420px;
  }
}

@media (max-width: 991.98px) {
  .vp-best-fav {
    color: rgba(16, 17, 17, 0.45);
  }
}

.vp-home-faq {
  display: block;

  padding-bottom: 60px;
}

.vp-home-faq-title {
  margin: 0 0 8px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 20px;
  line-height: 1.4;
  color: #101111;
}

.vp-home-faq .vp-faq-lead {
  margin: 0 0 14px;
  font-size: 13.5px;
  line-height: 2;
  color: rgba(16, 17, 17, 0.62);
}

.vp-home-faq .vp-faq-lead a {
  color: var(--vp-gold);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.vp-faq-boxes {
  display: grid;
  gap: 8px;
}

.vp-faq-boxes details {
  padding: 0 14px;
  border-radius: 18px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.09);
}

.vp-faq-boxes details:last-child {
  box-shadow: inset 0 0 0 1px rgba(16, 17, 17, 0.09);
}

.vp-faq-boxes summary {
  padding: 13px 0 13px 28px;
  font-size: 14.5px;
  line-height: 1.7;
}

.vp-faq-boxes summary::after {
  inset-inline-end: 2px;
  inset-block-start: 18px;
}

.vp-faq-boxes details[open] summary::after {
  inset-block-start: 21px;
}

.vp-faq-boxes summary:hover {
  color: #101111;
}

.vp-faq-boxes details[open] summary,
.vp-faq-boxes details[open] summary:hover {
  color: var(--vp-gold-ink-deep);
}

.vp-faq-boxes .vp-faq-a {
  overflow: hidden;
}

.vp-faq-boxes details p {
  margin: 0 0 13px;
  font-size: 13.5px;
  line-height: 2;
  color: rgba(16, 17, 17, 0.72);
}

@media (min-width: 992px) {

  .vp-home-faq-panel {
    max-width: 860px;
    margin-inline: auto;
  }

  .vp-home-faq-title {
    margin-bottom: 10px;
    font-size: 30px;
  }

  .vp-home-faq .vp-faq-lead {
    margin-bottom: 20px;
    font-size: 15px;
  }

  .vp-faq-boxes {
    gap: 10px;
  }

  .vp-faq-boxes summary {
    padding: 16px 20px;
    font-size: 15.5px;
  }

  .vp-faq-boxes .vp-faq-a {
    padding: 0 20px;
  }

  .vp-faq-boxes details p {
    font-size: 14.5px;
  }
}

@media (max-width: 991.98px) {
  body.shoe-shop {
    background-image: linear-gradient(
      to bottom,
      #FFFFFF 0,
      #FFFFFF 1060px,
      #F0F0F0 2060px,
      #F0F0F0 100%
    );
    background-repeat: no-repeat;
  }

  .vp-deal-shot,
  .vp-daily-deal-card,
  .vp-ladder-notes > span {
    box-shadow: none;
  }

  .footer-layout6 .footer-area.th-screen {
    width: auto;
    margin-inline: 10px;
    border-radius: 34.02px;
    background-color: #FFFFFF;
  }
}

@media (max-width: 991.98px) {
  .vp-best-shot {
    background: #FFFFFF;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
  }

  .vp-best-label {
    background: rgba(16, 17, 17, 0.035);
  }

  .vp-best-shot img {
    inset-block-start: 23%;
    inset-inline: 14.72%;
    width: 70.56%;
    height: calc(80.85% - 72.996px);
  }
}

.vp-best-fav .fa-heart,
.vp-card-fav .fa-heart,
.vp-story-fav .fa-heart {
  --vp-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M178,40c-20.65,0-38.73,8.88-50,23.89C116.73,48.88,98.65,40,78,40a62.07,62.07,0,0,0-62,62c0,70,103.79,126.66,108.21,129a8,8,0,0,0,7.58,0C136.21,228.66,240,172,240,102A62.07,62.07,0,0,0,178,40ZM128,214.8C109.74,204.16,32,155.69,32,102A46.06,46.06,0,0,1,78,56c19.45,0,35.78,10.36,42.6,27a8,8,0,0,0,14.8,0c6.82-16.67,23.15-27,42.6-27a46.06,46.06,0,0,1,46,46C224,155.61,146.24,204.15,128,214.8Z'/%3E%3C/svg%3E");

  width: 1.17em;
  height: 1.17em;
  transform: translateY(-0.037em);
  background: currentColor;
  -webkit-mask: var(--vp-heart) center / contain no-repeat;
  mask: var(--vp-heart) center / contain no-repeat;
}

.vp-best-fav .fa-heart::before,
.vp-card-fav .fa-heart::before,
.vp-story-fav .fa-heart::before {
  content: none;
}

.vp-story-fav .fa-heart {
  margin-inline: -0.085em;
}

body.vp-bare {
  background: #F0F0F0;
}

body.vp-bare .vp-cart-line,
body.vp-bare .vp-cart-sum {
  background: #FFFFFF;
}

body.vp-bare .vp-cart-shot {
  background: #EBEBEB;
}

.vp-order-pay {
  margin: 14px 0 4px;
}

.vp-order-pay button {
  width: 100%;
}

@media (min-width: 576px) {
  .vp-order-pay button {
    width: auto;
    min-width: 260px;
  }
}

.vp-snapp {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 12px 16px;
  border: 0;
  border-radius: 16px;
  background: #FFFFFF;

  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.12);
  text-align: right;
  cursor: pointer;
}

.vp-snapp:hover {
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.24);
}

.vp-snapp-mark img {
  display: block;
  width: 40px;
  height: 40px;
}

.vp-snapp-lines {
  display: grid;
  gap: 4px;
}

.vp-snapp-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: rgba(16, 17, 17, 0.92);
}

.vp-snapp-say {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(16, 17, 17, 0.62);
}

@media (max-width: 575.98px) {
  .vp-snapp {
    gap: 12px;
  }

  .vp-snapp-mark img {
    width: 32px;
    height: 32px;
  }
}

@media (min-width: 576px) {
  .vp-snapp {
    min-width: 288px;
  }
}

.vp-dice-area {
  padding: 40px 0 10px;
}

.vp-dice-card {
  position: relative;
  padding: 44px 20px 36px;
  border-radius: 50px;
  overflow: hidden;
  text-align: center;
  background: rgba(16, 17, 17, 0.063);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 -1.4px 0 rgba(16, 17, 17, 0.07);
}

.vp-dice-title {
  margin: 0 0 10px;
  font-size: 26px;
  line-height: 38px;
  font-weight: 720;

  color: var(--theme-color);
}

.vp-dice-say {
  margin: 0 auto 30px;
  max-width: 30ch;
  font-size: 15px;
  line-height: 28px;
  color: var(--body-color);
}

.vp-dice-pair {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin-bottom: 34px;
  perspective: 600px;
}

.vp-die {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 6px;
  width: 104px;
  height: 104px;
  padding: 14px;

  border-radius: 32px;
  background: linear-gradient(160deg, #FFFFFF 0%, #F4F5F6 100%);

  box-shadow:
    0 1px 2px rgba(16, 17, 17, 0.22),
    0 12px 24px rgba(16, 17, 17, 0.16),
    inset 0 -3px 0 rgba(16, 17, 17, 0.07);
}

.vp-die i {
  border-radius: 50%;

  background: radial-gradient(circle at 32% 30%, #3A3B3B 0%, #1C1D1D 55%, #101111 100%);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.22);
  opacity: 0;
}

.vp-die i:nth-child(1) { grid-area: 1 / 1; }
.vp-die i:nth-child(2) { grid-area: 1 / 3; }
.vp-die i:nth-child(3) { grid-area: 2 / 1; }
.vp-die i:nth-child(4) { grid-area: 2 / 2; }
.vp-die i:nth-child(5) { grid-area: 2 / 3; }
.vp-die i:nth-child(6) { grid-area: 3 / 1; }
.vp-die i:nth-child(7) { grid-area: 3 / 3; }

.vp-die[data-face='1'] i:nth-child(4),
.vp-die[data-face='2'] i:nth-child(1),
.vp-die[data-face='2'] i:nth-child(7),
.vp-die[data-face='3'] i:nth-child(1),
.vp-die[data-face='3'] i:nth-child(4),
.vp-die[data-face='3'] i:nth-child(7),
.vp-die[data-face='4'] i:nth-child(1),
.vp-die[data-face='4'] i:nth-child(2),
.vp-die[data-face='4'] i:nth-child(6),
.vp-die[data-face='4'] i:nth-child(7),
.vp-die[data-face='5'] i:nth-child(1),
.vp-die[data-face='5'] i:nth-child(2),
.vp-die[data-face='5'] i:nth-child(4),
.vp-die[data-face='5'] i:nth-child(6),
.vp-die[data-face='5'] i:nth-child(7),
.vp-die[data-face='6'] i:nth-child(1),
.vp-die[data-face='6'] i:nth-child(2),
.vp-die[data-face='6'] i:nth-child(3),
.vp-die[data-face='6'] i:nth-child(5),
.vp-die[data-face='6'] i:nth-child(6),
.vp-die[data-face='6'] i:nth-child(7) { opacity: 1; }

@keyframes vp-die-roll {
  0%   { transform: rotate(0deg)    scale(1)    translateY(0);     }
  20%  { transform: rotate(120deg)  scale(1.1)  translateY(-14px); }
  40%  { transform: rotate(215deg)  scale(1.06) translateY(-20px); }
  60%  { transform: rotate(300deg)  scale(0.97) translateY(-6px);  }
  80%  { transform: rotate(345deg)  scale(1.04) translateY(-11px); }
  100% { transform: rotate(360deg)  scale(1)    translateY(0);     }
}

@keyframes vp-die-land {
  0%   { transform: scale(1.12) translateY(-8px); }
  55%  { transform: scale(0.96) translateY(0);    }
  100% { transform: scale(1)    translateY(0);    }
}

.vp-dice-pair.is-rolling .vp-die {
  animation: vp-die-roll 0.62s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.vp-dice-pair.is-rolling .vp-die:last-child {

  animation-duration: 0.74s;
  animation-delay: -0.21s;
}

.vp-dice-pair.is-landing .vp-die {
  animation: vp-die-land 0.26s ease-out both;
}

.vp-dice-pair.is-landing .vp-die:last-child {
  animation-delay: 0.09s;
}

.vp-dice-go {
  min-width: 260px;
  min-height: 52px;
  padding-inline: 32px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #3A2708;
  font: inherit;
  font-size: 17px;
  font-weight: 720;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(233, 187, 74, 0.28);
}

.vp-dice-go:disabled {
  cursor: default;
  filter: grayscale(0.35);
  opacity: 0.75;
  box-shadow: none;
}

.vp-dice-foot {
  margin: 18px 0 0;
  font-size: 13px;
  color: rgba(16, 17, 17, 0.55);
}

.vp-dice-done {
  margin: 6px 0 0;
  font-size: 15px;
  line-height: 26px;
  color: rgba(16, 17, 17, 0.82);
}

.vp-dice-go + .vp-dice-done {
  margin-top: 14px;
  font-size: 14px;
  color: rgba(16, 17, 17, 0.62);
}

body.vp-prize-open .vp-whatsapp,
body.vp-soon-open .vp-whatsapp {
  display: none;
}

.vp-prize-scrim {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(16, 17, 17, 0.72);
}

.vp-prize {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding: 34px 24px 26px;
  border-radius: 22px;
  background: #FFFFFF;
  text-align: center;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.42);
}

.vp-prize-badge {
  width: 138px;
  height: 138px;
  margin: 6px auto 18px;
}

.vp-prize-burst {
  display: block;
  width: 100%;
  height: 100%;
}

.vp-prize-burst .vp-burst-star {
  transform-box: view-box;
  transform-origin: 50% 50%;
  animation: vp-burst-turn 12s linear infinite;
}

.vp-prize-burst .vp-burst-stud {
  fill: #FFFFFF;
  animation: vp-burst-twinkle 1.2s ease-in-out infinite;
}

.vp-prize-burst text {
  fill: #FFFFFF;
  text-anchor: middle;
  font-family: 'Cairo', var(--title-font);
  font-weight: 810;
  font-size: 28.7px;

  direction: ltr;
}

.vp-prize-what {
  margin: 0 0 4px;
  font-size: 14px;
  color: rgba(16, 17, 17, 0.6);
}

.vp-prize-title {
  margin: 0 0 10px;
  font-size: 26px;
  font-weight: 720;
}

.vp-prize-say {
  margin: 0 0 20px;
  line-height: 28px;
  color: rgba(16, 17, 17, 0.75);
}

.vp-prize-code {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 18px;
  padding: 12px 14px;
  border: 1px dashed rgba(160, 129, 25, 0.45);
  border-radius: 14px;
  background: rgba(218, 178, 38, 0.07);
}

.vp-prize-code b {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 17px;
  letter-spacing: 0.06em;
  direction: ltr;
  unicode-bidi: isolate;

  white-space: nowrap;
}

.vp-prize-code > span {
  min-width: 0;
}

.vp-prize-copy {
  min-height: 32px;
  padding-inline: 14px;
  border: 0;
  border-radius: 999px;
  background: #101111;
  color: #FFFFFF;
  font: inherit;
  font-size: 13px;
  font-weight: 630;
  cursor: pointer;
}

.vp-prize-go {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  border-radius: 14px;

  background: linear-gradient(90deg, var(--vp-gold-ramp-top) 0%, var(--vp-gold-ramp-foot) 100%);
  color: #101111;
  font-size: 17px;
  font-weight: 720;
  text-decoration: none;
}

.vp-prize-when {
  margin: 14px 0 0;
  font-size: 13px;
  color: rgba(16, 17, 17, 0.55);
}

.vp-prize-shut {
  position: absolute;
  inset-block-start: 10px;
  inset-inline-start: 10px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(16, 17, 17, 0.06);
  color: rgba(16, 17, 17, 0.6);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.vp-confetti {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.vp-confetti i {
  position: absolute;
  inset-block-start: -12px;
  width: 9px;
  height: 14px;
  border-radius: 2px;
  animation: vp-confetti-fall 2.6s linear forwards;
}

@keyframes vp-confetti-fall {
  0%   { transform: translateY(0) rotate(0deg); opacity: 1; }
  100% { transform: translateY(105vh) rotate(720deg); opacity: 0.9; }
}

@media (prefers-reduced-motion: reduce) {
  .vp-dice-pair.is-rolling .vp-die,
  .vp-dice-pair.is-landing .vp-die,
  .vp-confetti i {
    animation: none;
  }

  .vp-confetti {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .vp-prize {
    padding: 26px 18px 20px;
    border-radius: 20px;
  }

  .vp-prize-badge {
    width: 104px;
    height: 104px;
    margin-bottom: 14px;
  }

  .vp-prize-title {
    font-size: 23px;
  }

  .vp-prize-say {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 26px;
  }

  .vp-prize-code {
    gap: 8px;
    margin-bottom: 14px;
    padding: 10px;
  }

  .vp-prize-code b {
    font-size: 15px;
    letter-spacing: 0.04em;
  }

  .vp-prize-go {
    min-height: 48px;
    font-size: 16px;
  }
}

@media (max-width: 991.98px) {
  .vp-dice-card {
    border-radius: 30px;
  }
}

@media (max-width: 575.98px) {
  .vp-dice-area {
    padding-top: 28px;
  }

  .vp-dice-card {
    padding: 34px 16px 28px;
  }

  .vp-dice-title {
    font-size: 22px;
    line-height: 34px;
  }

  .vp-die {
    width: 88px;
    height: 88px;
    padding: 12px;

    border-radius: 27px;
  }

  .vp-dice-go {
    min-width: 0;
    width: 100%;
  }
}

.vp-threads {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vp-thread {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 2px;
}

.vp-thread + .vp-thread {
  box-shadow: inset 0 1px 0 rgba(16, 17, 17, 0.08);
}

.vp-thread-what {
  flex: 1 1 auto;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.vp-thread-title {
  display: block;
  font-weight: 630;
}

.vp-thread-meta {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  color: rgba(16, 17, 17, 0.55);
}

.vp-thread-new {
  flex: 0 0 auto;
  padding: 3px 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--vp-gold-fill) 0%, var(--vp-gold-lit) 100%);
  color: #101111;
  font-size: 12px;
  font-weight: 630;
  white-space: nowrap;
}

.vp-said-list {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.vp-said {
  padding: 12px 14px;
  border-inline-start: 3px solid rgba(16, 17, 17, 0.1);
}

.vp-said + .vp-said {
  margin-top: 10px;
}

.vp-said.is-me {
  border-inline-start-color: var(--vp-gold-fill);
  background: rgba(218, 178, 38, 0.06);
}

.vp-said.is-note {
  color: rgba(16, 17, 17, 0.55);
  font-size: 13px;
}

.vp-said-who {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 630;
  color: rgba(16, 17, 17, 0.55);
}

.vp-said-when {
  margin-inline-start: 8px;
  font-weight: 360;
}

.vp-said-body {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.vp-said-files {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vp-said-files li {
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 10px;
  background: rgba(16, 17, 17, 0.04);
  font-size: 13px;
}

.vp-said-size {
  color: rgba(16, 17, 17, 0.5);
  font-size: 12px;
}

.vp-said-form {
  margin-top: 20px;
}

.vp-said-form textarea {
  resize: vertical;
}

@media (min-width: 992px) {
  .vp-pdp-info {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .vp-pdp-head { display: contents; }

  .vp-pdp-info > .vp-pdp-maker  { order: 1; }
  .vp-pdp-naming                { order: 2; }
  .vp-pdp-info > .vp-pdp-stars  { order: 3; }
  .vp-pdp-info > .vp-pdp-desc   { order: 4; }
  .vp-pdp-price                 { order: 5; }
  .vp-pdp-info > .vp-pdp-choice { order: 6; }
  .vp-pdp-info > .vp-pdp-from   { order: 7; }
  .vp-pdp-info > .vp-pick       { order: 8; }
  .vp-pdp-info > .vp-pdp-out    { order: 9; }
  .vp-pdp-info > .vp-pdp-sizes-title { order: 10; }
  .vp-pdp-info > .vp-sellers    { order: 11; }
  .vp-pdp-info > .vp-pdp-facts  { order: 12; }

  .vp-pdp-maker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: rgba(16, 17, 17, 0.7);
    font-size: 13px;
    font-weight: 540;
    text-decoration: none;
  }

  .vp-pdp-maker img {
    width: 20px;
    height: 20px;
    object-fit: contain;
  }

  .vp-pdp-maker:hover { color: #101111; }

  .vp-pdp-naming { margin-bottom: 8px; }

  .vp-pdp-title {
    font-size: 34px;
    line-height: 1.35;
  }

  .vp-pdp-naming .vp-pdp-brand { display: none; }

  .vp-pdp-stars {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
  }

  .vp-pdp-stars-row {
    display: inline-flex;
    gap: 2px;
    color: var(--vp-gold-fill);
    font-size: 13px;
  }

  .vp-pdp-stars-say {
    color: rgba(16, 17, 17, 0.55);
    font-size: 12px;
  }

  .vp-pdp-desc,
  .vp-pdp-desc.is-standin {
    display: block;
    margin-bottom: 20px;
  }

  .vp-pdp-desc-title {
    margin: 0 0 6px;
    font-family: 'Cairo', var(--title-font);
    font-size: 14px;
    font-weight: 720;
    color: #101111;
  }

  .vp-pdp-desc p {
    margin: 0;
    max-width: 52ch;
    font-size: 13px;
    line-height: 2;
    color: var(--body-color);
  }

  .vp-pdp-price {
    margin-bottom: 20px;
  }

  .vp-pdp-price strong {
    font-size: 38px;
    line-height: 1.2;
  }

  .vp-pick-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .vp-pick-bar::after {
    content: '';
    order: -1;
    flex-basis: 100%;
    height: 0;
  }

  .vp-pick-bar .vp-pick-price { display: none; }

  .vp-pick-bar .vp-qty {
    display: inline-flex;
    align-items: center;
    order: -2;
    flex: 0 0 auto;
    width: auto;
    height: 40px;
    padding: 3px;
    border: 0;
    border-radius: 999px;
    background: rgba(16, 17, 17, 0.05);
    overflow: visible;
  }

  .vp-pick-bar .vp-qty .qty-btn {
    width: 34px;
    height: 34px;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #FFFFFF;
    color: #101111;
    font-size: 12px;
    box-shadow: 0 1px 2px rgba(16, 17, 17, 0.12);
  }

  .vp-pick-bar .qty-input {
    width: 44px;
    height: 34px;
    min-width: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #101111;
    font-size: 14px;
    font-weight: 630;
    text-align: center;
  }

  .vp-pick-now {
    order: 1;
    flex: 1 1 160px;
    min-height: 52px;
    padding-inline: 24px;
    border: 0;
    border-radius: 14px;
    background: #101111;
    color: #FFFFFF;
    font: inherit;
    font-size: 15px;
    font-weight: 720;
    cursor: pointer;
  }

  .vp-pick-now:hover { background: #2A2C2C; }

  .vp-pick-bar .vp-pick-go {
    order: 2;
    flex: 1 1 160px;
    width: auto;
    min-height: 52px;
    border-radius: 14px;
    background: #FFFFFF;
    box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.14);
    color: #101111;
  }

  .vp-pick-bar .vp-pick-go:hover {
    background: rgba(16, 17, 17, 0.04);
  }

  .vp-pdp-like {
    order: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 14px;
    background: rgba(16, 17, 17, 0.05);
    color: rgba(16, 17, 17, 0.6);
    font-size: 16px;
    cursor: pointer;
  }

  .vp-pdp-like:hover {
    background: rgba(16, 17, 17, 0.09);
    color: #101111;
  }

  .vp-pdp-ship {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 14px 0 0;
    color: rgba(16, 17, 17, 0.55);
    font-size: 12px;
  }

  .vp-pdp-ship i { color: var(--vp-gold-ink); }

  .vp-pick { display: flex; flex-direction: column; }
  .vp-pick > .vp-pdp-colors { order: -1; }
  .vp-pick > .vp-pick-head  { order: 0; }
  .vp-pick > .vp-pick-sizes { order: 2; }
  .vp-pick > .vp-pick-bar   { order: 3; }
  .vp-pick > .vp-pdp-ship   { order: 4; }

  .vp-pick > .vp-pdp-colors { margin-bottom: 16px; }
}

@media (max-width: 991.98px) {
  .vp-pdp-maker,
  .vp-pdp-stars,
  .vp-pdp-desc-title,
  .vp-pick-now,
  .vp-pdp-like,
  .vp-pdp-ship {
    display: none;
  }
}

.vp-enamad {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 14px;
}

@media (max-width: 991.98px) {
  .vp-enamad {
    justify-content: center;
  }
}

.vp-enamad a {
  display: block;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  padding: 6px;
  border-radius: 12px;
  background: #FFFFFF;
}

.vp-enamad img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vp-filter-apply,
.vp-cart-go,
.vp-pdp-price strong,
.vp-cart-money strong,
.vp-cart-row.is-total,
.vp-seller-price,
.vp-acct-figs b,
.vp-admin-figure-num {
  font-family: 'Vazirmatn', var(--body-font);
}

.vp-vpn {
  width: calc(100% - 24px);
  max-width: 420px;
  margin: auto;
  padding: 18px;
  border: 0;
  border-radius: 22px;
  background: #FFFFFF;
  box-shadow: 0 26px 60px -24px rgba(16, 17, 17, 0.55);
  transform: translateY(-7vh);
  color: var(--body-color);
}

.vp-vpn::backdrop {
  background: rgba(16, 17, 17, 0.45);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.vp-vpn-title {
  margin: 0 0 8px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 17px;
  color: #101111;
}

.vp-vpn-say {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 2;
}

.vp-vpn-ok {
  margin-top: 0;
}

@media (min-width: 992px) {

  .th-header .menu-area > .container {
    padding-inline: 14px;
  }

  .th-header .menu-area .header-button {
    gap: 14px;
  }

  .th-header .menu-area .header-button > * {
    margin-inline: 0;
  }

  .th-header .vp-logo img {
    width: 48px;
    height: 48px;
    border-radius: 18px;
  }
}

body.shoe-shop {
  font-weight: 360;
}

.shoe-shop .box-title {
  font-weight: 540;
}

.shoe-shop .footer-widget .widget_title {
  font-weight: 450;
}

.shoe-shop .widget_title {
  font-weight: 450;
}

.shoe-shop .badge {
  font-weight: 360;
}

.shoe-shop .main-menu a {
  font-weight: 450;
}

.shoe-shop .footer-widget a {
  font-weight: 360;
}

.vp-ship-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.vp-ship {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(16, 17, 17, 0.12);
  border-radius: 14px;
  background: #FFFFFF;
  cursor: pointer;
}

.vp-ship:has(input:checked) {
  border-color: var(--vp-gold-fill);
  box-shadow: inset 0 0 0 1px var(--vp-gold-fill);
}

.vp-ship input[type="radio"] {
  display: inline-grid;
  place-content: center;
  visibility: visible;
  opacity: 1;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(16, 17, 17, 0.28);
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer;
}

.vp-ship input[type="radio"]::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--vp-gold-fill);
  transform: scale(0);
  transition: transform 0.12s ease;
}

.vp-ship input[type="radio"]:checked {
  border-color: var(--vp-gold-fill);
}

.vp-ship input[type="radio"]:checked::before {
  transform: scale(1);
}

.vp-ship input[type="radio"]:focus-visible {
  outline: 2px solid var(--vp-gold-fill);
  outline-offset: 2px;
}

.vp-ship-name {
  font-weight: 700;
}

.vp-ship-cost {
  font-weight: 700;
  color: var(--vp-gold-ink);
  white-space: nowrap;
}

.vp-ship-cost.is-collect {
  color: #6B6B6B;
  font-weight: 500;
}

.vp-ship-note {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 20px;
  color: #6B6B6B;
}

.vp-cart-ship-note {
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 17px;
  color: #6B6B6B;
  text-align: center;
}

@media (min-width: 992px) {
  .vp-pdp-body {
    max-width: 1180px;
    margin-inline: auto;

    grid-template-columns: 520px minmax(0, 1fr);

    gap: 36px;
  }

  .vp-pdp-gallery .vp-pdp-thumbs {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 10px;
  }

  .vp-pdp-gallery .vp-pdp-thumb {
    width: auto;
    height: auto;
    aspect-ratio: 1;
  }

  .vp-pdp-colors {
    display: block;
  }

  .vp-pick-now {
    background: linear-gradient(90deg, var(--vp-gold-fill), var(--vp-gold-lit));
    color: #FFFFFF;
  }

  .vp-pick-now:hover {
    background: linear-gradient(90deg, var(--vp-gold-fill), var(--vp-gold-lit));
    filter: brightness(1.04);
  }

  .vp-pdp-desc-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
  }

  .vp-pdp-desc .vp-pdp-desc-text {
    max-width: none;
  }

  .vp-pdp-more-in {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
  }

  input.vp-pdp-more-in ~ label.vp-pdp-more::before {
    content: none;
  }

  input.vp-pdp-more-in ~ label.vp-pdp-more {
    padding-right: 0;
  }

  .vp-pdp-more-in:checked ~ .vp-pdp-desc-text {
    -webkit-line-clamp: unset;
    line-clamp: unset;
  }

  .vp-pdp-more {
    display: inline-block;
    margin-top: 6px;
    color: var(--vp-gold-ink);
    font-size: 12px;
    font-weight: 630;
    cursor: pointer;
  }

  .vp-pdp-more:hover {
    text-decoration: underline;
  }

  .vp-pdp-more-shut,
  .vp-pdp-more-in:checked ~ .vp-pdp-more .vp-pdp-more-open {
    display: none;
  }

  .vp-pdp-more-in:checked ~ .vp-pdp-more .vp-pdp-more-shut {
    display: inline;
  }

  .vp-pdp-more-in:focus-visible ~ .vp-pdp-more {
    outline: 2px solid var(--vp-gold-fill);
    outline-offset: 3px;
    border-radius: 4px;
  }

  .vp-pdp-maker { margin-bottom: 6px; }
  .vp-pdp-stars { margin-bottom: 8px; }
  .vp-pdp-price { margin-bottom: 8px; }

  .vp-pdp-desc,
  .vp-pdp-desc.is-standin {
    margin-top: 12px;
    margin-bottom: 10px;
  }

  .vp-pdp-swatches {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
  }

  .vp-pdp-swatch {
    flex: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--vp-swatch);
  }

  .vp-pdp-swatch.is-off { opacity: 0.3; }

  .vp-pdp-swatch.is-on {
    box-shadow:
      0 0 0 2px #FFFFFF,
      0 0 0 3.5px rgba(16, 17, 17, 0.35);
  }

  .vp-pdp-colors .vp-pick-note.is-inline {
    display: inline-flex;
    align-items: center;
    margin-inline-start: auto;
    color: rgba(16, 17, 17, 0.55);
    font-size: 12px;
  }

  .vp-pick > .vp-pdp-colors { margin-bottom: 10px; }
  .vp-pick > .vp-pick-sizes { margin-top: 6px; }
  .vp-pick > .vp-pick-bar   { margin-top: 10px; }
  .vp-pick > .vp-pdp-ship   { margin-top: 8px; }
}

@media (min-width: 992px) {
  .vp-shop-panel.is-narrow {
    max-width: 1100px;
    margin-inline: auto;
  }
}

@media (min-width: 992px) and (max-width: 1599.98px) {

  .main-menu > ul > li {
    margin: 0 4px;
  }

  .th-header .menu-area .row > .col-auto:has(.main-menu) {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 992px) {

  .footer-widget .th-widget-about {
    display: block;
  }

  .vp-foot-d-strap {
    margin: 18px 0 0;
    font-size: 13.5px;
    line-height: 2;
    color: rgba(16, 17, 17, 0.62);
  }

  .vp-foot-d-line {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 10px 0 0;
    font-size: 13.5px;
    line-height: 1.9;
    color: rgba(16, 17, 17, 0.72);
  }

  .vp-foot-d-line i {
    margin-top: 6px;
    font-size: 13px;
    color: var(--vp-gold-fill-ink);
  }

  .vp-foot-d-line a {
    color: inherit;
    direction: ltr;
    unicode-bidi: isolate;
  }

  .vp-foot-d-line a:hover {
    color: var(--vp-gold);
  }

  .vp-foot-d-social {
    display: flex;
    gap: 8px;
    margin-top: 16px;
  }

  .vp-foot-d-social .vp-foot-m-soc {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    flex: 0 0 auto;
  }

  .vp-foot-d-social .vp-foot-m-soc img {
    width: 19px;
    height: 19px;
  }
}

@media (min-width: 992px) {
  .sidemenu-cart .sidemenu-content {
    width: 531px;
    left: -581px;
  }
}

#brands {
  scroll-margin-top: 106px;
}

@media (max-width: 1279.98px) { .main-menu .vp-nav-drop-1 { display: none; } }
@media (max-width: 1199.98px) { .main-menu .vp-nav-drop-2 { display: none; } }
@media (max-width: 1099.98px) { .main-menu .vp-nav-drop-3 { display: none; } }
.shoe-shop .main-menu a {
  font-size: 14px;
}

.th-header .menu-area .top-search {
  width: 288px;
}

@media (max-width: 1399px) {
  .th-header .menu-area .top-search {
    width: 166px;
  }
}

.vp-shop-panel.vp-pdp-talk {
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.vp-pdp-talk-head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin-bottom: 16px;
}

.vp-pdp-talk-head .vp-shop-title {
  margin: 0;
}

.vp-pdp-talk-avg {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--body-color);
}

.vp-pdp-talk-avg b {
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14.5px;
  color: var(--title-color);
}

.vp-stars {
  display: inline-flex;
  gap: 2px;
  font-size: 12.5px;
  line-height: 1;
  color: var(--vp-gold-fill);
}

.vp-stars .is-off {
  color: rgba(16, 17, 17, 0.18);
}

.vp-pdp-talk-list {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

@media (min-width: 992px) {
  .vp-pdp-talk-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.vp-pdp-talk-one {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 4px 12px;
  padding: 16px;
  border-radius: 20px;
  background: #FFFFFF;
}

.vp-pdp-talk-mark {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(218, 178, 38, 0.16);
  color: var(--vp-gold-fill-ink);
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 18px;
  line-height: 1;
}

.vp-pdp-talk-who {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.vp-pdp-talk-name {
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14.5px;
  color: var(--title-color);
}

.vp-pdp-talk-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 12px;
  color: var(--body-color);
  opacity: 0.8;
}

.vp-pdp-talk-dot {
  opacity: 0.6;
}

.vp-pdp-talk-said {
  grid-column: 2;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.95;
  color: var(--body-color);

  white-space: pre-line;
  overflow-wrap: anywhere;
}

.vp-pdp-talk-none,
.vp-pdp-talk-mine {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.9;
  color: var(--body-color);
}

.vp-pdp-talk-write,
.vp-pdp-talk-door {
  padding: 16px;
  border-radius: 20px;
  background: #FFFFFF;
}

.vp-pdp-talk-write-title {
  margin: 0 0 12px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 15px;
}

.vp-pdp-talk-ask {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  color: var(--body-color);
}

.vp-pdp-talk-write textarea {
  width: 100%;
  padding: 12px 14px;
  border: 0;
  border-radius: 14px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
  font-family: 'Vazirmatn', var(--body-font);
  font-size: 14px;
  line-height: 1.9;
  color: var(--title-color);
  resize: vertical;
}

.vp-pdp-talk-write textarea:focus {
  outline: none;
  box-shadow: inset 0 0 0 1.5px rgba(218, 178, 38, 0.75);
}

.vp-pdp-talk-send {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  font-size: 12px;
  color: var(--body-color);
}

.vp-pdp-talk-door {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
}

.vp-pdp-talk-door p {
  margin: 0;
  flex: 1 1 240px;
  font-size: 14px;
  line-height: 1.9;
  color: var(--body-color);
}

.vp-pdp-talk-door .vp-filter-apply,
.vp-pdp-talk-send .vp-filter-apply {
  flex: none;
  width: auto;
  padding-inline: 28px;
}

@media (max-width: 575.98px) {
  .vp-pdp-talk-door,
  .vp-pdp-talk-send {
    flex-direction: column;
    align-items: stretch;
  }

  .vp-pdp-talk-door p {
    flex: 0 0 auto;
  }

  .vp-pdp-talk-door .vp-filter-apply,
  .vp-pdp-talk-send .vp-filter-apply {
    flex: none;
    width: 100%;
  }
}

.vp-stars-pick {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 4px;
  margin-bottom: 14px;
}

.vp-stars-pick input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.vp-stars-pick input[type="radio"] + label::before,
.vp-stars-pick input[type="radio"] + label::after {
  content: none;
}

.vp-stars-pick input[type="radio"] + label {
  display: inline-flex;
  margin: 0;
  padding: 2px;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  color: rgba(16, 17, 17, 0.18);
  transition: color 0.15s ease;
}

.vp-stars-pick input:checked ~ label,
.vp-stars-pick label:hover,
.vp-stars-pick label:hover ~ label {
  color: var(--vp-gold-fill);
}

.vp-stars-pick input:focus-visible + label {
  outline: 2px solid var(--vp-gold-fill-ink);
  outline-offset: 2px;
  border-radius: 4px;
}

.vp-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.vp-arts-head {
  margin-bottom: 26px;
}

.vp-arts-title {
  margin: 0 0 10px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 26px;
  line-height: 1.4;
  color: #101111;
}

.vp-arts-lead {
  margin: 0;
  max-width: 640px;
  font-size: 15px;
  line-height: 2.05;
  color: var(--body-color);
}

.vp-arts-none {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.95;
  color: var(--body-color);
}

.vp-arts-sum {
  margin: -4px 4px 14px;
  font-size: 13.5px;
  line-height: 1.95;
  color: var(--body-color);
}

.vp-art-pager-row {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

@media (max-width: 991.98px) {

  .vp-arts {
    padding-inline: 16px;
  }

  .vp-arts-title {
    font-size: 21px;
  }

  .vp-arts-lead {
    font-size: 14px;
  }
}

.vp-art-doc-when {
  margin: 0 0 10px;
  font-size: 13px;
  color: var(--body-color);
  opacity: 0.75;
}

.vp-art-doc-title {
  margin: 0 0 18px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 32px;
  line-height: 1.5;
  color: var(--title-color);
}

.vp-art-doc-lead {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 2.05;
  color: var(--title-color);
}

.vp-art-quote {
  position: relative;
  margin: 32px 0;
  padding: 26px 28px 22px;
  border-radius: 22px;
  background: rgba(16, 17, 17, 0.034);
}

.vp-art-quote-mark {
  position: absolute;
  top: -6px;
  inset-inline-start: 20px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 56px;
  line-height: 1;
  color: rgba(218, 178, 38, 0.55);
}

.vp-art-quote blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: 16px;
  line-height: 2.1;
  color: var(--title-color);
}

.vp-art-quote blockquote::before,
.vp-art-quote blockquote::after {
  content: none;
}

.vp-art-quote figcaption {
  display: inline-block;
  margin-top: 16px;
  padding: 5px 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--vp-gold-fill), var(--vp-gold-lit));
  color: #101111;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 13.5px;
}

.vp-art-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin: 32px 0;
}

.vp-art-gallery img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 18px;
}

.vp-art-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
}

.vp-art-tags-label {
  margin-inline-end: 4px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14px;
  color: var(--title-color);
}

.vp-art-tag {
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(16, 17, 17, 0.045);
  color: var(--body-color);
  font-size: 13px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.vp-art-tag:hover {
  background: rgba(218, 178, 38, 0.22);
  color: var(--vp-gold-fill-ink);
}

.vp-art-talk {
  max-width: 820px;
  margin: 44px auto 0;
  padding-top: 28px;
  border-top: 1px solid rgba(16, 17, 17, 0.1);
}

.vp-art-talk-count {
  color: var(--vp-gold-ink);
}

.vp-art-talk-list {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.vp-art-talk-one {
  padding-bottom: 26px;
  border-bottom: 1px solid rgba(16, 17, 17, 0.1);
}

.vp-art-talk-one + .vp-art-talk-one {
  padding-top: 26px;
}

.vp-art-talk-mark {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 14px;

  border-radius: 18px;
  background: rgba(218, 178, 38, 0.16);
  color: var(--vp-gold-fill-ink);
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 24px;
  line-height: 1;
}

.vp-art-talk-name {
  display: block;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 18px;
  line-height: 1.6;
  color: var(--title-color);
}

.vp-art-talk-when {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: var(--body-color);
  opacity: 0.75;
}

.vp-art-talk-said {
  margin: 14px 0 0;
  font-size: 14.5px;
  line-height: 2.05;
  color: var(--body-color);
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.vp-art-talk-none {
  margin: 18px 0;
  font-size: 14px;
  line-height: 1.9;
  color: var(--body-color);
}

.vp-art-talk-write {
  margin-top: 32px;
  padding: 26px 24px;
  border-radius: 24px;
  background: rgba(16, 17, 17, 0.034);
}

.vp-art-talk-write-title {
  margin: 0 0 8px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 20px;
  color: var(--title-color);
}

.vp-art-talk-write-lead {
  margin: 0 0 18px;
  font-size: 13.5px;
  line-height: 1.9;
  color: var(--body-color);
}

.vp-art-talk-go {
  display: block;
  width: 100%;
  margin-top: 14px;
  padding: 14px 20px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--vp-gold-fill), var(--vp-gold-lit));
  color: #FFFFFF;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 15px;
  cursor: pointer;
  transition: filter 0.2s ease;
}

.vp-art-talk-go:hover {
  filter: brightness(1.04);
}

.vp-art-talk-door {
  margin-top: 20px;
}

.vp-art-talk-door {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
}

.vp-art-talk-door p {
  margin: 0;
  flex: 1 1 220px;
  font-size: 14px;
  color: var(--body-color);
}

.vp-art-talk-ask {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  color: var(--body-color);
}

.vp-art-talk-write textarea {
  width: 100%;
  padding: 12px 14px;
  border: 0;
  border-radius: 14px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(16, 17, 17, 0.1);
  font-family: 'Vazirmatn', var(--body-font);
  font-size: 14px;
  line-height: 1.9;
  color: var(--title-color);
  resize: vertical;
}

.vp-art-talk-write textarea:focus {
  outline: none;
  box-shadow: inset 0 0 0 1.5px rgba(218, 178, 38, 0.75);
}

.vp-art-talk-door .vp-filter-apply {
  flex: none;
  width: auto;
  padding-inline: 28px;
}

@media (max-width: 575.98px) {
  .vp-art-talk-door {
    flex-direction: column;
    align-items: stretch;
  }

  .vp-art-talk-door p {
    flex: 0 0 auto;
  }

  .vp-art-talk-door .vp-filter-apply {
    flex: none;
    width: 100%;
  }
}

@media (max-width: 991.98px) {
  .vp-art-quote {
    padding: 22px 20px 18px;
  }

  .vp-art-quote blockquote {
    font-size: 15px;
  }

  .vp-art-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

.vp-art-share {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(16, 17, 17, 0.1);
}

.vp-art-share-label {
  margin-inline-end: 4px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14px;
  color: var(--title-color);
}

.vp-art-share-go {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(16, 17, 17, 0.045);
  transition: background-color 0.2s ease;
}

.vp-art-share-go:hover {
  background: rgba(218, 178, 38, 0.22);
}

.vp-art-pager {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  max-width: 820px;
  margin: 32px auto 0;
  padding-top: 24px;
  border-top: 1px solid rgba(16, 17, 17, 0.1);
}

.vp-art-pager-go {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 46%;
  color: var(--title-color);
}

.vp-art-pager-go.is-next {
  text-align: end;
}

.vp-art-pager-go i {
  flex: none;
  font-size: 13px;
  transition: transform 0.25s ease;
}

.vp-art-pager-go:hover {
  color: var(--vp-gold-ink);
}

.vp-art-pager-go:hover i {
  transform: translateX(4px);
}

.vp-art-pager-go.is-next:hover i {
  transform: translateX(-4px);
}

.vp-art-pager-go b {
  display: block;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 13px;
}

.vp-art-pager-go em {
  display: block;
  overflow: hidden;
  font-size: 12.5px;
  font-style: normal;
  line-height: 1.8;
  color: var(--body-color);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vp-art-more {
  max-width: 820px;
  margin: 44px auto 0;
}

.vp-art-more .vp-home-arts-title {
  margin-bottom: 20px;
}

.vp-art-more .vp-home-arts-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

@media (max-width: 991.98px) {

  .vp-art-doc,
  .vp-art-pager,
  .vp-art-talk,
  .vp-art-more {
    padding-inline: 16px;
  }

  .vp-art-doc-title {
    font-size: 24px;
  }

  .vp-art-doc-shot {
    border-radius: 14px;
  }

  .vp-art-doc-lead {
    font-size: 15px;
  }

  .vp-art-more .vp-home-arts-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 575.98px) {
  .vp-art-pager {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .vp-art-pager-go {
    max-width: none;
  }

  .vp-art-pager-go.is-next {
    justify-content: flex-end;
  }
}

.vp-art-text {
  font-size: 15px;
  line-height: 1.95;
  color: var(--body-color);
  overflow-wrap: anywhere;
}

.vp-art-text p {
  margin: 0 0 14px;
}

.vp-art-text p:last-child {
  margin-bottom: 0;
}

.vp-art-more-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.vp-art-more-list a {
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--title-color);
}

.vp-art-more-list a:hover {
  color: var(--vp-gold-ink);
}

@media (max-width: 991.98px) {

  .vp-art-title {
    font-size: 15px;
  }

  .vp-art-doc-shot {
    border-radius: 12px;
  }
}

.vp-home-reviews-head {
  margin-bottom: 20px;
}

.vp-home-reviews-title {
  margin: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 21.6px;
  line-height: 1.4;
  color: #101111;
}

.vp-home-reviews-row {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;

  padding: 4px 4px 12px;
  margin: -4px -4px -12px;
  scrollbar-width: none;

  contain: paint;
}

.vp-home-reviews-row::-webkit-scrollbar {
  display: none;
}

.vp-review {
  flex: 0 0 clamp(260px, 32%, 380px);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  padding: 22px;
  border-radius: 24px;
  background: #FFFFFF;
  box-shadow: 0 10px 30px -22px rgba(16, 17, 17, 0.55);
}

.vp-review-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.vp-review-quote {
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 44px;
  line-height: 0;
  transform: translateY(14px);
  color: rgba(16, 17, 17, 0.16);
}

.vp-home-reviews .vp-stars {
  font-size: 15px;
}

.vp-review-said {
  margin: 0 0 20px;
  font-size: 14.5px;
  line-height: 2;
  color: var(--body-color);

  white-space: pre-line;
  overflow-wrap: anywhere;
}

.vp-review-who {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
}

.vp-review-mark {
  flex: none;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(218, 178, 38, 0.16);
  color: var(--vp-gold-fill-ink);
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 18px;
  line-height: 1;
}

.vp-review-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 15px;
  color: var(--title-color);
}

.vp-review-bought {
  overflow: hidden;
  font-family: 'Vazirmatn', var(--body-font);
  font-weight: 400;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--body-color);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vp-review-bought:hover {
  color: var(--vp-gold-ink);
}

@media (max-width: 991.98px) {
  .vp-home-reviews-title {
    font-size: 18px;
  }

  .vp-review {
    flex-basis: 84%;
    padding: 18px;
  }

  .vp-home-reviews-row {
    gap: 12px;
  }
}

.vp-home-arts-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}

.vp-home-arts-title {
  margin: 0;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 21.6px;
  line-height: 1.4;
  color: #101111;
}

.vp-home-arts-all {
  font-size: 13.5px;
  color: var(--vp-gold-ink);
}

.vp-home-arts-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.vp-home-art {
  display: flex;
  flex-direction: column;
  padding: 14px 14px 18px;
  border: 1px solid rgba(16, 17, 17, 0.1);
  border-radius: 24px;
  background: #FFFFFF;
}

.vp-home-art-shot {
  display: block;
  aspect-ratio: 16 / 9;
  margin-bottom: 16px;

  border-radius: 12px;
  background: rgba(16, 17, 17, 0.045);
  overflow: hidden;
}

.vp-home-art-shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.vp-home-art-shot:hover img {
  transform: scale(1.03);
}

.vp-home-art-when,
.vp-home-art-title,
.vp-arts-sum,
.vp-home-art-more {
  margin-inline: 4px;
}

.vp-home-art-when {
  margin: 0 4px 8px;
  font-size: 12.5px;
  color: var(--body-color);
  opacity: 0.75;
}

.vp-home-art-title {
  margin: 0 4px 14px;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 18px;
  line-height: 1.65;
}

.vp-home-art-title a {
  color: var(--title-color);
}

.vp-home-art-title a:hover {
  color: var(--vp-gold-ink);
}

.vp-home-art-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  font-family: 'Cairo', var(--title-font);
  font-weight: 630;
  font-size: 14px;
  color: var(--title-color);
}

.vp-home-art-more i {
  font-size: 12px;
  transition: transform 0.25s ease;
}

.vp-home-art-more:hover {
  color: var(--vp-gold-ink);
}

.vp-home-art-more:hover i {
  transform: translateX(-4px);
}

@media (max-width: 991.98px) {
  .vp-home-arts-title {
    font-size: 18px;
  }

  .vp-home-arts-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 13px;
  }

  .vp-home-art-title {
    font-size: 16px;
  }
}

:root {
  --vp-design: ok;
}