/*!
Theme Name: Shariki
Theme URI: pprintdim.com
Author: pprintdim.com
Author URI: pprintdim.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shariki
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/



/* Icons
   ========================================================================== */

@font-face {
   font-display: swap;
   font-family: 'Icons';
   src: url('assets/fonts/icons.woff2') format('woff2');
   font-weight: normal;
   font-style: normal;
   speak: none;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

*[class*="icon-"]:before {
   font-family: 'Icons';
   font-weight: normal;
   font-style: normal;
}

.icon-odnoklassniki:before { content: '\ea01'; } /* 'î¨' */
.icon-telegram:before { content: '\ea02'; } /* 'î¨‚' */
.icon-tiktok:before { content: '\ea03'; } /* 'î¨ƒ' */
.icon-vk:before { content: '\ea04'; } /* 'î¨„' */
.icon-whatsapp:before { content: '\ea05'; } /* 'î¨…' */
.icon-viber:before { content: '\ea06'; } /* 'î¨†' */
.icon-youtube:before { content: '\ea07'; } /* 'î¨‡' */
.icon-angle-down:before { content: '\ea08'; } /* 'î¨ˆ' */
.icon-angle-left:before { content: '\ea09'; } /* 'î¨‰' */
.icon-angle-right:before { content: '\ea0a'; } /* 'î¨Š' */
.icon-angle-up:before { content: '\ea0b'; } /* 'î¨‹' */
.icon-arrow-down:before { content: '\ea0c'; } /* 'î¨Œ' */
.icon-arrow-left:before { content: '\ea0d'; } /* 'î¨' */
.icon-arrow-right:before { content: '\ea0e'; } /* 'î¨Ž' */
.icon-arrow-up:before { content: '\ea0f'; } /* 'î¨' */
.icon-bars:before { content: '\ea10'; } /* 'î¨' */
.icon-bell-slash:before { content: '\ea11'; } /* 'î¨‘' */
.icon-bell:before { content: '\ea12'; } /* 'î¨’' */
.icon-calendar:before { content: '\ea13'; } /* 'î¨“' */
.icon-camera:before { content: '\ea14'; } /* 'î¨”' */
.icon-cart:before { content: '\ea15'; } /* 'î¨•' */
.icon-check-square:before { content: '\ea16'; } /* 'î¨–' */
.icon-check:before { content: '\ea17'; } /* 'î¨—' */
.icon-circle:before { content: '\ea18'; } /* 'î¨˜' */
.icon-clock:before { content: '\ea19'; } /* 'î¨™' */
.icon-comments:before { content: '\ea1a'; } /* 'î¨š' */
.icon-compare:before { content: '\ea1b'; } /* 'î¨›' */
.icon-content:before { content: '\ea1c'; } /* 'î¨œ' */
.icon-credit-card:before { content: '\ea1d'; } /* 'î¨' */
.icon-desktop:before { content: '\ea1e'; } /* 'î¨ž' */
.icon-dot-circle:before { content: '\ea1f'; } /* 'î¨Ÿ' */
.icon-ellipsis-h:before { content: '\ea20'; } /* 'î¨ ' */
.icon-ellipsis-v:before { content: '\ea21'; } /* 'î¨¡' */
.icon-envelope:before { content: '\ea22'; } /* 'î¨¢' */
.icon-exchange:before { content: '\ea23'; } /* 'î¨£' */
.icon-exclamation-triangle:before { content: '\ea24'; } /* 'î¨¤' */
.icon-exclamation:before { content: '\ea25'; } /* 'î¨¥' */
.icon-eye-slash:before { content: '\ea26'; } /* 'î¨¦' */
.icon-eye:before { content: '\ea27'; } /* 'î¨§' */
.icon-favorites-f:before { content: '\ea28'; } /* 'î¨¨' */
.icon-favorites-o:before { content: '\ea29'; } /* 'î¨©' */
.icon-favorites:before { content: '\ea2a'; } /* 'î¨ª' */
.icon-file-code-o:before { content: '\ea2b'; } /* 'î¨«' */
.icon-filter:before { content: '\ea2c'; } /* 'î¨¬' */
.icon-folder-open:before { content: '\ea2d'; } /* 'î¨­' */
.icon-home:before { content: '\ea2e'; } /* 'î¨®' */
.icon-info:before { content: '\ea2f'; } /* 'î¨¯' */
.icon-laptop:before { content: '\ea30'; } /* 'î¨°' */
.icon-life-bouy:before { content: '\ea31'; } /* 'î¨±' */
.icon-location-arrow:before { content: '\ea32'; } /* 'î¨²' */
.icon-long-arrow-down:before { content: '\ea33'; } /* 'î¨³' */
.icon-long-arrow-left:before { content: '\ea34'; } /* 'î¨´' */
.icon-long-arrow-right:before { content: '\ea35'; } /* 'î¨µ' */
.icon-long-arrow-up:before { content: '\ea36'; } /* 'î¨¶' */
.icon-map-marker:before { content: '\ea37'; } /* 'î¨·' */
.icon-minus-circle:before { content: '\ea38'; } /* 'î¨¸' */
.icon-minus:before { content: '\ea39'; } /* 'î¨¹' */
.icon-mobile:before { content: '\ea3a'; } /* 'î¨º' */
.icon-order:before { content: '\ea3b'; } /* 'î¨»' */
.icon-paper-plane:before { content: '\ea3c'; } /* 'î¨¼' */
.icon-pencil:before { content: '\ea3d'; } /* 'î¨½' */
.icon-phone:before { content: '\ea3e'; } /* 'î¨¾' */
.icon-photo:before { content: '\ea3f'; } /* 'î¨¿' */
.icon-plus-circle:before { content: '\ea40'; } /* 'î©€' */
.icon-plus:before { content: '\ea41'; } /* 'î©' */
.icon-preorder:before { content: '\ea42'; } /* 'î©‚' */
.icon-question-circle:before { content: '\ea43'; } /* 'î©ƒ' */
.icon-question:before { content: '\ea44'; } /* 'î©„' */
.icon-search-minus:before { content: '\ea45'; } /* 'î©…' */
.icon-search-plus:before { content: '\ea46'; } /* 'î©†' */
.icon-search:before { content: '\ea47'; } /* 'î©‡' */
.icon-share-alt:before { content: '\ea48'; } /* 'î©ˆ' */
.icon-shopping-cart:before { content: '\ea49'; } /* 'î©‰' */
.icon-sliders:before { content: '\ea4a'; } /* 'î©Š' */
.icon-sort-amount-asc:before { content: '\ea4b'; } /* 'î©‹' */
.icon-sort-amount-desc:before { content: '\ea4c'; } /* 'î©Œ' */
.icon-sort-asc:before { content: '\ea4d'; } /* 'î©' */
.icon-sort-desc:before { content: '\ea4e'; } /* 'î©Ž' */
.icon-sort-down:before { content: '\ea4f'; } /* 'î©' */
.icon-sort:before { content: '\ea50'; } /* 'î©' */
.icon-square-o:before { content: '\ea51'; } /* 'î©‘' */
.icon-square:before { content: '\ea52'; } /* 'î©’' */
.icon-star-o:before { content: '\ea53'; } /* 'î©“' */
.icon-times:before { content: '\ea54'; } /* 'î©”' */
.icon-tasks:before { content: '\ea55'; } /* 'î©•' */
.icon-star:before { content: '\ea56'; } /* 'î©–' */
.icon-toggle-off:before { content: '\ea57'; } /* 'î©—' */
.icon-toggle-on:before { content: '\ea58'; } /* 'î©˜' */
.icon-trash:before { content: '\ea59'; } /* 'î©™' */
.icon-user:before { content: '\ea5a'; } /* 'î©š' */


/* Fonts
   ========================================================================== */

@font-face {
   font-display: swap;
   font-family: 'Golos Text VF';
   src: url('assets/fonts/GolosTextVF.woff2') format('woff2');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-display: swap;
   font-family: 'PT Root UI';
   src: url('assets/fonts/PTRootUI-Bold.woff2') format('woff2');
   font-weight: bold;
   font-style: normal;
}

@font-face {
  font-display: swap; 
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: normal;
  src: url('assets/fonts/istok-web-v26-latin-regular.woff2') format('woff2');
}


@font-face {
  font-display: swap;
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/istok-web-v26-latin-700.woff2') format('woff2');
}

/* Main
   ========================================================================== */
html {
   font-size: 16px;
   font-family: 'Istok Web', sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: normal;
   scroll-behavior: smooth;
   color: #333333;
}

body {
   max-width: 1440px;
   margin: 0 auto;
   background: #ffffff;
}

body, * {
   font-family: inherit;
   font-size: inherit;
   font-style: normal;
   color: #333333;
}
img,
svg {
   display: block;
   max-width: 100%;
}
:before,
:after {
   display: block;
   background-repeat: no-repeat;
}

:before,
:after,
* {
   box-sizing: border-box;
}
input[type="submit"],
button {
   display: flex;
   background: unset;
   border: unset;
   outline: unset;
}

button {
   padding: 0;
   margin: 0;
}

input[type="email"],
input[type="text"],
input[type="num"],
input[type="tel"] {
   display: flex;
   align-items: center;
   padding: 0 12px;
   height: 40px;
   line-height: 1.3;
   border: unset;
   outline: unset;

}

input:placeholder,
textarea:placeholder {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
   color: #BFBFBF;
}

ul,ol {
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
}

li,p {
   display: inline-block;
}
p {
   margin: 0;
}
p + * {
   margin-top: 18px;
}
h1,h2,h3,h4 {
   font-family: 'PT Root UI', sans-serif;
   display: block;
   font-weight: bold;
   margin: 0;
}

h1,
h2 {
   font-size: 42px;
}

img {
   display: block;
   width: auto;
   height: auto;
}

a {
   text-decoration: unset;
}
a:hover {
   color: rgb(241, 196, 15);
}
.menu li.active > a,
.menu li:hover > a {
   color: rgb(241, 196, 15);
}


section + section {
   margin-top: 80px;
}

#wpadminbar .quicklinks ul {
   flex-direction: row;
}
#wpadminbar + #top-nav {
   top: 32px;
}

body.popup-open {
   overflow: hidden;
   position: relative;
}

body.popup-open::after {
   content: '';
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0;
   top:0;
   z-index: 1111;
   background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
   html {
      font-size: 14px;
   }
   h1,
   h2 {
      font-size: 36px;
   }

   section + section {
      margin-top: 60px;
   }
}

@media (max-width: 520px) {

   h1,
   h2 {
      font-size: 32px;
   }
   input[type="email"], 
   input[type="text"], 
   input[type="num"], 
   input[type="tel"] {
      font-size: .9em;
   }

   section + section {
      margin-top: 40px;
   }
}

/* Pagination
   ========================================================================== */
.pagination {
   margin-top: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0 6px
}
.pagination .page-numbers {
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   border-radius: 50%;
   line-height: 1.1;
}

.pagination .page-numbers * {
   font-size: inherit;
   line-height: inherit;
   color: inherit;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
   background: #F19115;
   color: #ffffff;
}
@media (max-width: 580px) {
   .pagination .page-numbers {
      font-size: 16px;
      width: 28px;
      height: 28px;
   }
}

/* Woo classes
   ========================================================================== */
.woocommerce-notices-wrapper {
   display: none!important;
}

/* Swiper classes
   ========================================================================== */
.swiper-slide {
   height: auto;
}
.swiper-wrapper {
   flex-direction: row;
}
.swiper {
   padding-bottom: 40px;
   overflow: hidden;
}

.swiper-nav {
   display: flex;
   margin-left: auto;
   gap: 0 20px;
   align-items: center;
}

.swiper-nav__prev-btn,
.swiper-nav__next-btn {
   padding: 0 20px;
   height: 36px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #F19115;
   border-radius: 30px;
}

.swiper-nav__prev-btn .icon,
.swiper-nav__next-btn .icon {
   font-size: 1.1em;
   color: #ffffff;
}


.swiper-button-disabled {
   opacity: .6;
   cursor: not-allowed;
}

.swiper-pagination-bullet {
   width: 9px;
   height: 9px;
   border-radius: 999px;
   background: #d7d7d7;
   opacity: 1;
   transition: transform .2s ease, background-color .2s ease;
}

.swiper-pagination-bullet-active {
   background: #F19115;
   transform: scale(1.1);
}

/* All classes
   ========================================================================== */
.container {
   padding: 0 40px;
   max-width: 100%;
   margin: 0 auto;
}
.top-up-arrow {
   position: fixed;
   z-index: 111;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 45px;
   height: 45px;
   border-radius: 50%;
   bottom: 30px;
   right: 30px;
   background: #F19115;
   cursor: pointer;
   visibility: hidden;
   opacity: 0;
   transition: opacity .3s ease, visibility .3s ease
}
.top-up-arrow.visible {
   opacity: 1;
   visibility: visible;
}
.top-up-arrow .icon {
   font-size: 24px;
   color: #ffffff;
}
.sticker-discount {
   position: absolute;
   left: 12px;
   top: 12px;
   z-index: 1;
   background-color: #e44542;
   color: #ffffff;
   text-align: center;
   height: 25px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 13px;
   line-height: 1;
   padding: 0 5px;
   width: max-content;
   border-radius: 15px;
}
.main-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 40px;
   padding: 0 20px;
   max-width: 220px;
   border-radius: 30px;
   width: 100%;
   text-align: center;
   font-size: 1em;
   line-height: 1.1;
   border: 1px solid transparent;
   font-weight: 500;
}
.main-btn.yellow {
   background-color: #F19115;
   border-color: #F19115;
   color: #ffffff;
}
.main-btn__icon {
   font-size: 18px;
   color: #ffffff;
}
.main-btn__text {
   color: inherit;
   font-size: inherit;
   line-height: inherit;
}
.main-btn.has-icon {
   gap: 0 7px;
}

.main-btn.only-border {
   background: transparent;
}

.main-btn.yellow.only-border {
   color: #F19115;
}

.main-btn.only-border.white {
   color: #ffffff;
}

.heading-title {
   text-align: center;
   display: block;
   margin-bottom: 45px;
}

.heading-titles .heading-title {
   margin-bottom: 0;
}

.heading-titles {
   margin-bottom: 35px;
   display: flex;
   flex-direction: column;
   gap: 12px 0;
   align-items: center;
}

.heading-subtitle {
   text-align: center;
   display: block;
   font-size: 1.1em;
   line-height: 1.2;
}

.breadcrumbs {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
   font-size: 1em;
   line-height: 1.1;
   color: #999999;
   margin-bottom: 50px;
}

.breadcrumbs > a {
   display: flex;
   align-items: center;
   font-size: inherit;
   color: inherit;
   line-height: inherit;
}

.breadcrumbs > a:after {
   content: '/';
   color: inherit;
   font-size: inherit;
   line-height: inherit;
   margin: 0 7px;
}

.form__input {
   border-bottom: 1px solid #D9D9D9!important;
   font-size: 1em;
   background: transparent;
   outline: unset;
   width: 100%;
}
.checkbox-group {
   display: flex;
   gap: 0 10px;
}
.checkbox-group__text {
   font-size: .9em;
   color: inherit;
   display: block;
}
.checkbox-group__text a {
   text-decoration: underline;
   color: #7BB2FF;
}
.checkbox-group__text * {
   display: inline;
   color: inherit;
   font-size: inherit;
   line-height: inherit;
}
.checkbox-group__input {
   margin: 0;
   accent-color: inherit;
   color: inherit;
   width: 20px;
   height: 20px;
   display: block;
   border: 1px solid #E3E3E3!important;
}

.checkbox-group__input:checked {
   accent-color: #083852;
}
@media (max-width: 1080px) {
   .container {
      padding: 0 28px;
   }
}
@media (max-width: 768px) {
   .container {
      padding: 0 20px;
   }
   .main-btn {
      padding: 0 15px;
   }

   .breadcrumbs {
      margin-bottom: 24px;
   }

   .sticker-discount {
      left: 6px;
      top: 6px;
   }
}

@media (max-width:580px) {
   .container {
      padding: 0 15px;
   }
}
/* Search Form
   ========================================================================== */
.search-wrapper {
   width: 100%;
   max-width: 600px;
   
}

.search-form__input {
   padding: 0 12px;
   font-size: 16px;
   height: 45px;
   display: flex;
   align-items: center;
   font-size: 1em;
   outline: unset;
   border: unset;
   width: 100%;
   background: transparent;
}

/* Top nav
   ========================================================================== */
.top-nav {
   position: absolute;
   top: 0;
   z-index: 11111;
   width: 100%;
}
.top-nav__langbar {
   display: flex;
   align-items: center;
   gap: 0 6px;
}
.top-nav .langbar__item {
   color: #999999;
}

.top-nav .langbar__item:not(.active):hover,
.top-nav .langbar__item.active {
   color: #F19115;
}
.top-nav .langbar__item.active {
   cursor: default;
}
.top-nav__main-block {
   display: grid;
   grid-template-columns: max-content 1fr;
   grid-gap: 0 20px;
   align-items: center;
   min-height: 40px;
}
.top-nav__schedule-text {
   font-size: .9em;
   line-height: 1.1;
   color: #999999;
}
.top-nav__menu {
   gap: 0 15px;
   align-items: center;
   flex-direction: row;
}

.top-nav__right-column {
   width: 100%;
   display: flex;
   justify-content: flex-end;
   gap: 0 24px;
   align-items: center;
   width: 100%;
}

.top-nav__phones {
   display: flex;
   gap: 0 12px;
   align-items: center;
}

.top-nav__phones a {
   font-size: 1em;
}


.top-nav__phones a:last-child {
   order: 2;
}

.top-nav__phones:after {
   content: '|';
   font-size: inherit;
   line-height: inherit;
   color: inherit;
   font-weight: inherit;
}

@media (max-width: 1080px) {
   .top-nav__phones > a {
      font-size: 0;
   }

   .top-nav__phones > a:after {
      content: '\ea3e';
      font-size: 24px;
      font-family: 'Icons';
      color: inherit;
      font-weight: inherit;
      line-height: inherit;

   }
}
@media (max-width: 768px) {
   .top-nav {
      display: none;
   }
}
/* Burger menu
   ========================================================================== */
.mob-menu-wrapper {
   display: none;
   background: #ffffff;
   flex-direction: column;
}

.mob-menu-wrapper__menu-wrapper {
   padding-top: 20px;
   display: flex;
   flex-direction: column;
   gap: 12px 0;
}
.mob-menu-wrapper__menu-title {
   font-size: 1.2em;
   color: #313131;
}

.mob-menu-wrapper__search-wrapper {
   width: 100%;
   max-width: 100%;
   background-color: #f7f7f7;
   padding-top: 12px;
   padding-bottom: 12px;
}

.mob-menu-wrapper__search-form {
   width: 100%;
   max-width: 100%;
   background-color: #ededed;
}

.mob-menu-wrapper__main-block {
   display: flex;
   flex-direction: column;
}

.mob-menu-wrapper__main-block > * {
   padding-left: 20px;
   padding-right: 20px;
}

.mob-menu-wrapper__top-block {
   padding-top: 12px;
   padding-bottom: 12px;
   background-color: #ededed;
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
}
.mob-menu-wrapper__close-btn {
   width: 24px;
   height: 24px;
   display: flex;
   font-size: 24px;
}
.mob-menu-wrapper__langbar {
   display: flex;
   align-items: center;
   gap: 0 6px;
   justify-content: flex-end;
}
.mob-menu-wrapper .langbar__item {
   line-height: 1;
   font-size: 1em;
}
.mob-menu-wrapper .langbar__item span {
   color: #E3E3E3;
}
.mob-menu-wrapper .langbar__item a {
   color: #313131;
}

.mob-menu-wrapper .langbar__item > * {
   font-size: inherit;
   color: inherit;
   line-height: inherit;
}

.mob-menu-wrapper__menu {
   gap: 24px 0;
}
.mob-menu-wrapper__menu .menu-item {
   display: block;
}
.mob-menu-wrapper__menu > .menu-item > a {
   font-size: 1.1em;
   font-weight: 500;
}

.mob-menu-wrapper__menu .menu-item-has-children {
   position: relative;
}
.mob-menu-wrapper__menu .menu-item-has-children > a {
   padding-right: 24px;
   max-width: calc(100% - 24px);
}
.mob-menu-wrapper__menu .sub-menu {
   overflow: hidden;
   visibility: hidden;
   max-height: 0;
   transition: max-height 0.3s ease;
}

.mob-menu-wrapper__menu .menu-item-has-children.open > .sub-menu {
   margin-top: 12px;
   visibility: visible;
   max-height: 600px;
}
.mob-menu-wrapper__menu .sub-menu .menu-item > a {
   font-size: .9em;
   opacity: .7;
}
.mob-menu-wrapper__menu .sub-menu-toggle {
   position: absolute;
   right: 0;
   top: 0;
   width: 24px;
   height: 24px;
   font-size: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.mob-menu-wrapper__menu .menu-item-has-children.open > .sub-menu-toggle {
   transform: rotate(180deg);
}
.mob-menu-wrapper__bottom-block {
   margin-top: 50px;
   display: flex;
   flex-direction: column;
   gap: 24px 0;
}
.mob-menu-wrapper__phones,
.mob-menu-wrapper__footer-menu {
   gap: 12px 0;
   display: flex;
   flex-direction: column;
}
.mob-menu-wrapper__footer-menu a,
.mob-menu-wrapper__phones a {
   font-size: 1.2em;
   font-weight: 600;
}
.mob-menu-wrapper__schedule-text {
   font-size: 1em;
   line-height: 1.1;
   display: block;
   color: #999999;
   margin-bottom: 12px;
}

@media (max-width: 768px) {
   body.menu-open {
      opacity: hidden;
   }
   body.menu-open:after {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .5);
      z-index: 11110;
   }
   .mob-menu-wrapper {
      display: block;
      overflow-x: hidden;
      overflow-y: auto;
      visibility: hidden;
      position: fixed;
      top: 0;
      left: -520px;
      width: 100%;
      height: 100%;
      z-index: -11111;
      transition: left .5s ease;
   }

   .mob-menu-wrapper.active {
      left: 0;
      visibility: visible;
      z-index: 11111;
   }
}
/* Footer
   ========================================================================== */
.footer {
   margin-top: 60px;
   border-top: 1px solid #ededed;
   border-bottom: 1px solid #ededed;
}
.footer__logo {
   max-width: 80px;
}


.footer__main-block {
   padding: 20px 0;
   display: grid;
   align-items: center;
   grid-gap:0 15px;
   grid-template-columns: max-content auto 1fr;
}

.footer__main-column {
   display: flex;
   align-items: center;
   gap: 12px;
   width: 100%;
   justify-content: flex-end;
}

.footer__menu,
.footer__soc-list,
.footer__phones {
   gap: 12px;
   align-items: center;
   flex-direction: row;
}

.footer__menu, .footer__phones {
   flex-wrap: wrap;
}
.footer__phones a,
.footer__menu a {
   font-size: .9em;
   line-height: 1.1;
   color: #999999;
}

.footer__menu > li {
   flex: 0 0 auto;
}

.footer__soc-list a,
.footer__phones a {
   display: block;
}

.footer__phones a {
   font-weight: 600;
}

.footer__soc-list img {
   width: 40px;
   height: 40px;
}

.footer__phones a {
   display: block;
   color: #353232;
   font-size: 1.1em;
}
.subfooter__main-block {
   padding-bottom: 20px;
   padding-top: 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.subfooter__powered {
   display: block;
   font-size: .9em;
   color: #353232;
}
.subfooter__cards {
   flex-direction: row;
   align-items: center;
   gap: 0 12px;
}

.subfooter__cards img {
   height: 30px;
   width: auto;
}

@media (max-width: 1080px) {
   .footer__menu,
   .footer__phones {
      flex-direction: column;
   } 
   .footer__soc-list {
      gap: 6px;
   }
   .footer__menu {
      flex: 0 0 auto;
      gap: 6px 0;
   }
   .footer__main-block {
      display: flex;
      justify-content: space-between;
   }
   .footer__main-column {
      justify-content: flex-end;
   }

   .footer__soc-list img {
      width: 30px;
      height: 30px;
   }
}

@media (max-width: 768px) {
   .footer__main-block {
      flex-direction: column;
      align-items: center;
      gap: 24px 0;
   }
   .footer__main-column {
      justify-content: center;
   }

   .footer__logo {
      max-width: 130px;
   }
}
@media (max-width: 520px) {
    .footer__main-column  {
       flex-direction: column;
       align-items: center;
    }

    .subfooter__main-block {
      display: block;
      padding-top: 12px;
      padding-bottom: 12px;
    }

    .subfooter__powered {
      text-align: center;
    }

    .subfooter__cards {
      display: none;
    }
    
}
/* Catalog
   ========================================================================== */

.catalog-sec .search-form {
   max-width: 360px;
   width: 100%;
   margin-bottom: 24px;
   padding-right: 0;
   background-color: transparent;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}
.catalog-sec .search-form .input {
   padding-right: 12px;
   border: 1px solid #ededed;
   border-top-left-radius: 24px;
   border-bottom-left-radius: 24px;
}
.catalog-sec .search-form__submit {
   width: 50px;
   height: 45px;
   border-radius: 0;
   padding-right: 20px;
}
.catalog-sec__title-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.catalog-sec__sort-wrapper {
   border-radius: 24px;
   border: 1px solid #ededed;
   position: relative;
   padding-right: 12px;
}
.catalog-sec__sort-select {
   min-height: 45px;
   border:unset;
   outline: unset;
   background-color: transparent;
   padding-left: 12px;
   color: #333333;
   cursor: pointer;
   font-size: 1em;
   min-width: 200px;
}

.catalog-sec .search-form__submit * {
   color: #ffffff;
}
.catalog-sec__page-title {
   margin-bottom: 35px;
}
.catalog-sec__columns {
   display: flex;
   gap: 0 45px;
}
.catalog-sec__categories-column {
   width: 340px;
}
.catalog-sec__categories-list {
   gap: 20px 0;
}
.catalog-sec .categories-list__cat-item a {
   display: block;
}

.catalog-sec .categories-list__cat-item > a {
   font-size: 1em;
   color: #333333;
}

.catalog-sec .categories-list__cat-item.current-menu-item > a {
   color: rgb(241, 196, 15);
}

.catalog-sec .categories-list .cat-item[has-child] {
   position: relative;
}
.catalog-sec .categories-list .cat-item[has-child] > a {
   width: calc(100% - 30px);
}
.catalog-sec .categories-list .cat-item[has-child] > button {
   position: absolute;
   right: 0;
   top: 2px;
   cursor: pointer;
   height: 24px;
   width: 24px;
   font-size: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.catalog-sec .categories-list .cat-item.has-image img {
   display: none;
}

.catalog-sec .categories-list .cat-item[has-child].open > button .icon {
   transform: scale(1,-1);
} 

.catalog-sec .cat-item__sub-menu {
   max-height: 0;
   visibility: hidden;
   display: grid;
   gap: 14px 0;
   grid-template-rows: 0fr;
   overflow: hidden;
   transition: grid-template-rows 0.3s ease;
}

.catalog-sec .cat-item:not(.open) > .sub-menu__cat-item {
   overflow: hidden;
}

.catalog-sec .cat-item.open > .cat-item__sub-menu {
   max-height: 600px;
   padding-top: 12px;
   padding-left: 20px;
   grid-template-rows: 1fr;
   visibility: visible;
}

.catalog-sec__products-wrapper {
   width: 100%;
}

@media (max-width: 768px) {
   .catalog-sec .categories-list > .cat-item[has-child] > button {
      top: 12px;
   }

   .catalog-sec .categories-list .cat-item[has-child] > button {
      font-size: 18px;
   }

   .catalog-sec .categories-list .sub-menu .cat-item[has-child] > button {
      display: none;
   }
   .catalog-sec .categories-list .sub-menu .sub-menu {
      display: none;
   }
   .catalog-sec__title-wrapper {
      display: block;
   }
   .catalog-sec__sort-wrapper {
      display: none;
   }
    .catalog-sec .categories-list > .cat-item {
      padding: 7px 0;
      border-bottom: 2px solid #ededed;
      border-top: 2px solid #ededed;
    }

    .catalog-sec .cat-item.open > .cat-item__sub-menu {
       padding-left: 46px;
    }

   .catalog-sec .categories-list > .cat-item:not(.has-image) {
      display: none;
   }  

   .catalog-sec .categories-list > .cat-item.has-image img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
      aspect-ratio: 1/1;
      border-radius: 6px;
   } 

   .catalog-sec .categories-list > .cat-item.has-image > a {
      display: grid;
      gap: 0 12px;
      align-items: center;
      grid-template-columns: 35px 1fr;
      font-size: 1em;
      line-height: 1.1;
      font-weight: 600;
   }
   .catalog-sec__categories-list {
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap: 12px 20px;
   }
   .catalog-sec__categories-column {
      width: 100%;
   }
   .catalog-sec__columns {
      gap: 35px 0;
      flex-direction: column;
   }

   .catalog-sec .cat-item__sub-menu {
      gap: 8px 0;
   }
}

@media (max-width:580px) {
   .catalog-sec__categories-list {
      grid-template-columns: 1fr;
      gap: 12px 0;
   }
}

/* Products sections
   ========================================================================== */
.products-wrapper .products {
   display: grid;
   grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
   gap: 30px;
}


.products-wrapper .products__item {
   position: relative;
   display: flex;
   flex-direction: column;
   height: 100%;
}

.products-wrapper .products .item__bottom-wrapper {
   margin-top: auto;
   display: flex;
   flex-direction: column;
   gap: 10px 0;
}
.products-wrapper .products .item__img {
   aspect-ratio: 1/1;
   width: 100%;
   object-fit: cover;
}
.products-wrapper .products .item__thumb {
   overflow: hidden;
   display: block;
}
.products-wrapper .products .item__name {
   margin-top: 12px;
   margin-bottom: 10px;
   display: block;
   font-size: 1em;
   font-weight: 400;
   font-family: 'Istok Web', sans-serif;
}
.products-wrapper .products .item__sku {
   display: block;
}
.products-wrapper .products .item__price-block {
   display: flex;
   flex-direction: column;
   gap: 10px 0;
   line-height: 1.2;
}
.products-wrapper .products .item__price-block > * {
   display: block;
}

.products-wrapper .products .item__price-old {
   text-decoration: line-through;
   font-size: .9em;
   color: #999999;
}

.products-wrapper .products .item__price,
.products-wrapper .products .item__price-new {
   font-size: 20px;
   font-weight: 600;
   text-decoration: unset;
   line-height: 1.2;
}

.products-wrapper .products .item__btn {
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.3s ease;
}
.products-wrapper .products .item:hover .item__btn {
   opacity: 1;
   visibility: visible;
}

.products-wrapper .products .item .wc-forward {
   display: none;
}

@media (max-width: 768px) {

   
   .products-wrapper .products .item__bottom-wrapper {
      gap: 8px 0;
   }

   .products-wrapper .products .item__price,
   .products-wrapper .products .item__price-new,
   .products-wrapper .product-card__product-price {
      font-size: 18px;
   }

   .products-wrapper .products {
      gap: 40px 20px;
      grid-template-columns: repeat(3,1fr);
   }

   .products-wrapper .products .item__btn {
      opacity: 1;
      margin-top: auto;
      visibility: visible;
   }

   .products-wrapper .products .item__name {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      max-height: 63px;
      -webkit-box-orient: vertical;
      overflow: hidden;
   }
}
@media (max-width: 580px) {
   .products-wrapper .products {
      gap: 30px 20px;
      grid-template-columns: repeat(2,1fr);
   }

   .products-wrapper .products .item__price-block {
      flex-direction: column;
      gap: 5px 0;
      align-items: flex-start;
      min-height: 0;
   }
}
/* Mini toast cart
   ========================================================================== */
.cart-popup-toast {
   position: fixed;
   overflow: hidden;
   visibility: hidden;
   max-width: 620px;
   width: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   background-color: #ffffff;
}

body.popup-open .cart-popup-toast {
   visibility: visible;
   z-index: 111111;
}

.cart-popup-toast__main-block {
   width: 100%;
}
.cart-popup-toast__main-block > * {
   padding: 24px;
}

.cart-popup-toast__top-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0 20px;
   background-color: #f7f7f7;
}

.cart-popup-toast__close-btn {
   width: 24px;
   height: 24px;
   display: flex;
   align-items: center;
}
.cart-popup-toast__title {
   font-size: 24px;
   line-height: 1.1;
}
.cart-popup-toast__close-btn .icon {
   font-size: 18px;
}

.cart-popup-toast__info-block {
   display: grid;
   gap: 0 20px;
   grid-template-columns: 160px 1fr;
}
.cart-popup-toast .info-block__content {
   display: flex;
   flex-direction: column;
   gap: 8px 0;
}
.cart-popup-toast .info-block__thumb {
   overflow: hidden;
   display: block;
}

.cart-popup-toast .info-block__thumb img {
   aspect-ratio: 1/1;
}

.cart-popup-toast .info-block__name {
   font-size: 24px;
   line-height: 1.2;
}
.cart-popup-toast__btn-block {
   display: grid;
   gap: 0 15px;
   grid-template-columns: 1fr max-content;
   grid-column: 1 / 3;
   margin-top: 20px;
}

.cart-popup-toast__btn-block > * {
   max-width: 100%;
   width: 100%;
}
@media (max-width: 768px) {
   .cart-popup-toast {
      max-width: calc(100% - 40px);
   }

   .cart-popup-toast .info-block__name {
      font-size: 20px;
   }

   .cart-popup-toast__info-block {
      gap: 0 16px;
      grid-template-columns: 100px 1fr;
   }
}
@media (max-width: 580px) {
   .cart-popup-toast__top-wrapper {
      gap: 0 12px;
   }

   .cart-popup-toast__main-block > * {
      padding: 12px;
   }

   .cart-popup-toast__btn-block {
      grid-template-columns: 1fr;
      gap: 12px 0;
   }
}
/* Gallery section
   ========================================================================== */
.gallery-sec {
   padding-top: 0;
}
.gallery-sec__list {
   display: grid;
   grid-gap: 30px;
   grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}
.gallery-sec .list__item {
   display: block;
}

.gallery-sec .list__item {
   width: 100%;
}

.gallery-sec .list .item__img {
   aspect-ratio: 1/1;
   object-fit: cover;
   width: 100%;
}

.gallery-sec__inst {
   padding: 20px;
   font-size: 24px;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 20px;
   background-color: #f7f7f7;
}

@media (max-width:768px) {
   .gallery-sec__list {
      gap: 20px;
      grid-template-columns: repeat(2,1fr);
   }
}

/* Main nav
   ========================================================================== */
.main-nav {
   position: relative;
   margin-top: 40px;
}
.main-nav__main-block {
   display: flex;
   align-items: center;
   gap: 0 60px;
   padding: 10px 0;
}
.main-nav__logo {
   max-width: 100px;
}

.main-nav__logo-img {
   width: 100%;
   max-width: 100px;
}

.main-nav__cart-btn {
   margin-left: auto;
   display: flex;
   align-items: center;
   position: relative;
}

.main-nav__cart-btn .icon {
   font-size: 30px;
}


.main-nav .cart-btn__count {
   position: absolute;
   left: 22px;
   top: -5px;
   width: 1.125rem;
   height: 1.125rem;
   line-height: 1.1;
   font-size: 0.75rem;
   color: #ffffff;
   font-weight: 700;
   text-align: center;
   border-radius: 50%;
   position: absolute;
   background-color: #000000;
   display: flex;
   align-items: center;
   justify-content: center;
}

.main-nav .cart-btn__total {
   font-size: 1.1em;
   font-weight: 600;
   display: block;
   margin-left: 10px;
   flex: 0 0 auto;
}
.main-nav__phones,
.main-nav__burger-btn {
   display: none;
}

@media (max-width: 768px) {
   .main-nav {
      margin-top: 0;
   }
   .main-nav__search-wrapper {display: none;}
   .main-nav__phones,
   .main-nav__burger-btn {display: flex;}
   .main-nav__burger-btn {
      font-size: 24px;
   }
   .main-nav .cart-btn__total {
      display: none;
   }
   .main-nav__phones {
      justify-content: center;
      align-items: center;
      gap: 0 20px;
   }

   .main-nav__logo-img {
      max-width: 60px;
   }
   .main-nav__main-block {
      justify-content: space-between;
   }
   .main-nav__cart-btn {
      margin-left: 0;
   }
}

/* Menu nav
   ========================================================================== */

.menu-nav__main-block {
   display: flex;
   align-items: center;
   justify-content: flex-start;
}


.menu-nav__menu {
   flex-direction: row;
   gap: 0 25px;
   justify-content: flex-start;
   flex: 1 1 0;
   min-width: 0;
}

.menu-nav__menu .sub-menu {
   gap: 12px 0;
   position: absolute;
   overflow: hidden;
   visibility: hidden;
   z-index: -1111;
   top: 59px;
   left: 0;
}
.menu-nav__menu > .menu-item {
   flex: 0 0 auto;
   display: block;
}
.menu-nav__menu > .menu-item > a {
   padding: 20px 0;
}

.menu-nav__menu .menu-item-has-children:hover > .sub-menu {
   visibility: visible;
   min-width: 200px;
   padding: 12px;
   background: #ffffff;
   border: 1px solid #ededed;
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
   z-index: 11111;
}
.menu-nav__menu .menu-item-has-children {
   position: relative;
   z-index: 2;
}

.menu-nav__menu .menu-item > a {
   display: flex;
   align-items: center;
}

.menu-nav__menu .menu-item-has-children > a:after {
   font-family: 'Icons';
   font-style: normal;
   content: '\ea08';
   font-size: inherit;
   color: inherit;
   line-height: inherit;
   margin-left: 8px;
}

.menu-nav__menu .menu-item-has-children:hover > a:after {
   transform: scale(1,-1);
}

@media (max-width: 768px) {
   .menu-nav {
      display: none;
   }
} 

/* Error Section
   ========================================================================== */
.error-sec__content ul {
   padding-left: 30px;
   gap: 8px 0;
}

.error-sec__content li {
   display: list-item;
   list-style-type: inherit;
}

.error-sec__btn {
   margin-top: 24px;
}

/* Search form
   ========================================================================== */

.search-form {
   border-radius: 24px;
   background-color: #f7f7f7;
   overflow: hidden;
   display: flex;
   align-items: center;
   padding-right: 12px;
}
.search-form__submit {
   width: 24px;
   height: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.search-form__submit span {
   font-size: 24px;
}

/* More group
   ========================================================================== */

.menu-nav__more-group {
   position: relative;
   padding: 20px 0;
   margin-left: 22px;
}

.menu-nav .more-group__btn {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.menu-nav .more-group__small-menu {
   visibility: hidden;
   z-index: -11111;
   position: absolute;
   top: 56px;
   right: 0;
   gap: 12px 0;
   min-width: 270px;
   padding-top: 20px;
   padding-bottom: 40px;
}


.menu-nav .more-group__small-menu .menu-item-has-children:hover > .sub-menu,
.menu-nav__more-group:hover > .small-menu {
   visibility: visible;
   z-index: 11111;
}

.menu-nav .more-group__small-menu .menu-item-has-children > a {
   display: flex;
   align-items: center;
}
.menu-nav .more-group__small-menu .menu-item-has-children > a::after {
   font-family: 'Icons';
   font-style: normal;
   content: '\ea08';
   font-size: inherit;
   color: inherit;
   line-height: inherit;
   margin-left: 8px;
   transform: rotate(270deg);
}

.menu-nav .more-group__small-menu .menu-item-has-children:hover > .sub-menu > *,
.menu-nav__more-group:hover > .small-menu > * {
   position: relative;
   z-index: 1;
}
.menu-nav .more-group__small-menu .menu-item-has-children:hover > .sub-menu:after,
.menu-nav__more-group:hover > .small-menu:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   background: #ffffff;
   border: 1px solid #ededed;
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

.menu-nav__more-group:hover > .small-menu:after {
   width: 100%;
   height: calc(100% - 20px);
}

.menu-nav .more-group__small-menu .menu-item-has-children:hover > .sub-menu:after {
   width: calc(100% - 15px);
   height: 100%;
}

.menu-nav .more-group__small-menu .menu-item-has-children {
   position: relative;
}

.menu-nav .more-group__small-menu .menu-item-has-children:hover > .sub-menu {
   min-width: 230px;
   padding: 20px 0;
   position: absolute;
   top: 0;
   right: 100%;
   padding-right: 15px;
}

.menu-nav__more-group .sub-menu {
   visibility: hidden;
   position: absolute;
   gap: 8px 0;
}

.menu-nav__more-group .menu-item > a {
   padding: 0 12px;
   display: block;
   font-size: .9em;
   line-height: 1.1;
}

.menu-nav__more-group .menu-item-has-children > a {
   justify-content: space-between;
}

@media (max-width: 768px) {
   .menu-nav__more-group {
      dispplay:none;
   }
}
/* Blog Sections
   ========================================================================== */
.latest-sec__heading-title {
   margin-bottom: 35px;
}
.latest-sec__swiper {
   padding-bottom: 20px;
}
.blog-sec__breadcrumbs {
   margin-top: 20px;
   margin-bottom: 20px;
}
.blog-sec__list {
   padding: 20px 0;
   border-top: 1px solid #ededed;
   border-bottom: 1px solid #ededed;
   display: grid;
   grid-gap: 30px;
   grid-template-columns: repeat(auto-fill,minmax(360px,1fr));
}

/* Blog Card
   ========================================================================== */
.blog-card {
   display: flex;
   flex-direction: column;
   gap: 18px 0;
}
.blog-card__img {
   aspect-ratio: 16/9;
   object-fit: cover;
   width: 100%;
   display: block;
}
.blog-card__header {
   display: flex;
   flex-direction: column;
   gap: 8px 0;
}

.blog-card__date {
   font-size: .9em;
   color: #313131;
}
.blog-card__name {
   font-size: 20px;
}

.blog-card__name * {
   font-size: inherit;
   line-height: inherit;
   color: inherit;
   font-weight: inherit;
}
.blog-card__thumb {
   width: 100%;
   overflow: hidden;
   display: block;
}
@media (max-width: 768px) {
   .blog-card {
      gap: 10px 0;
   }
   
   .blog-card__name {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      height: 55px;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 16px;
      line-height: 1.2;
   }
}

/* Product Card
   ========================================================================== */
.product-card {
   height: 100%;
   display: flex;
   flex-direction: column;
}
.product-card__bottom-wrapper {
   margin-top: auto;
   display: flex;
   flex-direction: column;
   gap: 16px 0;
}
.product-card .wc-forward {
   display: none;
}
.product-card__bottom-wrapper {
   display: flex;
   flex-direction: column;
   gap: 10px 0;
}



.product-card__sku {
   display: block;
   font-size: .85em;
   line-height: 1.2;
   color: #7f7f7f;
}

.product-card__product-price {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   gap: 6px 0;
   line-height: 1.2;
}

.product-card__product-price > * {
   display: block;
}
.product-card__img {
   display: block;
   width: 100%;
   aspect-ratio: 1/1;
   object-fit: cover;
}
.product-card__thumb {
   display: block;
   overflow: hidden;
}

.product-card__price-old {
   text-decoration: line-through;
   font-size: 1.1em;
   color: #999999;
}

.product-card__price-new,
.product-card__price {
   font-size: 20px;
   font-weight: 600;
   text-decoration: unset;
   line-height: 1.2;
}
.product-card__price-new *, 
.product-card__price * {
   font-size: inherit;
   line-height: inherit;
   font-weight: inherit;
   text-decoration: inherit;
}
.product-card__btn {
   opacity: 0;
   max-width: 100%;
   width: 100%;
   transition: opacity .3s ease-in-out;
}

.product-card:hover .btn {
   opacity: 1;
}

.product-card__name {
   margin-top: 20px;
   margin-bottom: 10px;
   color: #333333;
   font-size: 20px;
   line-height: 1.2;
   font-family: 'Golos Text VF', sans-serif;
   font-weight: 400;
}
.product-card__name * {
   font-weight: inherit;
   line-height: inherit;
   color: inherit;
   font-size: inherit
}

@media (max-width: 768px) {
   .product-card {
      height: 100%;
   }
   .product-card__btn {
      opacity: 1;
   }
   
   .product-card__name {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      height: 62px;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 18px;
   }

   .product-card__price-old {
      font-size: 1em;
   }
   .product-card__price-new,
   .product-card__price {
      font-size: 18px;
   }
}
@media (max-width:580px) {
   .product-card__name {
      margin-top: 10px;
   }
}
/* Featured / related / cross-sells / upsells
   ========================================================================== */
.single-cat-sec .product-card {
   padding: 10px;
   border: 1px solid #E3E3E3;
   border-radius: 10px;
} 

.single-cat-sec .swiper-wrapper {
   align-items: stretch;
}
.single-cat-sec .swiper-slide {
   display: flex;
}
.single-cat-sec .swiper-slide > * {
   flex: 1; 
}
.single-cat-sec .product-card__btn {
   opacity: 1;
   margin-top: auto;
}

.featured-tax__group-wrapper + .group-wrapper {
   margin-top: 35px;
}
.single-related-sec__title-wrapper,
.featured-tax__title-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   margin-bottom: 35px;
}

@media (max-width: 768px) {
   .single-related-sec .swiper-wrapper,
   .featured-tax__group-wrapper .swiper-wrapper {
      align-items: stretch;
   }
   .single-related-sec .swiper-slide,
   .featured-tax__group-wrapper .swiper-slide {
      height: auto;
      display: flex;
   }
   .single-related-sec .swiper-slide > *,
   .featured-tax__group-wrapper .swiper-slide > * {
      flex: 1; 
   }
   .single-related-sec__title-wrapper,
   .featured-tax__title-wrapper {
      display: block;
      margin-bottom: 24px;
   }
   .single-related-sec__swiper-nav,
   .featured-tax__swiper-nav {
      display: none;
   }

   .single-cat-sec .swiper-slide .product-card__name {
      font-size: 16px;
      height: 60px;
   }
}

 
/* Featured Categories
   ========================================================================== */
.fcats-sec {
   margin-top: 20px;
}
.fcats-sec__list {
   display: grid;
   gap: 20px 40px;
   grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
}
.fcats-sec .list__item {
   display: grid;
   align-items: flex-start;
   grid-gap: 0 20px;
   grid-template-columns: 80px 1fr;
}
.fcats-sec .list .item__wrapper {
   display: flex;
   flex-direction: column;

}
.fcats-sec .list .item__sub-list {
   margin-top: 16px;
   gap: 5px 0;
}


.fcats-sec .list .sub-list__item {
   font-size: .9em;
   color: #E3E3E3;
   opacity: .9;
}

.fcats-sec .list .item__name {
   font-size: 20px;
}
.fcats-sec .list .item__name * {
   font-size: inherit;
   color: inherit;
   line-height: inherit;
}
.fcats-sec .list .item__thumb {
   width: 100%;
   display: block;
   border-radius: 6px;
   overflow: hidden;
}
.fcats-sec .list .item__img {
   aspect-ratio: 1/1;
   object-fit: cover;
   
}

.fcats-sec .list .item__toggle-btn {
   display: none;
}

@media (max-width: 768px) {
   .fcats-sec__list {
      grid-template-columns: 100%;
      gap: 24px 0;
   }
   .fcats-sec .list__item {
      gap: 0 12px;
      padding: 6px 0;
      align-items: center;
      border-top: #E3E3E3 1px solid;
      border-bottom: #E3E3E3 1px solid;
      grid-template-columns: 40px 1fr;
   }

   .fcats-sec .list .item__name {
      font-weight: 500;
      font-size: 1.1em;
      display: flex;
      align-items: center;
      gap: 0 12px;
      width: 100%;
      justify-content: space-between;
   }
   .fcats-sec .list .item__toggle-btn {
      display: flex;
      font-size: 1em;
   }

   .fcats-sec .list__item {
      align-items: center;
   }
   .fcats-sec .list .item.open {
      align-items: flex-start;
   }
   .fcats-sec .list .item.open .toggle-btn {
      transform: rotate(180deg);
   }

   .fcats-sec .list .item__wrapper {
      position: relative;
   }

   .fcats-sec .list .item__sub-list {
      margin-top: 12px;
      position: absolute;
      visibility: hidden;
      max-height: 0;
      transition: max-height 0.3s ease;
   }

   .fcats-sec .list .item.open .sub-list {
      position: relative;
      visibility: visible;
      max-height: 600px;
   }
}
@media (max-width:580px) {
   .fcats-sec__list {
      gap: 12px 0;
   }
}

/* Delivery Section
   ========================================================================== */
.delivery-sec__main-block {
   max-width: 1080px;
   margin-left: auto;
   margin-right: auto;
}

.delivery-sec__list {
   display: flex;
   justify-content: space-between;
   gap: 0 30px;
}

.delivery-sec .list__item {
   width: 100%;
   max-width: 400px;
   display: flex;
   flex-direction: column;
   gap: 12px 0;
}

.delivery-sec .list .item__descr {
   font-size: 1em;
   line-height: 1.5;
   opacity: .6;
}
.delivery-sec .list .item__descr p,
.delivery-sec .list .item__descr li {
   font-size: inherit;
   color: inherit;
   line-height: inherit;
}
.delivery-sec .list .item__title {
   font-size: 24px;
   display: block;
   line-height: 1.1;
} 

@media (max-width: 768px) {
   .delivery-sec__list {
      flex-direction: column;
      gap: 30px 0;
   }

   .delivery-sec .list__item {
      max-width: 100%;
   }
   .delivery-sec .list .item__title,
   .delivery-sec .list .item__descr {
      text-align: center;
   }
}

/* Content section
   ========================================================================== */
.content-sec__img {
   max-width: 100%;
   width: 100%;
   height: auto;
   object-fit: cover;
   aspect-ratio: 16/9;
   border-radius: 10px;
}

.content-sec__content .container {
   padding: 0!important;
}

.content-sec__page-title {
   margin-top: 30px;
}
.content-sec * + h2,
.content-sec * + h3 {
   margin-top: 30px;
}
.content-sec h1 + *,
.content-sec h2 + *,
.content-sec h3 + * {
   margin-top: 12px;
}
.content-sec ul,
.content-sec ol {
   gap: 8px 0;
   padding-left: 30px;
}

.content-sec li,
.content-sec p {
   font-size: 1em;
}

.content-sec ul + *,
.content-sec ol + * {
   margin-top: 20px;
}
.content-sec li {
   display: list-item;
}

/* Product section
   ========================================================================== */
.product-sec__columns {
   display: grid;
   grid-gap: 0 30px;
   grid-template-columns: 55% 1fr;
}

.product-sec__name {
   font-size: 32px;
   line-height: 1.3;
}

.product-sec__variations {
   margin: 12px 0;
   flex-wrap: wrap;
   gap: 12px;
   flex-direction: row;
}
.product-sec .variations__item .btn {
   border: 1px solid transparent;
   color: #313131;
   font-weight: 500;
}

.product-sec .variations__item:hover .btn,
.product-sec .variations__item.current .btn {
   border-color: #F19115;
   color: #313131;
}
.product-sec__thumb-column {
   position: relative;
}
.product-sec__thumb {
   display: block;
   overflow: hidden;
   border-radius: 35px;
}

/* Product gallery */
.product-sec__gallery {
   position: relative;
}
.gallery__main-swiper {
   border-radius: 35px;
   overflow: hidden;
}
.gallery__main-swiper .gallery__slide-link {
   display: block;
}
.gallery__main-swiper img {
   aspect-ratio: 1/1;
   object-fit: cover;
   width: 100%;
}
.gallery__prev-btn,
.gallery__next-btn {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 2px 8px rgba(0,0,0,.15);
   cursor: pointer;
}
.gallery__prev-btn { left: 12px; }
.gallery__next-btn { right: 12px; }
.gallery__thumbs-swiper {
   margin-top: 12px;
}
.gallery__thumbs-swiper .swiper-slide {
   width: 72px;
   height: 72px;
   border-radius: 12px;
   overflow: hidden;
   cursor: pointer;
   opacity: .5;
   transition: opacity .2s;
   flex-shrink: 0;
}
.gallery__thumbs-swiper .swiper-slide-thumb-active {
   opacity: 1;
}
.gallery__thumbs-swiper img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
@media (max-width: 768px) {
   .gallery__main-swiper { border-radius: 24px; }
   .gallery__thumbs-swiper .swiper-slide { width: 56px; height: 56px; }
}

.product-sec__img {
   aspect-ratio: 1/1;
   object-fit: cover;
   width: 100%;
}

.product-sec__sku {
   color: #353232;
   font-size: 1.1em;
   font-weight: 500;
   display: block;
   color: #353232;
}
.product-sec__top-wrapper {
   display: flex;
   flex-direction: column;
   gap: 10px 0;
}
.product-sec__price-block {
   display: flex;
   align-items: center;
   gap: 0 6px
}


.product-sec__price-old {
   text-decoration: line-through;
   font-size: 1.1em;
   color: #999999;
} 
.product-sec__price-new,
.product-sec__price {
   font-size: 22px;
   font-weight: 600;
}

.product-sec__descr-title {
   font-size: 1.2em;
   margin-bottom: 12px;
}

.product-sec__descr {
   margin-top: 24px;
}

.product-sec__descr ul,
.product-sec__descr ol {
   padding-left: 20px;
   gap: 5px 0;
}

.product-sec__descr li {
   display: list-item;
}

@media (max-width: 1080px) {
   .product-sec__name {
      font-size: 28px;
   }
   .product-sec__columns {
      grid-template-columns: 360px 1fr;
   }

   .product-sec__cart-btn {
      max-width: 100%;
      width: 100%;
   }
}

@media (max-width: 768px) {

   .product-sec__thumb {
      border-radius: 24px;
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 0;
   }
   .product-sec__img {
      aspect-ratio: auto;
      border-radius: unset;
   }
   .product-sec__columns {
      gap: 24px 0;
      grid-template-columns: 100%;
   }

   .product-sec__price-new,
   .product-sec__price {
      font-size: 20px;
   }
}
@media (max-width: 580px) {
   .product-sec__name {
      font-size: 24px;
   }

   .product-sec__price-new,
   .product-sec__price {
      font-size: 18px;
   }
}
/* Schedule section
   ========================================================================== */
.schedule-sec {
   margin-top: 20px;
   margin-bottom: 80px;
}

.schedule-sec__title {
   text-align: center;
   font-size: 1.1em;
   margin-left: auto;
   margin-right: auto;

}

.schedule-sec__title > span {
   display: inline;
   text-align: center;
   background: rgb(241, 196, 15);
   padding: 3px;
}
.schedule-sec__title * {
   font-size: inherit;
   color: inherit;
   line-height: inherit;
}

.schedule-sec__soc-list {
   margin-top: 24px;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: 0 12px;
}

.schedule-sec__soc-list li {
   border-radius: 50%;
}

.schedule-sec__soc-list img {
   width: 40px;
}

@media (max-width: 768px) {
   .schedule-sec {
      margin-top:50px;
   }
}
@media (max-width: 580px) {
   .schedule-sec__title {
      font-size: 1em;
   }

   .schedule-sec {
      margin-top: 30px;
      margin-bottom: 50px;
   }

   .schedule-sec__soc-list {
      margin-top: 12px;
   }

   .schedule-sec__soc-list img {
      width: 30px;
   }
   
} 
@media (max-width: 430px) {
   .schedule-sec {
      margin-bottom: 30px;
   }
}
/* Cart Item
   ========================================================================== */
li.cart-item {
   display: grid;
   grid-template-columns: 120px 1fr;
   gap: 0 20px;
   align-items: center;
   position: relative;
}
.cart-item__remove {
   width: 24px;
   height: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   z-index: 11;
   right: 0;
   top: 0;
}
.cart-item__thumb {
   max-width: 150px;
   width: 100%;
}
.cart-item__thumb a,
.cart-item__thumb img {
   aspect-ratio: 1/1;
   object-fit: cover;
   width: 100%;
}


.cart-item__content {
   display: flex;
   width: 100%;
   flex-direction: column;
   height: 100%;
   justify-content: space-between;
   gap: 20px 0;
}
.cart-item__top {
   display: flex;
   flex-direction: column;
   gap: 12px 0;
}
.cart-item__title {
   font-size: 1.2em;
   padding-right: 24px;
}
.cart-item__price-new,
.cart-item__price {
   font-size: 1em;
}
.cart-item__bottom {
   display: flex;
   align-items: center;
   width: 100%;
   justify-content: space-between;
}

.cart-item__subtotal {
   font-size: 1.1em;
}

.qty-wrapper {
   display: grid;
   grid-template-columns: repeat(3,max-content);
   overflow: hidden;
   align-items: center;
   gap: 0 5px;
   border-radius: 20px;
   background-color: #F19115;
   width: max-content;
   padding: 2px 10px;
}

.qty-wrapper > * {
   color: #ffffff;
   font-size: 20px;
   line-height: 1.1;
}
.qty-wrapper__qty-minus,
.qty-wrapper__qty-plus {
   cursor: pointer;
}
.qty-wrapper__qty-minus span,
.qty-wrapper__qty-plus span {
   color: inherit;
   font-size: inherit;
   line-height: inherit;
   font-size: 18px;
}
.qty-wrapper input.qty {
    width: 100%;
    max-width: 100px;
    background: transparent;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    align-items: center;
    -moz-appearance: textfield; /* Firefox */
}

.qty-wrapper input.qty::-webkit-outer-spin-button,
.qty-wrapper input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none; /* Chrome, Safari, Edge */
    margin: 0;
}

@media (max-width:768px) {
   .cart-item__top {
      gap: 0;
   }
   .qty-wrapper input.qty {
      font-size: .9em;
   }
}

@media (max-width: 520px) {
   .woocommerce-cart-form {
      margin-top: 24px;
   }
   li.cart-item {
      align-items: flex-start;
      gap: 0 16px;
      grid-template-columns: 75px 1fr;
   }

   .qty-wrapper input.qty {
      max-width: 70px;
   }
}

/* Cart Section
   ========================================================================== */
.woocommerce-cart-form {
   display: grid;
   grid-template-columns: 1fr 250px;
   gap: 0 30px;
   margin-top: 35px;
}

.cart-right-column {
   width: 100%;
}

li.cart-total-item {
   gap: 12px 0;
   display: flex;
   flex-direction: column;
}

.checkout-button {
   width: 100%;
   max-width: 100%;
}

.cart-total-label {
   font-size: 20px;
   font-weight: 600;
}

ul.cart-totals-list,
ul.cart-list {
   padding-left: 0;
}
ul.cart-list {
   gap: 34px 0; 
}

@media (max-width: 1080px) {
   .woocommerce-cart-form {
      gap: 40px 0;
      grid-template-columns: 100%;
   }
   .cart-page .cart-right-block {
      padding: 20px;
      border-radius: 6px;
      background-color: #f7f7f7;
   }
   .cart-page .cart-totals-list li:not(.cart-total) {
      display: none;
   }
   .cart-page .cart-totals-list .cart-total > * {
      font-size: inherit;
      font-weight: inherit;
   }

   .cart-page .cart-totals-list .cart-total {
      font-size: 1.2em;
      font-weight: 600;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 0 20px;
   }
}

/* Qty Control — dynamic +/- on product cards and single product
   ========================================================================== */
.qty-control {
   display: inline-grid;
   grid-template-columns: repeat(3, max-content);
   align-items: center;
   gap: 0 6px;
   border-radius: 20px;
   background-color: #F19115;
   padding: 10px 14px;
   width: max-content;
}

.qty-control__btn {
   background: none;
   border: none;
   color: #fff;
   font-size: 22px;
   line-height: 1;
   cursor: pointer;
   padding: 0 2px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.qty-control__count {
   color: #fff;
   font-size: 18px;
   font-weight: 600;
   min-width: 20px;
   text-align: center;
}

/* Single product — qty + checkout side by side */
.product-sec__cart-actions {
   display: flex;
   align-items: center;
   gap: 12px;
}

.product-sec__checkout-btn {
   flex: 1;
   text-align: center;
}

@media (max-width: 768px) {
   .product-sec .qty-control {
      height: 40px;
      padding-top: 0;
      padding-bottom: 0;
      border: 1px solid #F19115;
   }
   .product-sec__cart-actions {
      display: grid;
      grid-template-columns: max-content 1fr;
   }
   .product-sec__checkout-btn {
      width: 100%;
      max-width: 100%;
   }
}

/* Success Page
   ========================================================================== */
.page-success {
   padding: 60px 0 80px;
}

.succeess-sec__main-block {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   gap: 16px 0;
   max-width: 560px;
   margin: 0 auto;
}

.success-sec__page-title {
   margin-bottom: 8px;
}

.success-sec__order-number,
.success-sec__order-date,
.success-sec__order-total {
   display: block;
   font-size: 1em;
   line-height: 1.4;
}

.success-sec__order-total {
   font-size: 1.2em;
   font-weight: 600;
   color: #F19115;
}

@media (max-width: 768px) {
   .page-success {
      padding: 40px 0 60px;
   }
}
