/*
Theme Name:   Shopper Shop
Theme URI: https://athemeart.com/downloads/shoper-wordpress-shop-theme-free/
Description:  Shopper Shop is a perfect theme for creating an online eCommerce website. The theme is compatible with the most wanted WordPress plugin that's WooCommerce. Here is full freedom to create an online store for fashion, cosmetics, jewelry, furniture, accessories, lifestyle, decoration, gadgets, books, home appliances, clothes, automobiles, groceries, and much more. Shopper shop is a child theme of Shoper theme, so you have options to choose multiple headers, footers, and blog templates for your website. Besides, you can use this child theme for blogging websites. Include all common blogging feature search as next- previous posts, author biography, comment. Moreover, Shopper Shop works with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. So if you are looking for an elegant store theme? Look no further! Browse the demo: https://athemeart.dev/demo/shoper/
Author:       aThemeArt
Author URL:   https://athemeart.com
Template:     shoper

License:      GNU General Public License v3
License URI:  https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain:  shopper-shop

Version:      1.2.2
Requires at least: 5.0
Tested up to: 7.0.2
Requires PHP: 7.0
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, sticky-post, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, blog, e-commerce


Shopper Shop WordPress Theme, Copyright 2020 aThemeArt
Shopper Shop is distributed under the terms of the GNU GPL

Shopper Shop is child theme of shoper WordPress Theme, Copyright 2020 aThemeArt

*/

/* Elementor homepage: let the hero start directly behind the overlay header. */
body.home.elementor-page #content {
    padding-top: 0 !important;
    padding-bottom: 0;
}

/* Czech contact page and native contact form. */
.shopper-contact-form-wrap {
  max-width: 760px;
  margin: 0 auto 64px;
}

.shopper-contact-form__intro {
  margin: 0 0 28px;
  color: #4f5963;
  font-size: 17px;
  line-height: 1.7;
}

.shopper-contact-form__field {
  margin-bottom: 18px;
}

.shopper-contact-form__field label {
  display: block;
  margin-bottom: 8px;
  color: #15191d;
  font-weight: 700;
}

.shopper-contact-form__field label span {
  color: #c92f2f;
}

.shopper-contact-form__field input,
.shopper-contact-form__field textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #9ca3aa;
  border-radius: 0;
  background: #fff;
  color: #15191d;
  font: inherit;
  padding: 14px 16px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.shopper-contact-form__field input:focus,
.shopper-contact-form__field textarea:focus {
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--secondary-color) 20%, transparent);
  outline: none;
}

.shopper-contact-form__field textarea {
  min-height: 180px;
  resize: vertical;
}

.shopper-contact-form__security {
  margin-top: 34px;
}

.shopper-contact-form__security h2 {
  margin: 0 0 18px;
  font-size: 28px;
}

.shopper-contact-form__challenge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  margin-bottom: 12px;
  padding: 12px 18px;
  border: 1px dashed var(--secondary-color);
  background: color-mix(in srgb, var(--secondary-color) 10%, #fff);
  color: #15191d;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.shopper-contact-form__field--captcha {
  max-width: 260px;
}

.shopper-contact-form__privacy {
  margin: 20px 0 24px;
  color: #4f5963;
  font-size: 14px;
  line-height: 1.6;
}

.shopper-contact-form__privacy a {
  color: var(--secondary-color);
  font-weight: 700;
  text-decoration: underline;
}

.shopper-contact-form__submit {
  min-width: 132px;
  border: 1px solid var(--secondary-color);
  border-radius: 0;
  background: var(--secondary-color);
  color: #fff;
  font-weight: 700;
  padding: 14px 26px;
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

.shopper-contact-form__submit:hover,
.shopper-contact-form__submit:focus {
  border-color: var(--primary-color);
  background: var(--primary-color);
  color: #fff;
}

.shopper-contact-form__notice {
  margin: 0 0 24px;
  border-left: 4px solid;
  padding: 14px 18px;
}

.shopper-contact-form__notice--success {
  border-color: #16854b;
  background: #eaf8f0;
  color: #145c38;
}

.shopper-contact-form__notice--error {
  border-color: #b3261e;
  background: #fff0ef;
  color: #8b1a15;
}

.shopper-contact-form__honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.shopper-contact-details {
  gap: 28px;
  margin-top: 28px;
  margin-bottom: 40px;
}

.shopper-contact-details > .wp-block-column {
  min-width: 0;
  border-top: 3px solid var(--secondary-color);
  background: #fff;
  box-shadow: 0 10px 32px rgba(25, 35, 45, 0.08);
  padding: 28px;
}

.shopper-contact-details h3 {
  margin-top: 0;
  margin-bottom: 14px;
}

.shopper-contact-details p,
.shopper-contact-details li {
  color: #4f5963;
  line-height: 1.7;
}

.shopper-contact-details ul {
  margin: 0;
  padding-left: 20px;
}

.shopper-contact-details a {
  color: var(--secondary-color);
  font-weight: 700;
}

@media only screen and (max-width: 781px) {
  .shopper-contact-form-wrap {
    margin-bottom: 44px;
  }

  .shopper-contact-form__security h2 {
    font-size: 24px;
  }

  .shopper-contact-details {
    gap: 20px;
  }
}

/* Trust and payment badges in the custom footer. */
#colophon.site-footer {
  background-color: #f7f7f7;
}

#colophon.site-footer .site_info {
  padding-top: 10px;
  padding-bottom: 10px;
}

#colophon.site-footer .site_info > .row {
  align-items: center;
}

/* Four equal footer widget columns on desktop. */
@media only screen and (min-width: 768px) {
  #colophon.site-footer .footer_widget_wrap .row.shoper-flex > .widget {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

#colophon.site-footer .footer_widget_wrap .widget {
  padding: 36px 24px 32px;
}

#colophon.site-footer .footer_widget_wrap .widget-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  background: none;
  color: var(--secondary-color);
  font-size: 20px;
  text-align: center;
  text-shadow: none !important;
  filter: none !important;
  -webkit-text-stroke: 0 transparent !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#colophon.site-footer .footer_widget_wrap .widget-title::before,
#colophon.site-footer .footer_widget_wrap .widget-title::after {
  content: "";
  width: 100%;
  min-width: 0;
  height: 8px;
  background: url("../shoper/assets/image/greyline.png") center repeat-x;
}

#colophon.site-footer .footer_widget_wrap .widget-title::before {
  grid-column: 1;
}

#colophon.site-footer .footer_widget_wrap .widget-title::after {
  grid-column: 3;
}

#colophon.site-footer .footer_widget_wrap .widget-title span {
  grid-column: 2;
  padding: 0;
  background: transparent;
  color: var(--secondary-color);
  text-align: center;
  text-shadow: none !important;
  filter: none !important;
  -webkit-text-stroke: 0 transparent !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#colophon.site-footer .shopper-footer-list {
  margin: 0;
  padding: 0;
}

#colophon.site-footer .shopper-footer-list li {
  margin: 0;
  padding: 7px 0;
  list-style: none;
}

#colophon.site-footer .shopper-footer-list li::before {
  display: none;
}

#colophon.site-footer .shopper-footer-list a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

#colophon.site-footer .shopper-footer-list a:hover,
#colophon.site-footer .shopper-footer-list a:focus {
  padding-left: 4px;
  color: var(--secondary-color);
}

@media only screen and (max-width: 767px) {
  #colophon.site-footer .shopper-footer-categories,
  #colophon.site-footer .shopper-footer-links {
    padding-left: 14px;
  }
}

#colophon.site-footer .shopper-footer-newsletter > p {
  margin: 0 0 14px;
  line-height: 1.6;
}

#colophon.site-footer .shopper-footer-newsletter form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#colophon.site-footer .shopper-footer-newsletter input[type="email"] {
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  border: 1px solid #d3d7da;
  background: #fff;
  padding: 11px 12px;
}

#colophon.site-footer .shopper-footer-newsletter input[type="email"]:focus {
  border-color: var(--secondary-color);
  outline: 2px solid color-mix(in srgb, var(--secondary-color) 25%, transparent);
  outline-offset: 1px;
}

#colophon.site-footer .shopper-footer-newsletter button {
  height: 38px;
  min-height: 0;
  margin: 0 0 0 auto;
  border: 1px solid var(--secondary-color);
  border-radius: 6px;
  background: var(--secondary-color);
  color: #fff;
  line-height: 1;
  padding: 0 18px;
}

#colophon.site-footer .shopper-footer-newsletter button:hover,
#colophon.site-footer .shopper-footer-newsletter button:focus {
  border-color: var(--primary-color);
  background: var(--primary-color);
}

#colophon.site-footer .shopper-footer-newsletter__notice {
  font-size: 13px;
  font-weight: 700;
}

#colophon.site-footer .shopper-footer-newsletter__notice--success {
  color: #167146;
}

#colophon.site-footer .shopper-footer-newsletter__notice--error {
  color: #a52620;
}

.shopper-footer-newsletter__honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Keep footer product-search results usable inside the fixed-height footer. */
#colophon.site-footer .apsw_ajax_result .apsw_result_wrap {
  max-height: min(420px, 60vh);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}

#colophon.site-footer .shopper-shop-footer-trust-wrap {
  display: flex;
  align-items: center;
  min-height: 54px;
}

#colophon.site-footer .shopper-shop-footer-trust {
  display: block;
  width: min(100%, 400px);
  height: auto;
  margin: 0;
}

#colophon.site-footer .shopper-shop-copyright {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 54px;
  padding-right: 40px;
  text-align: right !important;
}

/* Smaller, symmetrical floating controls beside the footer. */
#wcspc-count.wcspc-count {
  left: 28px;
  bottom: 28px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-color: var(--secondary-color) !important;
}

.wcspc-area::after,
.wcspc-area.wcspc-style-05::after {
  background: #c1e5d8 !important;
  background: color-mix(in srgb, var(--secondary-color) 28%, #fff) !important;
}

#wcspc-count.wcspc-count:hover {
  bottom: 31px;
}

#wcspc-count.wcspc-count i {
  font-size: 19px;
  line-height: 48px;
}

#wcspc-count.wcspc-count span {
  top: -8px;
  right: -8px;
  width: 22px;
  height: 22px;
  font-size: 11px;
  line-height: 22px;
}

#backToTop.ui-to-top {
  right: 28px;
  bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 42px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  #colophon.site-footer .shopper-shop-footer-trust-wrap {
    justify-content: center;
    margin-bottom: 18px;
  }

  #colophon.site-footer .shopper-shop-footer-trust {
    width: min(100%, 360px);
  }

  #colophon.site-footer .shopper-shop-copyright {
    justify-content: center;
    min-height: auto;
    padding-right: 15px;
    text-align: center !important;
  }

  #wcspc-count.wcspc-count,
  #backToTop.ui-to-top {
    bottom: 18px;
    width: 42px;
    height: 42px;
  }

  #wcspc-count.wcspc-count {
    left: 18px;
    line-height: 42px;
  }

  #wcspc-count.wcspc-count:hover {
    bottom: 21px;
  }

  #wcspc-count.wcspc-count i {
    font-size: 17px;
    line-height: 42px;
  }

  #backToTop.ui-to-top {
    right: 18px;
    font-size: 36px;
  }
}

body.home.elementor-page {
    scroll-behavior: smooth;
}

body.home.elementor-page #new-products {
    scroll-margin-top: 40px;
}

/* Elementor service cards: recreate the theme's animated corner borders. */
.homepage-feature-card {
    position: relative;
}

@media (min-width: 768px) {
    .elementor-element-b20c3d4 > .elementor-container {
        gap: 24px;
    }

    .elementor-element-b20c3d4 > .elementor-container > .homepage-feature-card {
        width: auto !important;
        flex: 1 1 0;
    }
}

@media (max-width: 767px) {
    .elementor-element-b20c3d4 > .elementor-container > .homepage-feature-card + .homepage-feature-card {
        margin-top: 28px;
    }
}

.homepage-feature-card > .elementor-widget-wrap {
    position: relative;
    border-radius: 0 !important;
}

.homepage-feature-card::before,
.homepage-feature-card::after,
.homepage-feature-card > .elementor-widget-wrap::before,
.homepage-feature-card > .elementor-widget-wrap::after {
    content: "";
    position: absolute;
    z-index: 3;
    width: 60px;
    height: 60px;
    pointer-events: none;
    opacity: 1;
    transition: width 0.8s ease, height 0.8s ease, opacity 0.8s ease;
}

.homepage-feature-card > .elementor-widget-wrap::before {
    top: 0;
    left: 0;
    border-top: 2px solid var(--secondary-color);
    border-left: 2px solid var(--secondary-color);
}

.homepage-feature-card > .elementor-widget-wrap::after {
    top: 0;
    right: 0;
    border-top: 2px solid var(--secondary-color);
    border-right: 2px solid var(--secondary-color);
}

.homepage-feature-card::before {
    bottom: 0;
    left: 0;
    border-bottom: 2px solid var(--secondary-color);
    border-left: 2px solid var(--secondary-color);
}

.homepage-feature-card::after {
    right: 0;
    bottom: 0;
    border-right: 2px solid var(--secondary-color);
    border-bottom: 2px solid var(--secondary-color);
}

.homepage-feature-card:hover::before,
.homepage-feature-card:hover::after,
.homepage-feature-card:hover > .elementor-widget-wrap::before,
.homepage-feature-card:hover > .elementor-widget-wrap::after {
    width: 0;
    height: 0;
    opacity: 0;
}

:root {
  --nav-color: #fff;
}

body.home.elementor-page .elementor-element-a10b2c7 .elementor-button,
body.home.elementor-page .elementor-element-c30d4ea .elementor-button,
body.home.elementor-page .elementor-element-d40e5f9 .elementor-button {
  color: #fff !important;
  background-color: var(--secondary-color) !important;
}

/* Keep the two homepage hero actions centered on one row when space allows. */
@media (min-width: 481px) {
  body.home.elementor-page .elementor-element-a10b2c4 > .elementor-widget-wrap {
    justify-content: center;
  }

  body.home.elementor-page .elementor-element-a10b2c7,
  body.home.elementor-page .elementor-element-201c455 {
    width: auto !important;
    flex: 0 0 auto;
    margin: 0 8px !important;
  }
}

/* Theme banners on shop, category, product and other inner pages. */
body:not(.home) #static_header_banner,
body.home:not(.elementor-page) #static_header_banner {
  background-color: var(--primary-color) !important;
  background-image: linear-gradient(120deg, var(--primary-color), var(--secondary-color)) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.home.elementor-page #masthead .navbar-panel .bg-style::after {
  background: var(--primary-color);
  opacity: 0.92;
}

/* Make parent navigation items visibly distinguishable from regular links. */
#navbar .navigation-menu > li.menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  vertical-align: 3px;
  transform: rotate(45deg);
  transition: transform 0.25s ease;
}

#navbar .navigation-menu > li.menu-item-has-children:hover > a::after,
#navbar .navigation-menu > li.menu-item-has-children:focus-within > a::after {
  transform: rotate(225deg);
  vertical-align: -1px;
}

#navbar .navigation-menu li li.menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  float: right;
  width: 7px;
  height: 7px;
  margin: 6px 2px 0 12px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}

@media (min-width: 993px) {
  /* Invisible hover bridges keep diagonal pointer movement inside the menu. */
  #navbar .navigation-menu > li.menu-item-has-children::before {
    content: "";
    position: absolute;
    z-index: 98;
    top: 100%;
    right: -20px;
    left: -20px;
    height: 18px;
  }

  #navbar .navigation-menu li li.menu-item-has-children::before {
    top: -6px;
    right: -22px;
    bottom: -6px;
    left: auto;
    width: 24px;
    height: auto;
  }

  #navbar .navigation-menu li ul {
    transition: opacity 0.2s ease 0.18s, transform 0.2s ease 0.18s, right 0s 0.4s;
  }

  #navbar .navigation-menu li:hover > ul,
  #navbar .navigation-menu li:focus-within > ul {
    transition: opacity 0.18s ease, transform 0.18s ease, right 0s;
  }
}
h1, h2, h3, h4, h5, h6, #review_form .comment-reply-title{
    letter-spacing: 0.5px;
    word-spacing: 2px;
}
.logo-wrap{
    padding-left: 10px;
}
.logo-wrap .shoper-rd-navbar-toggle{
  display: none;
}
#masthead{
    position: absolute;
    background: none;
    padding-bottom: 00px;
    left: 0px;
    right: 0px;
    z-index: 9999;
}
#masthead .navbar-inner-flex{
    display: flex;
    
}
#masthead .branding-panel{
    height: 95px;
    min-width: 205px;
    max-width: 215px;
    background: #fff;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    flex: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#masthead .branding-panel:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-30deg, 0deg);
    -ms-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    background: #fff;
      -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#masthead .navbar-panel{
   flex: auto;
   display: flex;
   align-items: center;
   justify-content: end;
   position: relative;
   padding-right: 15px;
}
#masthead .navbar-panel .bg-style{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;

}
#masthead .navbar-panel .bg-style:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc( 100% - 7px );
    z-index: -1;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-30deg, 0deg);
    -ms-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    background: rgba(80,90,104,0.9);
    left: auto;
    right: 0px;
}
#masthead .search-bar{
    bottom: 0px;
}

@media only screen and (max-width : 992px) {
    #masthead button.shoper-rd-navbar-toggle{
        position: static;
        margin-top: 0px;
    }

}
@media only screen and (max-width : 420px) {
    #masthead .header-icon{
        display: none!important;
    }
}


#static_header_banner .content-text{
    padding-top: 90px;
}

#static_header_banner{
    height: 70vh;
}

#navbar .navigation-menu li li > a,
#masthead .header-icon li li > a{
    color: #000;
}
#masthead .header-icon{
    margin-top: 0px;
    padding-top: 0px;
}
#author-info{
    display: flex;
    background: #FFF;
    box-shadow: 0px 0px 131px 0px rgba(74,74,74,0.1);
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 20px;
}
#author-avatar {
    width: 160px;
    height: auto;
    border-radius: 50%;
    margin-right: 50px;

}
.single-prev-next,
.comments-area{
     border-radius: 8px;
}
.product_wrap .woocommerce-loop-product__title{
    font-size: 1.1rem;
    line-height: 1.4rem;
}

.shopper-product-title__mobile{
    display: none;
}
ul.products li.product .price{
    color: #000;
}

/* Remove the default yellow highlight behind WooCommerce sale prices. */
.woocommerce .price ins,
.woocommerce-page .price ins,
.woocommerce .wc-block-cart-item__prices ins,
.woocommerce-page .wc-block-cart-item__prices ins,
.wc-block-components-product-price ins{
    background: transparent !important;
    text-decoration: none;
}

/* Stack the product-detail tabs above their content as one rounded card. */
.single-product div.product .woocommerce-tabs.wc-tabs-wrapper{
    display: flex;
    flex-direction: column;
    padding-top: 0 !important;
    margin-top: 24px;
    margin-right: 0;
    margin-left: 0;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 131px 0 rgba(74, 74, 74, 0.1);
}

.single-product div.product .woocommerce-tabs.wc-tabs-wrapper > div{
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.single-product div.product .woocommerce-tabs ul.tabs{
    display: flex;
    width: 100%;
    margin: 0 !important;
    border: 0;
}

.single-product div.product .woocommerce-tabs ul.tabs li{
    flex: 1 1 auto;
    margin: 0;
}

.single-product div.product .woocommerce-tabs ul.tabs li a{
    height: 100%;
    border-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 32px;
    font-weight: 700;
}

.single-product div.product .woocommerce-tabs ul.tabs li.active a::after{
    display: none !important;
    content: none !important;
}

.single-product div.product .woocommerce-tabs .panel{
    min-height: 280px;
    margin: 0;
    border-radius: 0 0 10px 10px;
    box-shadow: none;
}

/* Three product-page service benefits shown above the description card. */
.single-product .shopper-product-benefits-wrap{
    clear: both;
}

.single-product .shopper-product-benefits{
    clear: both;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 70px;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 80px rgba(74, 74, 74, 0.1);
}

.single-product .shopper-product-benefit{
    display: flex;
    align-items: flex-start;
    min-width: 0;
    padding: 24px 26px;
}

.single-product .shopper-product-benefit + .shopper-product-benefit{
    border-left: 1px solid #e8e8e8;
}

.single-product .shopper-product-benefit__icon{
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin-right: 14px;
    color: var(--secondary-color);
}

.single-product .shopper-product-benefit__icon svg{
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.single-product .shopper-product-benefit__icon--shipping svg{
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.single-product .shopper-product-benefit h3{
    margin: 0 0 6px;
    color: #1f2937;
    font-size: 20px;
    line-height: 1.25;
    text-shadow: none;
}

.single-product .shopper-product-benefit p{
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.55;
}

@media only screen and (min-width: 769px) {
    .single-product .shopper-product-benefits-wrap{
        padding-top: 24px;
    }

    .single-product .shopper-product-benefits{
        clear: none;
        margin-top: 0;
    }
}

@media only screen and (max-width: 768px) {
    .single-product .shopper-product-benefits{
        grid-template-columns: 1fr;
        margin-top: 28px;
    }

    .single-product .shopper-product-benefit{
        padding: 20px;
    }

    .single-product .shopper-product-benefit + .shopper-product-benefit{
        border-top: 1px solid #e8e8e8;
        border-left: 0;
    }
}


/* Keep product cards level in every WooCommerce grid and align their buttons. */
.woocommerce ul.products,
.woocommerce-page ul.products,
body.woocommerce-shop ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
body.woocommerce-shop ul.products li.product,
body.post-type-archive-product ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product{
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

.woocommerce ul.products li.product .product_wrap,
.woocommerce-page ul.products li.product .product_wrap,
body.woocommerce-shop ul.products li.product .product_wrap,
body.post-type-archive-product ul.products li.product .product_wrap,
body.tax-product_cat ul.products li.product .product_wrap,
body.tax-product_tag ul.products li.product .product_wrap{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag ul.products li.product .woocommerce-loop-product__title{
    display: -webkit-box;
    min-height: 4.2rem;
    max-height: 4.2rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
body.woocommerce-shop ul.products li.product .price,
body.post-type-archive-product ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.tax-product_tag ul.products li.product .price{
    min-height: 1.5rem;
}

/* Show WooCommerce product grids in two columns on phones. */
@media only screen and (max-width: 768px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        display: flex !important;
        flex-wrap: wrap;
        gap: 28px 12px;
        align-items: stretch;
    }

    .woocommerce ul.products::before,
    .woocommerce ul.products::after,
    .woocommerce-page ul.products::before,
    .woocommerce-page ul.products::after {
        display: none !important;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        clear: none !important;
        float: none !important;
        width: calc(50% - 6px) !important;
        margin: 0 !important;
    }

    .woocommerce ul.products li.product .product_wrap,
    .woocommerce-page ul.products li.product .product_wrap {
        padding: 14px 12px 54px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
    ul.products li.product .product_wrap > :first-child:not(.price):not(.btn),
    .product_wrap .woocommerce-loop-product__title,
    ul.products li.product .product_wrap h5,
    ul.products li.product h1,
    ul.products li.product h2,
    ul.products li.product h3,
    ul.products li.product h4,
    ul.products li.product h5,
    ul.products li.product h6,
    .wc-block-grid__products .wc-block-grid__product-title,
    .wc-block-product .wc-block-components-product-title,
    .wc-block-product .wc-block-components-product-name,
    .wp-block-woocommerce-product-collection .wp-block-post-title {
        display: -webkit-box !important;
        height: 3.6rem !important;
        block-size: 3.6rem !important;
        min-height: 3.6rem;
        max-height: 3.6rem !important;
        max-block-size: 3.6rem !important;
        overflow: hidden !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3;
        contain: paint;
        clip-path: inset(0);
        font-size: .92rem;
        line-height: 1.2rem;
    }

    .shopper-product-title__desktop{
        display: none !important;
    }

    .shopper-product-title__mobile{
        display: -webkit-box !important;
        height: 3.6rem;
        max-height: 3.6rem;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    .woocommerce ul.products li.product .btn,
    .woocommerce-page ul.products li.product .btn {
        min-width: calc(100% - 16px);
        padding-right: 5px;
        padding-left: 5px;
        letter-spacing: .3px;
    }
}

/* Normalize catalogue images and scale portrait artwork without cropping it. */
.woocommerce ul.products li.product .product-image figure{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
}

.woocommerce ul.products li.product .product-image figure img{
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Keep the main single-product image inside a predictable viewing area. */
.single-product .woocommerce-product-gallery__image{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    max-height: 620px;
    overflow: hidden;
    background: #fff;
}

.single-product .woocommerce-product-gallery__image > a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.single-product .woocommerce-product-gallery__image > a > img:not(.zoomImg){
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}
.star-rating::before,
.star-rating span::before {
    font-size: 12px;
}

#content div.product div.summary .price del{
    font-size: 1.4rem;
}

@media only screen and (max-width: 992px) {
  #navbar .navigation-menu > li > a {
    color: var(--nav-h-bg);
    padding: 10px 14px;
  }
}
.wcspc-area-top.wcspc-items .wcspc-item-qty {
  width: 40px;
}

.wcspc-area-top.wcspc-items .wcspc-item-qty .wcspc-item-qty-inner {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-right: 8px;
  margin-top: 10px;
}

.wcspc-area-top.wcspc-items .wcspc-item-qty .wcspc-item-qty-inner .wcspc-item-qty-plus,
.wcspc-area-top.wcspc-items .wcspc-item-qty .wcspc-item-qty-inner .wcspc-item-qty-input,
.wcspc-area-top.wcspc-items .wcspc-item-qty .wcspc-item-qty-inner .wcspc-item-qty-minus {
  width: 32px !important;
  margin: 0 !important;
}

/* Give side-cart thumbnails more room and preserve tall image proportions. */
.wcspc-area-top.wcspc-items .wcspc-item-thumb {
  width: 70px;
}

.wcspc-area-top.wcspc-items .wcspc-item-thumb a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 68px;
  overflow: hidden;
  background: #fff;
}

.wcspc-area-top.wcspc-items .wcspc-item-thumb img {
  width: 60px !important;
  height: 68px !important;
  max-width: 60px;
  max-height: 68px;
  margin: 0 !important;
  object-fit: contain;
  object-position: center;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
    margin-top: 14px!important;
}
.woocommerce ul.products li.product .added_to_cart.wc-forward{
    padding: 7px 15px!important;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{
    display: flex!important;
    flex-direction: initial!important;
    vertical-align: center;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link{
    margin-top: -10px!important;
}

/* Keep long product images contained inside the WooCommerce cart table. */
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image {
    width: 110px;
    vertical-align: middle;
}

body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 110px;
    overflow: hidden;
    background: #fff;
}

body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image img {
    width: 90px !important;
    height: 110px !important;
    max-width: 90px;
    max-height: 110px;
    margin: 0 !important;
    object-fit: contain;
    object-position: center;
}

/* Add breathing room between cart subtotals and the table's right border. */
body.woocommerce-cart #page table.wc-block-cart-items .wc-block-cart-items__header-total,
body.woocommerce-cart #page table.wc-block-cart-items .wc-block-cart-item__total {
    box-sizing: border-box;
    padding-right: 16px !important;
}

@media only screen and (max-width: 768px) {
    body.woocommerce-cart .wc-block-cart__main,
    body.woocommerce-cart .wp-block-woocommerce-cart-items-block {
        min-width: 0;
        max-width: 100%;
        overflow-x: hidden;
    }

    body.woocommerce-cart table.wc-block-cart-items,
    body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row {
        display: grid !important;
        grid-template-columns: 68px minmax(0, 1fr) 78px !important;
        column-gap: 8px !important;
        align-items: start;
        padding: 16px 0 !important;
    }

    body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image {
        grid-column: 1;
        grid-row: 1;
        width: 68px;
        padding: 0 !important;
    }

    body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image a,
    body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image img {
        width: 56px !important;
        height: 72px !important;
        max-width: 56px;
        max-height: 72px;
    }

    body.woocommerce-cart #page table.wc-block-cart-items .wc-block-cart-item__product {
        grid-column: 2 !important;
        grid-row: 1;
        min-width: 0;
        padding: 0 !important;
        overflow-wrap: anywhere;
    }

    body.woocommerce-cart #page table.wc-block-cart-items .wc-block-cart-item__total {
        grid-column: 3 !important;
        grid-row: 1;
        width: 78px !important;
        min-width: 0;
        max-width: 78px;
        border-left: none !important;
        padding: 0 4px 0 6px !important;
        overflow: visible;
        overflow-wrap: anywhere;
    }

    body.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper,
    body.woocommerce-cart .wc-block-cart-item__total-price,
    body.woocommerce-cart .wc-block-components-product-badge {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: right;
    }

    body.woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-badge {
        float: none !important;
        margin: 4px 0 0 !important;
        transform: none;
        font-size: 10px;
        line-height: 1.25;
    }

    body.woocommerce-cart .wc-block-cart-item__total .wc-block-components-formatted-money-amount {
        max-width: 100%;
        font-size: 12px;
        white-space: nowrap;
    }

    body.woocommerce-cart .wc-block-cart__submit-container--sticky {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.woocommerce-cart .wc-block-cart__submit-container--sticky .wc-block-cart__submit-button {
        display: flex;
        float: none !important;
        width: 60% !important;
        max-width: 60%;
        margin: 0 !important;
    }
}

/* Contain portrait product artwork in the checkout order summary. */
body.woocommerce-checkout .wc-block-components-order-summary-item__image {
    flex: 0 0 64px;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 80px;
    padding-bottom: 16px;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image > img {
    width: 64px !important;
    height: 80px !important;
    max-width: 64px;
    max-height: 80px;
    margin: 0 !important;
    object-fit: contain;
    object-position: center;
}

@media only screen and (max-width: 768px) {
    body.woocommerce-checkout .wc-block-components-order-summary-item__image {
        flex-basis: 52px;
        width: 52px;
        height: 68px;
    }

    body.woocommerce-checkout .wc-block-components-order-summary-item__image > img {
        width: 52px !important;
        height: 68px !important;
        max-width: 52px;
        max-height: 68px;
    }
}

/* Quantity selector: minus on the left, value in the middle, plus on the right. */
#masthead .header-icon li span.quantity{
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    line-height: 1 !important;
}

.single.single-product #masthead .header-icon li span.quantity{
    float: none !important;
    width: auto !important;
    min-width: 70px;
    margin: 0 0 0 -35px !important;
}

.woocommerce .quantity{
    display: inline-flex !important;
    align-items: stretch;
}

.woocommerce .quantity button.minus{
    order: 1;
    margin: 0 !important;
    border-radius: 25px 0 0 25px;
    -webkit-border-radius: 25px 0 0 25px;
}

.woocommerce .quantity input.qty{
    order: 2;
    margin: 0;
    -moz-appearance: textfield;
    appearance: textfield;
}

.woocommerce .quantity button.plus{
    order: 3;
    margin: 0 !important;
    border-radius: 0 25px 25px 0;
    -webkit-border-radius: 0 25px 25px 0;
}

.woocommerce .quantity button.minus i,
.woocommerce .quantity button.plus i{
    padding: 0;
}

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

/* Keep quantity and add-to-cart controls side by side on product pages. */
@media only screen and (max-width: 768px) {
    .single-product div.product form.cart:not(.variations_form):not(.grouped_form),
    .single-product div.product .woocommerce-variation-add-to-cart {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 16px;
        box-sizing: border-box;
    }

    .single-product div.product form.cart:not(.variations_form):not(.grouped_form) {
        width: calc(100% + 38px);
    }

    .single-product div.product .woocommerce-variation-add-to-cart {
        width: 100%;
    }

    .single-product div.product form.cart:not(.variations_form):not(.grouped_form)::before,
    .single-product div.product form.cart:not(.variations_form):not(.grouped_form)::after {
        display: none !important;
    }

    .single.single-product div.product form.cart .quantity,
    .single.single-product div.product .woocommerce-variation-add-to-cart .quantity {
        display: inline-flex !important;
        flex: 0 0 116px;
        width: 116px !important;
        margin: 0 !important;
        float: none !important;
    }

    .single-product div.product form.cart .quantity button.minus,
    .single-product div.product form.cart .quantity button.plus {
        flex: 0 0 38px;
        width: 38px;
        min-width: 38px;
        max-width: 38px;
        padding-right: 8px;
        padding-left: 8px;
    }

    .single-product div.product form.cart .quantity input.qty {
        flex: 0 0 40px;
        width: 40px;
        min-width: 40px;
    }

    .single-product div.product form.cart .single_add_to_cart_button,
    .single-product div.product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
        flex: 1 1 auto;
        float: none !important;
        width: auto !important;
        min-width: 0;
        max-width: none;
        margin: 0 !important;
        padding-right: 8px;
        padding-left: 8px;
        font-size: 14px !important;
        letter-spacing: .4px !important;
        white-space: nowrap;
    }
}
@media only screen and (max-width: 992px) {
  #masthead #navbar ul {
    padding-right: 0px!important;
  }
}
.wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper:last-child{
    border-bottom: none!important;
}

/* Remove the mobile scrollbar wrapper after returning to desktop layout. */
@media only screen and (min-width: 993px) {
  #navbar.ss-container,
  #navbar.ss-container .ss-wrapper,
  #navbar.ss-container .ss-content {
    height: auto !important;
    overflow: visible !important;
  }

  #navbar.ss-container .ss-content {
    width: 100% !important;
  }

  #navbar.ss-container > .ss-scroll {
    display: none !important;
  }
}

/* Mobile navigation fixes: one arrow, aligned controls, responsive drawer. */
@media only screen and (max-width: 992px) {
  #navbar {
    width: min(380px, 100vw);
    max-width: 100vw;
    z-index: 10001;
  }

  #navbar .shoper-navbar-close,
  #navbar .shoper-navbar-close:hover,
  #navbar .shoper-navbar-close:focus {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    width: 47px;
    height: 47px;
    margin-right: 18px;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    outline: none;
    color: var(--secondary-color);
  }

  #navbar .shoper-navbar-close i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 0;
    line-height: 1;
  }

  #navbar .shoper-navbar-close i::before {
    content: "\00d7" !important;
    display: block;
    font-family: Arial, sans-serif !important;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
  }

  #navbar .navigation-menu > li.menu-item-has-children > a::after,
  #navbar .navigation-menu li li.menu-item-has-children > a::after {
    display: none;
  }

  #navbar .navigation-menu li.menu-item-has-children > a {
    padding-right: 52px;
  }

  #navbar .responsive-submenu-toggle,
  #navbar .responsive-submenu-toggle:hover,
  #navbar .responsive-submenu-toggle:focus {
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    box-sizing: border-box;
    border-left: 1px solid #e8e8e8;
    background: transparent;
    color: #111;
    line-height: 1;
    outline-offset: -2px;
    overflow: visible;
    font-size: 0;
  }

  #navbar .responsive-submenu-toggle::before {
    content: "" !important;
    display: block;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translate(-1px, -1px);
    transform-origin: center;
    transition: transform 0.2s ease;
  }

  #navbar .responsive-submenu-toggle.icofont-rounded-up::before {
    transform: rotate(225deg) translate(-1px, -1px);
  }

  #navbar .navigation-menu li li a {
    padding-left: 30px;
  }

  #navbar .navigation-menu li li.menu-item-has-children > a {
    padding-right: 52px;
  }

  #navbar .navigation-menu > li.menu-item-has-children > a {
    padding-right: 52px;
  }

  /* SimpleScrollbar widens its content by 18px; keep the menu at the visible width. */
  #navbar .ss-content .navigation-menu {
    width: calc(100% - 18px);
  }

  #navbar .ss-content {
    overflow-x: hidden;
  }
}

/* Compact WooCommerce pagination: one centered row without horizontal scrolling. */
.woocommerce nav.woocommerce-pagination {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  overflow: visible;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  border: 0;
  overflow: visible;
  white-space: nowrap;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers > li {
  display: block;
  flex: 0 0 auto;
  margin: 0;
  border: 0;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers > li > .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 38px;
  height: 42px;
  padding: 0 7px;
  line-height: 1;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers > li > .page-numbers.dots {
  min-width: 22px;
  padding-right: 2px;
  padding-left: 2px;
}

@media only screen and (max-width: 480px) {
  .woocommerce nav.woocommerce-pagination ul.page-numbers {
    gap: 3px;
  }

  .woocommerce nav.woocommerce-pagination ul.page-numbers > li > .page-numbers {
    min-width: 34px;
    height: 40px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 13px;
  }

  .woocommerce nav.woocommerce-pagination ul.page-numbers > li > .page-numbers.dots {
    min-width: 18px;
    padding-right: 0;
    padding-left: 0;
  }
}

/* Keep the 404 page inside the mobile viewport. */
@media only screen and (max-width: 768px) {
  body.error404 #primary.content-area.container {
    width: 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    overflow: hidden;
  }

  body.error404 #main.site-main.row {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }

  body.error404 .error-404 {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 215px 20px 50px;
    background-position: center 35px;
    background-size: min(290px, calc(100vw - 70px)) auto;
    overflow: hidden;
  }

  body.error404 .error-404 .page-header {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }

  body.error404 .error-404 .page-title {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow-wrap: anywhere;
    font-size: clamp(26px, 8vw, 34px);
    line-height: 1.2;
  }

  body.error404 .error-404 .page-content,
  body.error404 .error-404 .page-content p,
  body.error404 .error-404 .search-form {
    width: 100%;
    max-width: 100%;
  }

  body.error404 .error-404 .page-content p {
    overflow-wrap: anywhere;
  }

  body.error404 .error-404 .search-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  body.error404 .error-404 .search-form label {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  body.error404 .error-404 input.search-submit {
    margin: 0;
  }

  body.error404 .error-404 .btn {
    display: table;
    max-width: 100%;
    margin: 12px auto 0;
    white-space: normal;
  }
}