@charset "UTF-8";

*{min-height: 0; min-width: 0}img{max-width: 100%; height: auto; font-style: italic; background-repeat: no-repeat; background-size: cover; shape-margin: .75rem}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important}*:focus{outline:none!important}.row:before, .row:after {width:0px; height:0px}input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}input[type=number]{-moz-appearance: textfield}svg{height:auto}

#wrapper{padding-top: var(--ama-header-height); position: relative}
   #wrapper::before{
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-width: 48.1587rem;
      max-height: 21.4375rem;
      z-index: -1;
      background: #F1F8FD;
      mask: url(../images/wrapper-pattern.svg) right bottom no-repeat;
      -webkit-mask: url(../images/wrapper-pattern.svg) right bottom no-repeat
   }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {-webkit-appearance: none; appearance: none}

* + br,
br + *{margin-top: 0!important}

/* =============================================================================
   animated close icon
   ========================================================================== */
.remove, .btn-close{position: relative; display: block; overflow: hidden; text-decoration: none}
   .remove::before, .remove::after,
   .btn-close::before, .btn-close::after{content: ''; display: block; width: 12px; height: 2px; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px); background-color: currentColor; transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out}
   .remove::before, .btn-close::before{transform: rotate(45deg)}
   .remove::after, .btn-close::after{transform: rotate(-45deg)}
   .remove:hover::before, .remove:hover::after,
   .btn-close:hover::before, .btn-close:hover::after{transform: rotate(0)}

/* =============================================================================
   data-animate
   ========================================================================== */
@media (prefers-reduced-motion: no-preference){
   [data-animate]{will-change: transform, opacity; transition: transform .5s cubic-bezier(0.42,0,0.58,1), opacity .5s cubic-bezier(0.42,0,0.58,1)}

   [data-animate^=T_FADE]{opacity:0}

   [data-animate^=T_FADE].animate{opacity:1; transform:none}

   [data-animate^=T_FADE_DOWN]{transform: translateY(calc(var(--ama-gutter-x) * -1))}

   [data-animate^=T_FADE_UP]{transform: translateY(var(--ama-gutter-x))}

   [data-animate^=T_FADE_LEFT]{transform: translateX(var(--ama-gutter-x))}

   [data-animate^=T_FADE_RIGHT]{transform: translateX(calc(var(--ama-gutter-x) * -1))}

   [data-animate^=T_FADE_FLIP]{transform: rotateX(-90deg)}

   [data-animate^=T_FADE_ZOOM]{transform: scale(0.4)}
}

/* =============================================================================
   wpml
   ========================================================================== */
* + .wpml-ls{margin-left: .625rem; padding-left: .625rem; position: relative}
   * + .wpml-ls::before{
      content: '';
      display: block;
      width: 1px;
      height: 3.125rem;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      background-color: currentColor;
      opacity: .5;
      transition: height .3s linear
   }

.wpml-ls ul{list-style: none; padding: 0; margin: 0}
.wpml-ls li{position: relative}

.wpml-ls-legacy-list-horizontal ul,
.wpml-ls a{
   text-transform: uppercase;
   color: inherit;
   text-decoration: none;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-content: center;
   align-items: center;
   min-width: 1.5rem;
   min-height: 1.5rem;
   position: relative
}
.wpml-ls a:hover{color: var(--ama-primary-color)}
   .wpml-ls .wpml-ls-item-toggle::after{
      font-family: 'remixicon'!important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\ea4e";
      display: block;
      font-size: 120%
   }

   .wpml-ls a > .wpml-ls-flag{position: absolute; width: 1.5rem; height: auto; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%)}
   .wpml-ls a > .wpml-ls-flag + *{padding-left: 2rem; display: block}

   .wpml-ls-legacy-dropdown .wpml-ls-sub-menu,
   .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
      display: none;
      position: absolute;
      top: calc( 100% + 6px );
      right: 0;
      min-width: 100%;
      white-space: nowrap;
      border-radius: 3px;
      border: 1px solid #efefef;
      background-color: #fff;
      z-index: 1025;
      font-size: .875rem;
      line-height: 1.5
   }
   .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{top: 100%}
   .wpml-ls-legacy-dropdown li:hover .wpml-ls-sub-menu{display: block}

   .wpml-ls-legacy-dropdown .wpml-ls-sub-menu > li + li,
   .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu > li + li{border-top: 1px solid #efefef}
   
      .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a,
      .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{padding: .3125rem .625rem; min-width: calc( 1.5rem + 1.25rem )}

         .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a > .wpml-ls-flag,
         .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a > .wpml-ls-flag{left: .625rem}

.wpml-ls-legacy-list-vertical ul > li + li{margin-top: .625rem}
.wpml-ls-legacy-list-horizontal ul > li + li{margin-left: 1.25rem}

/* =============================================================================
   header
   ========================================================================== */
#header{
   background-color: var(--ama-header-bgcolor);
   box-shadow: var(--ama-header-box-shadow);
   transition: color .3s linear, background .3s linear, box-shadow .3s linear
}
   .h-inner{
      display: grid;
      grid-template-columns: auto 1fr;
      gap: .625rem;
      height: var(--ama-header-height);
      transition: height .3s linear
   }
   .h-content{
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end
   }
      .h-logo,
      .wpml-ls{align-self: center}

#header.scroll-header{
   --ama-header-bgcolor: rgba(255, 255, 255, 1);
   --ama-header-box-shadow: 0 .625rem 1.25rem 0 rgba(0, 0, 0, .06)
}

#menu-toggle{color: currentColor; padding: 0; width: 2rem; height: 2rem; border: none; background: none; position: relative; align-self: center}
* + #menu-toggle{margin-left: 1.25rem}
   #menu-toggle > span{display: block; width: 100%; height: 2px; position: absolute; top: 50%; background-color: currentColor; transform: translate(0, -50%); transition: opacity 0.3s 0.3s}
      #menu-toggle::before,
      #menu-toggle::after{content: ''; display: block; width: 100%; height: 2px; position: absolute; background-color: currentColor; transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s}
      #menu-toggle::before{top: 6px}
      #menu-toggle::after{bottom: 6px}

/* =============================================================================
   ama-nav-menu
   ========================================================================== */
.ama-nav-menu{list-style: none; padding: 0; margin: 0}
   .ama-nav-menu li{
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-items: center;
      align-content: center
   }
      .ama-nav-menu li > a{
         display: block;
         flex: 1 0 0;
         text-decoration: none!important;
         color: inherit
      }
      .ama-nav-menu > li > a{font-weight: 700}
      .ama-nav-menu li > .sub-menu-toggle{
         display: flex;
         flex-wrap: wrap;
         flex-direction: row;
         align-items: center;
         align-content: center;
         justify-content: center
      }
      .ama-nav-menu li > ul{min-width: 100%}
      .ama-nav-menu a{padding-top: .5rem; padding-bottom: .5rem}

      .ama-nav-menu li:hover > a,
      .ama-nav-menu [class*="current-"] > a,
      .ama-nav-menu [class*="current_"] > a{color: var(--ama-primary-500-color)}

/* =============================================================================
   content
   ========================================================================== */
.classic-editor ul:not([class]),
.term-description ul,
ul.wp-el,
ul.wp-el ul{padding-left: 0; list-style: none}

   .classic-editor ul:not([class]) li,
   .term-description ul li,
   ul.wp-el li{padding-left: 1.25rem; position: relative}
   
      .classic-editor ul:not([class]) li::before,
      .term-description ul li::before,
      ul.wp-el li::before{
         content: '';
         display: block;
         width: .625rem;
         height: .625rem;
         border-radius: 50%;
         background: var(--ama-marker-color);
         position: absolute;
         top: .4125em;
         left: 0
      }

.classic-editor ul:not([class]) li + li,
.classic-editor li ul,
.classic-editor li ol,
.term-description li + li,
.term-description li ul,
.term-description li ol,
.wp-el li + li,
.wp-el li > ul,
.wp-el li > ol{margin-top: var(--ama-margin-top-li)}

.classic-editor * + *,
.term-description * + *,
*:not(.ama-block, .wp-block-columns) + .wp-el{margin-top: var(--ama-margin-top-base)}

.classic-editor * + ul,
.term-description * + ul,
*:not(.ama-block, .wp-block-columns) + ul.wp-el{margin-top: 1.25rem}

.classic-editor * + h1,
.classic-editor * + h2,
.classic-editor * + h3,
.term-description * + h1,
.term-description * + h2,
.term-description * + h3,
*:not(.ama-block, .wp-block-columns) + h1,
*:not(.ama-block, .wp-block-columns) + h2,
*:not(.ama-block, .wp-block-columns) + h3{margin-top: var(--ama-margin-top-heading)}

*:not(.ama-block, .wp-block-columns) + .wp-block-contact-form-7-contact-form-selector{margin-top: var(--ama-margin-top-wpcf7)}

.gutenberg-elements > *:first-child{margin-top: var(--ama-offset-top-first)}
.gutenberg-elements > *:last-child{margin-bottom: var(--ama-offset-bottom-last)}

/* wp-block-columns */
.wp-block-columns{margin-bottom: 0}
*:not(.ama-block) + .wp-block-columns{margin-top: calc(var(--ama-gutter-column-x) * 2)}
.wp-block-columns + *:not(.ama-block, .wp-block-buttons){margin-top: 7.5rem}

/* wp-block-buttons */
*:not(.ama-block):not(.wp-block-button) + .wp-block-button,
.wp-block-button + *:not(.ama-block):not(.wp-block-button){margin-top: var(--ama-margin-top-button)}

*:not(.ama-block) + .wp-block-buttons{margin-top: var(--ama-margin-top-buttons)}
.wp-block-buttons + *:not(.ama-block){margin-top: var(--ama-margin-top-button)}

*.ama-block + .wp-block-buttons,
.wp-block-buttons + *.ama-block{margin-top: calc(var(--ama-margin-top-block) - var(--ama-gutter-button-x))}

.wp-el.has-giant-font-size + .wp-el.has-semi-huge-font-size{margin-top: 0.625rem}
.wp-el[class*="has-"] + .wp-el:not([class*="has-"]){margin-top: calc(var(--ama-margin-top-base) + .375rem)}

/* =============================================================================
   footer
   ========================================================================== */
#footer{
   padding-top: var(--ama-footer-padding-top);
   padding-bottom: var(--ama-footer-padding-bottom);
   background-color: var(--ama-footer-bgcolor);
   position: relative;
   line-height: 1.375rem;

   --ama-link-color: currentColor;
   --ama-link-hover-color: var(--ama-primary-color);
}
   #footer a{text-decoration: none}
   #footer::before{
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 11.25rem;
      background: var(--ama-primary-color);
      position: absolute;
      top: 0;
      left: 0;
      mask: url(../images/footer-pattern.svg) center top repeat-x;
      mask-size: auto 100%;
      -webkit-mask: url(../images/footer-pattern.svg) center top repeat-x;
      -webkit-mask-size: auto 100%
   }

   .f-inner{
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 1.375rem var(--ama-gutter-double-x)
   }
      .f-inner > .f-about{
         grid-column: auto/span 4;
         display: grid;
         grid-template-columns: 7.5rem 1fr;
         gap: 1.25rem 2.5rem
      }
      .f-inner > .f-cols{
         grid-column: 5 / -1;
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 1.25rem
      }
      .f-inner > .site-dev{grid-column: 1 / -1; text-align: right}
      .f-inner > .site-dev a:not(:hover){opacity: .3}

.col-el.el-title{
   font-size: 1.0625rem;
   line-height: 1.25rem;
   font-weight: 500
}
.col-el + .col-el:not(.el-title){margin-top: 1.25rem}
.col-el + .ama-social{margin-top: calc(1.25rem - var(--ama-social-gap))}
.col-el + .col-el.el-title{margin-top: 2.5rem}

.el-menu{padding-left: 0; list-style: none}
   .el-menu [class*="current-"] > a,
   .el-menu [class*="current_"] > a{color: var(--ama-link-hover-color)}
   .el-menu > li + li{margin-top: .5rem}

/* =============================================================================
   scroll to top
   ========================================================================== */
.scroll-to-top{z-index: 10; position: fixed; bottom: 1.25rem; right: 1.25rem; user-select: none; pointer-events: none}
.scroll-to-top__btn{width: var(--ama-scroll-top-width); height: var(--ama-scroll-top-height); opacity: 0; color: var(--ama-scroll-top-color); border-radius: var(--ama-scroll-top-border-radius); background-color: var(--ama-scroll-top-bg); font-size: 150%; line-height: 1em; -moz-transition: all .25s linear; transition: all .25s linear}
.scroll-to-top__btn[style="visibility: visible;"]{pointer-events: all; cursor: pointer; opacity: 1}

/* =============================================================================
   media query
   ========================================================================== */
@media (min-width: 1200px){
   #header.scroll-header{--ama-header-height: 3.75rem}

   * + .wpml-ls{margin-left: 1.5rem; padding-left: 1.5rem}
   #header.scroll-header * + .wpml-ls::before{height: 1.875rem}

	.ama-nav-menu{
      margin: 0 -.9375rem;
      display: flex;
      flex-wrap: wrap
   }
      .ama-nav-menu > li{margin: 0 .9375rem}
      .ama-nav-menu li{position: relative}
      .ama-nav-menu .has-submenu > a{padding-right: 1.25rem}
         .ama-nav-menu .has-submenu > .sub-menu-toggle{position: absolute; top: 0; right: 0; width: 1.25rem; height: 100%; pointer-events: none; user-select: none}
         .ama-nav-menu .sub-menu{
            display: block!important;
            z-index: 100;
            position: absolute;
            background-color: #fff;
            white-space: nowrap;
            min-width: 12.5rem;
            opacity: 0;
            pointer-events: none;
            top: -.5rem;
            left: 100%;
            transform-origin: left top;
            transform: scale(0.6);
            transition: opacity 0.3s,transform .3s;
            filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, .1));
            padding: .5rem 0
         }
         .ama-nav-menu .sub-menu a{padding-left: var(--ama-gutter-x); padding-right: var(--ama-gutter-x)}

         .ama-nav-menu > li > .sub-menu{
            top: 100%;
            left: 50%;
            transform: scale(.6) translateX(-50%);
         }
         .ama-nav-menu li:hover > .sub-menu{opacity:1; pointer-events:all; transform:none}
         .ama-nav-menu > li:hover > .sub-menu{transform: scale(1) translateX(-50%)}

         .ama-nav-menu .sub-menu .sub-menu-toggle > svg{transform: rotate(-90deg)}

   .h-content > #headerOffcanvas{flex: 1 0 0}
   .h-content > #headerOffcanvas > .offcanvas-body{align-items: stretch}
   .h-content > #headerOffcanvas > .offcanvas-body,
   .h-content > #headerOffcanvas > .offcanvas-body .ama-nav-menu,
   .h-content > #headerOffcanvas > .offcanvas-body .ama-nav-menu > li,
   .h-content > #headerOffcanvas > .offcanvas-body .ama-nav-menu > li > *:not(ul){height: 100%}
   .h-content > #headerOffcanvas > .offcanvas-body .ama-nav-menu > li > a{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: .375rem 0
   }
   .h-content > #headerOffcanvas > .offcanvas-body .ama-nav-menu > .has-submenu > a{padding-right: 1.25rem}
      .h-content > #headerOffcanvas > .offcanvas-body .ama-nav-menu > li > a::before{
         content: '';
         display: block;
         width: 100%;
         height: .25rem;
         background: var(--ama-primary-color);
         transform: scaleX(0);
         position: absolute;
         top: 0;
         left: 0
      }
      .h-content > #headerOffcanvas > .offcanvas-body .ama-nav-menu > li:hover > a::before,
      .h-content > #headerOffcanvas > .offcanvas-body .ama-nav-menu > [class*="current-"] > a::before,
      .h-content > #headerOffcanvas > .offcanvas-body .ama-nav-menu > [class*="current_"] > a::before{transform: scaleX(1)}

   .h-inner{gap: 0 2.5rem}
}
@media (min-width: 1440px){
   .h-inner{gap: 0 2rem}
}
@media (max-width: 1199px){
   .ama-nav-menu li + li{border-top: 1px solid rgba(0, 0, 0, .05)}
   .ama-nav-menu .sub-menu-toggle{
      cursor: pointer;
      align-self: stretch;
      width: 2.375rem;
      position: relative;
      background: rgba(0, 0, 0, .05)
   }
   .ama-nav-menu .sub-menu{display: none; padding: .625rem; background-color:rgba(0, 0, 0, .05)}

   #header .offcanvas-body{padding: 0}
   #header .offcanvas-body .ama-nav-menu a{padding-left: var(--ama-offcanvas-padding-x); padding-right: var(--ama-offcanvas-padding-x)}
}

*:focus-visible:not(input){outline: 2px dashed #000!important; outline-offset: 3px}

.woocommerce-notice {
   margin-bottom: var(--ama-gutter-x)
}

.wc-block-checkout__payment-method,
.wp-block-woocommerce-checkout-order-summary-totals-block {
   display: none;
}

.mpb__content table {
   border-collapse:collapse
}
.mpb__content table td,
.mpb__content table th {
   border: 1px solid #eef0f2
}

.woocommerce-order h2 {
   margin-bottom: var(--ama-gutter-x);
}

/* woocommerce */

/* =============================================================================
   cart
   ========================================================================== */
.woocommerce .cart-collaterals::after,
.woocommerce .cart-collaterals::before,
.woocommerce-page .cart-collaterals::after,
.woocommerce-page .cart-collaterals::before{display: none}

.woocommerce-notices-wrapper:not(:empty) > * + *{margin-top: .25rem}

.checkbox, .woocommerce-shipping-methods > li{position: relative}
.checkbox > input[type="checkbox"],
.woocommerce-shipping-methods > li > input[type="radio"]{position: absolute; top: 0; left: 0; opacity: 0}

.product-remove .remove{display: block; width: 1.5rem; height: 1.5rem; color: #fff; background-color: var(--ama-primary-color); border-radius: 50%; text-indent: -5000px}

.col2-set .col-1, .col2-set .col-2{flex: unset; width: 100%}
.col2-set .col-1 + .col-2{margin-top: var(--ama-gutter-double-x)}

* + .return-to-shop{margin-top: var(--ama-gutter-double-x)}

dl.variation{display: grid; grid-template-columns: auto 1fr; gap: .25rem .375rem; margin: 0; font-size: .8125rem; line-height: 1rem}
dl.variation > *{margin: 0}
* + dl.variation{margin-top: 5px}

.cart-collaterals > .cart_totals > * + *:not(.shop_table){margin-top: 1.875rem}

.cart-collaterals > .cart_totals{
   padding: var(--ama-gutter-double-x);
   border-radius: var(--ama-gutter-x);
   background-color: #efefef;
   width: 100%;
   max-width: 39.375rem;
   margin-left: auto;
   margin-right: auto
}
.cart-collaterals > .cart_totals .wc-proceed-to-checkout{text-align: center}

.cart-collaterals .shop_table{border-collapse: collapse}
.cart-collaterals .shop_table tr > *{padding-top: 1rem; padding-bottom: 1rem}
.cart-collaterals .shop_table tr:not(:first-child) th,
.cart-collaterals .shop_table tr:not(:first-child) td{border-top: 1px solid rgba(0, 0, 0, .05)}
.cart-collaterals .shop_table tr:not(.woocommerce-shipping-totals) td{text-align: right}

@media (min-width: 1200px){
   .woocommerce-cart .gutenberg-elements > .woocommerce{
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: var(--ama-gutter-double-x);
      align-items: flex-start
   }
   .woocommerce-cart .gutenberg-elements > .woocommerce > *:not(.woocommerce-cart-form, .cart-collaterals){grid-column: 1 / -1}
   .woocommerce-cart .gutenberg-elements > .woocommerce > .woocommerce-cart-form{grid-column: 1 / 8}
   .woocommerce-cart .gutenberg-elements > .woocommerce > * + .cart-collaterals{margin-top: 0; grid-column: 8 / -1}
}

/* =============================================================================
   coupon
   ========================================================================== */
.woocommerce-cart-form__contents div.coupon{display: grid; grid-template-columns: 1fr auto; gap: .5rem var(--ama-gutter-x)}
.woocommerce-cart-form__contents div.coupon > label{display: none!important}

form.woocommerce-form-coupon,
.woocommerce-form-login-toggle + .woocommerce-form-login,
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
form.woocommerce-checkout{display: grid; align-items: flex-end}

form.woocommerce-form-coupon,
.woocommerce-form-login-toggle + .woocommerce-form-login,
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
form.woocommerce-checkout{--woo-grid-layout: 1fr}

form.woocommerce-form-coupon,
.woocommerce-form-login-toggle + .woocommerce-form-login{
   margin-top: var(--ama-gutter-x);
   border: 2px dashed #efefef;
   background-color: #fff;
   padding: calc(var(--ama-gutter-x) - 2px);
   border-radius: .375rem;
   grid-template-columns: var(--woo-grid-layout);
   gap: 1.25rem;
   align-items: center
}
   form.woocommerce-form-coupon > *:empty,
   .woocommerce-form-login-toggle + .woocommerce-form-login > *:empty{display: none!important}
   
   .woocommerce-form-login-toggle + .woocommerce-form-login > *{margin-top: 0}

/* =============================================================================
   checkout
   ========================================================================== */
.woocommerce-shipping-fields + *{margin-top: var(--ama-gutter-x)}
#ship-to-different-address + .shipping_address{padding-top: var(--ama-gutter-x)}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
form.woocommerce-checkout{
   grid-template-columns: var(--woo-grid-layout);
   gap: .9375rem 1.25rem
}

.woocommerce-billing-fields > *:first-child + *{margin-top: var(--ama-gutter-x)}

.woocommerce .form-row > label{display: block; margin: 0 0 .25rem}

#order_review_heading{display: none!important}

* + form.woocommerce-checkout{margin-top: 2.5rem}

form.woocommerce-checkout{gap: var(--ama-gutter-double-x); align-items: flex-start}
      .woocommerce-checkout-payment,
      * + .place-order,
      * + #place_order{margin-top: 1.25rem}
      * + .place-order{padding-top: var(--ama-gutter-double-x); border-top: 1px solid rgba(0, 0, 0, .05)}

.woocommerce-checkout-review-order-table, .woocommerce-checkout-review-order-table > thead, .woocommerce-checkout-review-order-table > tbody, .woocommerce-checkout-review-order-table > tfoot, .woocommerce-checkout-review-order-table tr, .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td{display: block}

.woocommerce-checkout-review-order-table > * + tfoot,
.woocommerce-checkout-review-order-table > tfoot > * + *{margin-top: .5rem; padding-top: .5rem; border-top: 1px solid rgba(0, 0, 0, .05)}

.woocommerce-checkout-review-order-table > * > tr:not(.shipping){display: grid; grid-template-columns: 1fr auto; gap: .5rem 1rem}

ul.woocommerce-shipping-methods,
ul.wc_payment_methods{padding-left: 0; margin: 0; list-style: none}
ul.woocommerce-shipping-methods > li + li,
ul.wc_payment_methods > li + li{margin-top: .75rem}
ul.wc_payment_methods .payment_box{padding-top: .5rem}

.woocommerce-form-login + .woocommerce-form-coupon-toggle{margin-top: var(--ama-gutter-x)}

#ship-to-different-address > label input[type="checkbox"] + *::before,
#ship-to-different-address > label input[type="checkbox"] + *::after,
#ship-to-different-address > label input[type="radio"] + *::before,
#ship-to-different-address > label input[type="radio"] + *::after{top: 50%; transform: translateY(-50%)}

/* =============================================================================
   media queries
   ========================================================================== */
@media (min-width: 568px){
   .woocommerce-billing-fields__field-wrapper,
   .woocommerce-shipping-fields__field-wrapper{--woo-grid-layout: 1fr 1fr}

   .woocommerce-billing-fields__field-wrapper > *:not(.form-row-first):not(.form-row-last):not(.address-field),
   .woocommerce-shipping-fields__field-wrapper > *:not(.form-row-first):not(.form-row-last):not(.address-field),
   .woocommerce-billing-fields__field-wrapper > #billing_country_field,
   .woocommerce-billing-fields__field-wrapper > #billing_postcode_field + #billing_city_field,
   .woocommerce-billing-fields__field-wrapper > #billing_city_field + #billing_postcode_field,
   .woocommerce-shipping-fields__field-wrapper > #shipping_country_field,
   .woocommerce-shipping-fields__field-wrapper > #shipping_postcode_field + #shipping_city_field,
   .woocommerce-shipping-fields__field-wrapper > #shipping_city_field + #shipping_postcode_field{grid-column: auto/span 2}
}

.woocommerce-cart-form__contents td.product-thumbnail > a{display: block; position: relative; width: 100%; overflow: hidden; border: 1px solid #efefef}
   .woocommerce-cart-form__contents td.product-thumbnail > a::before{content: ''; display: block; padding-top: 100%}
   .woocommerce-cart-form__contents td.product-thumbnail > a > img{display: block; position: absolute; top: 50%; left: 50%; max-width: calc(100% - .25rem); max-height: calc(100% - .25rem); width: auto; height: auto; transform: translate(-50%, -50%)}

@media (min-width: 768px){
   form.woocommerce-form-coupon{--woo-grid-layout: 1fr auto}
   .woocommerce-form-login-toggle + .woocommerce-form-login{--woo-grid-layout: repeat(2, 1fr)}

   form.woocommerce-form-coupon > p:not([class]),
   .woocommerce-form-login-toggle + .woocommerce-form-login *:not(.form-row-first):not(.form-row-last){grid-column: auto/span 2}

   .woocommerce-cart-form__contents .actions{padding-left: 0!important; padding-right: 0!important}
   .woocommerce-cart-form__contents .actions__inner{display: grid; grid-template-columns: 1fr auto; gap: var(--ama-gutter-x) var(--ama-gutter-double-x)}

   .woocommerce-cart-form__contents tr > *{padding: .75rem; border-top: 1px solid #efefef}
   .woocommerce-cart-form__contents tr > *:last-child{padding-right: 0}
   .woocommerce-cart-form__contents td.product-remove{padding-left: 0!important; width: 1.5rem}
   .woocommerce-cart-form__contents td.product-thumbnail{
      padding: .6875rem 1px;
      width: 3.75rem;
      height: 5rem;
      position: relative
   }

   .woocommerce-cart-form__contents .product-price,
   .woocommerce-cart-form__contents .product-quantity{text-align: center}
   .woocommerce-cart-form__contents .product-subtotal{text-align: right}

   .woocommerce-cart-form__contents .product-quantity{width: calc(7.5rem + 1.5rem)}
   .woocommerce-cart-form__contents .product-quantity + *{width: 15%}
   .product-quantity > .quantity{max-width: 7.5rem; margin-left: auto; margin-right: auto}
   .product-quantity > .quantity > label + .qty{width: 100%; max-width: 60px; text-align: center}
   .product-quantity > .quantity > label + .qty{border: 1px solid #ced4da; padding: 4px; border-radius: 5px}
}
@media (min-width: 992px){
   form.woocommerce-checkout{--woo-grid-layout: 1fr 1fr}
   form.woocommerce-checkout > *:not(#customer_details, .woocommerce-checkout-review-order){grid-column: auto/span 2; order: 1}
   form.woocommerce-checkout > .woocommerce-NoticeGroup-checkout{order: -1!important}
   
   form.woocommerce-checkout > #customer_details,
   form.woocommerce-checkout > .woocommerce-checkout-review-order{position: sticky; top: 1.25rem; order: -1}
}

@media (max-width: 767px){
   .woocommerce-cart-form__contents, .woocommerce-cart-form__contents > *, .woocommerce-cart-form__contents tr, .woocommerce-cart-form__contents tr > *{display: block}
   .woocommerce-cart-form__contents thead{display: none!important}
   .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item{
      --form__cart-item-offset: 0;
      padding-top: var(--form__cart-item-offset);
      position: relative;
      min-height: 3.75rem;
      padding-left: 4.375rem
   }
   .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item + tr:not([class]){margin-top: 1.25rem}
   .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item + .woocommerce-cart-form__cart-item{--form__cart-item-offset: 1.25rem; margin-top: var(--form__cart-item-offset); padding-top: var(--form__cart-item-offset); border-top: 2px dashed #efefef}
      .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item > *{padding: 0}
      .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item > .product-remove,
      .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item > .product-thumbnail{position: absolute; top: var(--form__cart-item-offset)}
      .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item > .product-remove{right: 0}
      .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item > .product-thumbnail{width: 60px; height: 60px; padding: 4px; border: 1px solid #efefef; left: 0}
      .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item > [data-title]{display: grid; grid-template-columns: 1fr auto; align-items: flex-start; gap: .5rem}
      .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item > [data-title] + [data-title]{margin-top: .5rem; padding-top: .5rem; border-top: 1px dashed #efefef}
         .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item > [data-title]::before{content: attr(data-title); display: block; font-weight: 700}

      .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item > .product-name{padding-right: 2rem}

      .woocommerce-cart-form__contents .actions{padding: 0!important}
      .woocommerce-cart-form__contents .actions__inner > * + *{margin-top: .75rem}
}
@media (max-width: 567px){
   .woocommerce-cart-form__contents .actions__inner > .button{width: 100%}
}

.woocommerce-checkout .woocommerce + .woocommerce{margin-top: 1.25rem}

.woocommerce-terms-and-conditions-wrapper > * + *{margin-top: 1.25rem}
.woocommerce-terms-and-conditions-wrapper + #place_order{margin-top: 1.25rem}
.woocommerce-terms-and-conditions{ padding: .9375rem; background-color: #fff}

/* password input fix */
.password-input{
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 0
}
   .password-input > button{
      width: 3.125rem;
      border: none;
      color: #fff;
      background: var(--ama-primary-color);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
   }
   .password-input > button::before{
      content: '';
      width: 24px;
      height: 24px;
      background: currentColor;
      mask-image: url(../images/iconmonstr-eye-thin.svg);
      mask-repeat: no-repeat;
      mask-size: 100% auto;
      mask-position: center;
      -webkit-mask-image: url(../images/iconmonstr-eye-thin.svg);
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-size: 100% auto;
      -webkit-mask-position: center;
   }
   .password-input > button.display-password::before{
      mask-image: url(../images/iconmonstr-eye-off-thin.svg);
      -webkit-mask-image: url(../images/iconmonstr-eye-off-thin.svg);
   }

.password-input > .woocommerce-Input:first-child:not(:only-child){border-top-right-radius: 0; border-bottom-right-radius: 0}
.password-input > .woocommerce-Input + .show-password-input{
   align-self: stretch;
   margin: 0!important;
   border-top-right-radius: var(--ama-input-border-radius);
   border-bottom-right-radius: var(--ama-input-border-radius)
}

.woocommerce form .form-row{margin-bottom: 0; padding: 0}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first{float: none}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2{width: 100%}

.woocommerce table.shop_table{margin: 0}

/* product category */
.block-regular-woo .products{
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: var(--ama-gutter-double-x);
   list-style: none;
   padding: 0
}
.block-regular-woo *:not(:empty) + .products{margin-top: 1.25rem}

   a.woocommerce-LoopProduct-link{
      display: grid;
      grid-template-rows: auto 1fr;
      color: currentColor;
      text-decoration: none;
      gap: 1.25rem
   }
   a.woocommerce-LoopProduct-link > .ama-regular-product-content > *{display: block}
   a.woocommerce-LoopProduct-link > .ama-regular-product-content > * + *{margin-top: .625rem}
   a.woocommerce-LoopProduct-link > .ama-regular-product-content > .is-title{
      font-size: var(--ama-h6-font-size);
      line-height: var(--ama-h6-line-height);
      font-family: var(--ama-h-font-family);
      font-weight: var(--ama-h-font-weight);
   }

.woocommerce-message[role="alert"]{
   padding-left: 3.125rem;
   --ama-btn-padding-y: .3125rem;
   --ama-btn-padding-x: .625rem;
   --ama-btn-border-width: 0
}

.summary > * + *{margin-top: 1.25rem}

.woocommerce div.product form.cart {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
}
.woocommerce div.product form.cart div.quantity,
.woocommerce div.product form.cart .button{margin: 0; float: none}
.woocommerce div.product form.cart div.quantity{margin-right: .9375rem}

.woocommerce div.product form.cart div.quantity .input-text.qty{
   font-size: var(--ama-input-font-size);
   line-height: var(--ama-input-line-height);
   font-weight: var(--ama-input-font-weight);
   border: var(--ama-input-border-width) solid var(--ama-input-border-color);
   border-radius: var(--ama-input-border-radius);
   padding: var(--ama-input-padding-y) 0.625rem;
   width: 5rem
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
   color: var(--ama-primary-color)
}

@media (max-width: 1199px){
   * + .wpml-ls::before{display: none}

   #footer::before{
      height: 6.25rem
   }
}
@media (max-width: 1159px){
   .f-inner{grid-template-columns: 1fr}
      .f-inner > .f-about,
      .f-inner > .f-cols{grid-column: 1 / -1}
}
@media (max-width: 991px){
   .block-regular-woo .products{grid-template-columns: repeat(3, 1fr)}
}
@media (max-width: 767px){
   #header{
      --ama-social-gap: .1875rem
   }

   .f-inner > .f-cols{grid-template-columns: repeat(3, 1fr)}
      .f-inner > .f-cols > .f-col:last-child:nth-child(even){grid-column: 1 / -1}

   .h-logo{
      overflow: hidden;
      width: 6.25rem
   }

   .block-regular-woo .products{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 567px){
   .f-inner > .f-cols{grid-template-columns: 1fr}
   
   * + .wpml-ls{padding-left: 0}
}
@media (max-width: 479px){
   .h-logo{
      overflow: hidden;
      width: 3.75rem
   }
   .h-logo svg{width: 8.75rem}
}
@media (max-width: 413px){
   .block-regular-woo .products{grid-template-columns: 1fr}
}