/**
Theme Name: Devdiy
Theme URI: https://devdiy.com/
Author: Devdiy
Author URI: https://devdiy.com/
Description: Devdiy WordPress theme — customized storefront for Devdiy.
Version: 4.11.15
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.8
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: devdiy
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Genset WordPress Theme, Copyright 2020 WPGenset.
Genset is distributed under the terms of the GNU GPL.

Genset is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Genset icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Genset WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpgenset.com/docs/replicating-the-screenshot/.

Genset default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Genset local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */
/* 在Max Mega Menu → 主题 → 自定义CSS中添加 */

:root {
  --color-primary: #008060;
  --color-primary-hover: #006B4F;
  --color-primary-light: #E6F4F0;
  --color-accent: #95BF47;
  --color-bg: #FFFFFF;
  --color-surface: #F7F9FC;
  --color-footer: #0B1220;
  --color-text: #0F172A;
  --color-text-muted: #64748B;
  --color-border: #E2E8F0;
  --color-success: #16A34A;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
}


.main-header-menu .menu-link,
.main-header-menu>a {
  text-decoration: none;
  padding: 0 0.5em !important;
  display: inline-block;
}

.menu-link.depth-1{
  font-size: 14px;
  color: #6b6b6b;
}

@media (min-width: 922px) {
    .ast-narrow-container .site-content > .ast-container {
        max-width: 100% !important;
    }
}

.ast-separate-container .ast-article-post{
    padding:0px;
}
.fs155 a:first-child{
  font-size: 15.5px;
}
.fs148 a:first-child {
    font-size: 14.8px;
    font-weight: bold;
}
.main-header-menu>a:hover {
  color: var(--ast-global-color-1);
}

.menu-image img.menu-item-thumbnail {
  transition: transform 0.3s ease;
}
@media (min-width: 993px) {
    .ast-left-sidebar #primary {
        padding-left: 40px;
    }
    .ast-left-sidebar #secondary {
        padding-right: 40px;
    }
    .tax-product_cat #secondary, .post-type-archive #secondary {
        width: 22%;
    }
    

    #secondary .widget-area{
      display: none;
    }
}

.woocommerce-js div.product div.images img{
  border-radius:1px;
}

.single-product .custom_price_html{
  display: none;
}
.genset-ladder-price{
    padding-bottom:15px;
    border-bottom: 0.1rem solid #f2f2f2;
}

.woocommerce-loop-product__title{
  color:#222;
}

ol.dd-list{
    margin: 0 0 1.5em 0em;
}
/* WooCommerce 图标容器 */
.genset-woo-icons {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  margin-top: 6px;
}

/* 1. 设置相对定位容器，作为下拉菜单的锚点 */
.dropdown-menu-lang {
    position: relative;
    display: inline-block;
}

/* 2. 隐藏默认的下拉菜单（初始状态） */
.dropdown-menu-lang .dropdown-menu {
    position: absolute;
    top: 100%;                  /* 紧贴触发按钮底部 */
    left: 0;
    min-width: 150px;
    margin-top: 8px;            /* 与触发器之间的间隙 */
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    list-style: none;
    padding: 8px 0;
    z-index: 1000;

    /* 动画效果 */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}
/* 鼠标悬停时显示下拉菜单 */
.dropdown-menu-lang:hover .dropdown-menu {
    display: block;
    opacity: 1;
}

/* 美化下拉菜单项 */
.dropdown-menu-lang .dropdown-menu li {
    margin: 0;
    padding: 0;
}
.dropdown-menu-lang .dropdown-menu a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    color: #333;
    text-decoration: none;
}
.dropdown-menu-lang .dropdown-menu a:hover {
    background: #f5f5f5;
}

.dropdown-menu-lang .dropdown-menu a:hover {
    background: #f5f5f5;
    color: #0a6ebd;
}
.ast-primary-header-bar{
    border-bottom-width: 0px !important;
}

.dropdown-menu-lang .dropdown-menu {
    display: block !important;   /* 强制显示 */
    visibility: hidden;          /* 但用透明和定位隐藏 */
    opacity: 0;
    transform: translateY(-8px);
    transition: all 0.2s;
}
.dropdown-menu-lang:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* 5. 触发器（当前选中的语言按钮）样式美化 */
.dropdown-menu-lang .dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
}

.dropdown-menu-lang .dropdown-toggle:hover {
    background: #f9f9f9;
}

.ast-custom-search-container
{
  display: none !important;
}
.section-hot-sale a{
  color:var(--fc-color);
}
/* 6. 下拉箭头旋转动画（可选） */
.dropdown-menu-lang .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    transition: transform 0.25s ease;
}

.dropdown-menu-lang:hover .caret {
    transform: rotate(180deg);
}

/* 7. 图片统一样式（确保所有国旗图标大小一致） */
.diy-dropdown-lang-img,
.diy-dropdown-img {
    width: 20px;
    height: 15px;
    object-fit: cover;
}

/* 吸顶效果的基础样式 */
.site-header {
  transition: all 0.3s ease;
}

.site-header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  animation: slideDown 0.35s ease-out;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  background: white;
}

.ast-builder-menu-1 .menu-item > .menu-link
{
  font-weight: 400 !important;
  color: #111 !important;
}
.menu-link.depth-1.active {
  color: #888 !important;  
}

.menu-link.depth-0:hover {
  color: var(--ast-global-color-1) !important;
}

/* 防止页面跳动 - 添加占位空间 */
body.has-sticky-header {
  padding-top: var(--header-height, 100px);
}

/* 动画效果 */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

/* 桌面端吸顶菜单样式调整 */
.site-header.sticky #ast-desktop-header {
  padding: 0px 0;
}

.ast-logo-title-inline .site-logo-img {
    padding-left: 0.12em;
}
.margin-80{
    margin:0 -80px;
}
/*** 吸顶菜单样式调整结束 ***/
/* 搜索图标 */
.search-icon {
  position: relative;
  width: 40px;
  justify-content: center;
  justify-items: center;
  height: fit-content;
  padding-left: 20px;
}

.search-toggle {
  color: #333;
  font-size: 18px;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.search-box {
  /*display: none;*/
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  padding: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  width: 300px;
  z-index: 1000;
  border-radius: 5px;
}

.search-icon:hover .search-box {
  display: block;
}

.ast-scroll-to-top-right {
  right: 35px;
  bottom: 15px;
  opacity: 0.75;
}

.woocommerce-js .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
  background-color: transparent;
  border: solid 1px #eee !important;
  border-radius: 0;
  padding: .5em 1.5em 0.5em 1em;
}

#conversation-group .input-group div:last-child {
  display: none;
}

/* 账户图标 */
.account-icon a {
  color: #333;
  font-size: 18px;
  text-decoration: none;
}

/* 购物车图标 */
.cart-icon {
  position: relative;
}

.cart-icon a {
  color: #333;
  font-size: 18px;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.cart-count {
  /*background: #ff3366;*/
  background: rgb(14,14,14);
  color: white;
  font-size: 12px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -5px;
  right: -5px;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .genset-woo-icons {
    gap: 15px;
  }

  .search-box {
    width: 250px;
    right: -100px;
  }
}


/* 使用 Flexbox 将最后一个菜单项推到最右侧 */
#primary-menu {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.menu-item-woo-icons {
  margin-left: auto !important;
  order: 9999;
}

/* 方法2：单独定位 */
.menu-item-woo-icons {
  margin-left: auto !important;
  margin-right: 0 !important;
}
.menu-item-data-0 .sub-menu3:first-child{
  visibility: hidden;
}

#ast-scroll-top{
    display: none !important;
}
.woocommerce-js a.remove {
  font-size: 16px;
  white-space: nowrap;
}

.menu-item-woo-icons {
  position: absolute !important;
  right: 80px !important;
  top: 40% !important;
  transform: translateY(-40%) !important;
  margin-top: 40px;
}

.genset-woo-icons svg:hover {
  transform: scale(1.08);
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(3)>ul.sub-menu3 .menu-link.depth-1,
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(4)>ul.sub-menu3 .menu-link.depth-1{
  text-transform: uppercase;
  margin-bottom: 7px;
}


.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(2) >.sub-menu-desktop,
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(3) >.sub-menu-desktop,
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(6) >.sub-menu-desktop{
   box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08) !important;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(2),
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(6){
  position: relative;
} 
 

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(2)>ul.sub-menu3{ 
  left: 0 !important;
  width: max-content !important;  
  border: none;
  padding: 8px 0 !important;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(2)>ul.sub-menu3 .menu-link.depth-1.active,
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(6)>ul.sub-menu3 .menu-link.depth-1.active{ 
  color: #333 !important; 
}


.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(2)>ul.sub-menu3 .menu-link.depth-1.active:hover,
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(6)>ul.sub-menu3 .menu-link.depth-1.active:hover{ 
  color: #0a6ebd !important; 
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(2)>ul.sub-menu3 .genset-nav-col-link::after,
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(6)>ul.sub-menu3 .genset-nav-col-link::after {
	content: "";
	position: absolute;	
	left: 0rem;
    width: 100%;
    bottom: 0.3rem;
    height: 0.1rem;
	background: #0a6ebd;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.25s ease;
	pointer-events: none;
}

/*
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(6) a:hover{
    color: #0a6ebd;
}*/


.ast-desktop .genset-nav-megaroot > .sub-menu3,
.ast-desktop .genset-nav-megaroot > .sub-menu,
.ast-desktop .genset-mega-products-root > .sub-menu3,
.ast-desktop .genset-mega-products-root > .sub-menu {
	position: absolute;
	left: 0;
	right: auto;
	width: max-content;
	max-width: min(420px, calc(100vw - 24px));
	margin: 0;
	padding: 8px 0;
	background: #fff;
	box-shadow: 0 12px 40px rgba(0,0,0,0.08);
	border-top: 1px solid rgba(0,0,0,0.06);
	z-index: 100000;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0;
	list-style: none;
}



.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(6)>ul.sub-menu3{  
  left: 0 !important; 
  width: max-content !important;  
  border: none;
}

.main-header-menu > .menu-item-has-children:hover>.sub-menu3{ 
  visibility: visible;
  display: flex;
  flex-direction: column;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(2)>ul.sub-menu3>.sub-menu .menu-link,
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(6)>ul.sub-menu3>.sub-menu .menu-link {
    border-style: none;
    color: #000 !important;
}



/*
.dropdown-menu-toggle{
  display: none;
}
*/
.submenu a{
  color:var(--fc333)
}

#secondary h2,
.sidebar-main .widget-title {
  font-size: 1.1rem !important;
}

#diy-modal-window .modal-content{
  width:766px;
  height: 85%;
}

.woocommerce-MyAccount-navigation ul li::marker {
  content: " " !important;
}
/*
.content-area.primary .woocommerce-breadcrumb {
  display: none;
}
*/
/*
.content-wrapper {
  background: #07529de0 !important;
}
*/
.accessory-item:hover {
  background: #07529de0 !important;
}

.filter-folder-content {
  height: auto;
  position: relative;
  transition: height .2s ease;
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  border-color: #e8e8e1;
}

.filter-folder-content .expand:hover,
.filter-folder-content .btncollapse:hover,
.filter-more-btn.clear:hover,
.filter-more-btn-drawer.clear:hover {
  color: #444;
}


.woocommerce .woocommerce-ordering {
  float: right;
  margin-bottom: 0.5em !important;
}

.filter-folder-content .filter-more-btn {
  margin-top: 15px;
  font-size: 14px !important;
  display: inline-block;
  width: auto;
  cursor: pointer;
}

.filter-folder-content .filter-tags-mask,
.filter-folder-content-drawer .filter-tags-mask-drawer {
  display: block;
  bottom: 0;
  height: 35px;
  position: absolute;
  width: 100%;
  background: linear-gradient(rgba(var(--color-page-background), 0), rgb(var(--color-page-background)));
}

.filter-folder-content .btn-link,
.clear {
  font-size: calc(var(--type-body-size) * .875);
  padding-left: 1px;
  padding-right: 1px;
  color: #444;
  position: relative;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.woocommerce_price_filter .bottom-line,
.woocommerce_price_filter_drawer .bottom-line {
  border-bottom: 1px solid #e8e8e1;
  width: 100%;
  height: 1px;
  margin-top: 5px;
}

/* 在 Additional CSS 中添加 */
.announcement-container {
  width: 100%;
  background: var(--color-primary, #008060);
  padding: 8px 24px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  text-align: left;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 15px;
}
.genset-header-contact-item{
  display: none !important;
}

/* 方法1: 无限水平滚动 */
.announcement-content {
  display: inline-block;
  font-size: 15px;
  line-height: 2.5rem;
  /*padding-left: 100%;*/
  /*animation: scroll-left 20s linear infinite;*/
}

.announcement-content .emoji {
  width: 14px;
  height: 14px;
}

.announcement-content span {
  display: inline-block;
  padding: 0 5px 0 20px;
  font-size: 14px;
  color: #fff;
  position: relative;
}

.announcement-content span::after {
 /* content: "•";*/
  position: absolute;
  right: -5px;
  color: #fff;
}
.announcement-content .span-last::after{
  content: "";
}

/* 滚动动画 */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* 方法2: 循环滚动（更流畅） */
.announcement-list {
  display: inline-block;
  animation: marquee 30s linear infinite;
}

.announcement-list li {
  display: inline-block;
  margin-right: 50px;
  font-size: 14px;
  color: #666;
  list-style: none;
}

@keyframes marquee {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* 方法3: 平滑暂停效果 */
.announcement-container:hover .announcement-content {
  /*animation-play-state: paused;*/
}

.announcement-container:hover::before,
.announcement-container:hover::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 1;
  pointer-events: none;
}

.announcement-container:hover::before {
  left: 0;
  background: linear-gradient(to right, #f8f9fa, transparent);
  opacity: 0.25;
}

.ast-builder-grid-row{
  display: grid !important;
}

.announcement-container:hover::after {
  right: 0;
  background: linear-gradient(to left, #f8f9fa, transparent);
  opacity: 0.25;
}

.ast-scroll-top-icon {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/** 分页居中 */
.woocommerce-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  padding: 20px 0;
}

/* 分页列表 */
.woocommerce-pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  gap: 5px;
}

/* 分页项 */
.woocommerce-pagination .page-numbers li {
  display: inline-block;
  margin: 0;
}

/* 分页链接样式 */
.woocommerce-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}


.woocommerce-pagination .woocommerce-button {
  margin: 0px 10px !important;
}

.woocommerce-table--order-details tfoot tr td {
  display: flex !important;
}

.woocommerce-table--order-details tfoot tr td .woocommerce-button {
  margin: 0 5px !important;
}

.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--email::before {
  line-height: 1.55;
}

.woocommerce-js h2 {
  margin-bottom: .7em;
  font-size: calc(var(--type-title-size));
  font-weight: 500;
}

.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  text-decoration: none;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* 当前页面样式 */
.woocommerce-pagination .page-numbers span.current {
  background-color: #007cba;
  color: white;
  /*border-color: #007cba;*/
}

/* 悬停效果 */
.woocommerce-pagination .page-numbers a:hover {
  background-color: #f5f5f5;
  border-color: #999;
}

/* 箭头样式 */
.woocommerce-pagination .page-numbers .prev,
.woocommerce-pagination .page-numbers .next {
  min-width: 60px;
}

/* 省略号样式 */
.woocommerce-pagination .page-numbers .dots {
  border: none;
  background: transparent;
  min-width: 20px;
}

/* 响应式设计 */
@media (max-width: 768px) {

  .woocommerce-pagination .page-numbers a,
  .woocommerce-pagination .page-numbers span {
    min-width: 35px;
    height: 35px;
    font-size: 13px;
    padding: 0 8px;
  }

  .woocommerce-pagination .page-numbers .prev,
  .woocommerce-pagination .page-numbers .next {
    min-width: 50px;
  }
}

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

  .woocommerce-pagination .page-numbers a,
  .woocommerce-pagination .page-numbers span {
    min-width: 30px;
    height: 30px;
    font-size: 12px;
    padding: 0 5px;
  }

  .woocommerce-pagination .page-numbers .prev,
  .woocommerce-pagination .page-numbers .next {
    min-width: 40px;
  }
}

.woocommerce-js .widget_product_search button,
.woocommerce-page .widget_product_search button {
  flex: 0 0 auto;
  padding: 3px 20px;
}

#woocommerce_product_search-2 button {
  border-radius: 1px;
}

/****** 两端对齐 *********/
/* 容器 */
.flex-justify {
  display: flex;
  justify-content: space-between;
  /* 两端对齐，项目间间隔相等 */
}

/* 两端对齐且间隔相等 */
.flex-justify-evenly {
  display: flex;
  justify-content: space-evenly;
  /* 包括两端的间隔也相等 */
}

/* 两端对齐且自动分配间隔 */
.flex-justify-space-between {
  display: flex;
  justify-content: space-between;
}

/* 响应式换行两端对齐 */
.flex-justify-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* 解决最后一行对齐问题 */
.flex-justify-fixed::after {
  content: "";
  flex: auto;
}

/************ 左对齐 **************/
/* 方法1：基本左对齐 */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  /* 允许换行 */
  justify-content: flex-start;
  /* 左对齐 */
  gap: 20px;
  /* 现代浏览器：统一间距 */
}

.flex-box {
  flex: 0 0 200px;
  /* 不伸缩，不收缩，基础宽度200px */
  height: 150px;
  background: #e0e0e0;
}

/* 方法2：响应式左对齐 */
.responsive-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.responsive-box {
  flex: 0 0 calc(25% - 15px);
  /* 4列布局 */
  min-height: 120px;
  background: #fff;
}

/* 方法3：处理最后一行 */
.flex-fix-last-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.flex-fix-last-row::after {
  content: "";
  flex: 1 1 auto;
  max-width: calc(25% - 20px);
  /* 与子元素同宽 */
  height: 0;
}

/* 方法2：完全自定义样式 */
.custom-checkbox-container-drawer,
.custom-checkbox-container {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
  padding-left: 30px;
  /* 为自定义复选框留出空间 */
  margin: 7px 0;
  min-height: 25px;
  text-align: left;
}

.woocommerce-js .widget_price_filter .price_slider_amount .button {
  font-size: 1.1em !important;
  padding: 8px 26px;
}

/* 隐藏原生复选框 */
.custom-checkbox-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* 创建自定义复选框 */
.custom-checkbox-checkmark {
  position: absolute;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 1px;
  transition: all 0.3s ease;
}

/* 鼠标悬停效果 */
.custom-checkbox-container:hover .custom-checkbox-input~.custom-checkbox-checkmark {
  background-color: #fff;
  border-color: rgb(234, 236, 236);
}

/* 选中状态 */
.custom-checkbox-input:checked~.custom-checkbox-checkmark {
  background-color: #fff;
  border: 1px solid rgb(221, 221, 221);
}

/* 创建勾选标记（隐藏状态） */
.custom-checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 2px;
  top: 3px;
  width: 11px;
  background: var(--background-color);
  height: 11px;
  border: solid white;
  border-width: 0 1px 1px 0;
  transform: rotate(90deg);
}

/* 显示勾选标记（选中时） */
.custom-checkbox-input:checked~.custom-checkbox-checkmark:after {
  display: block;
}


/***** 最近浏览产品 *****/
/* 完整的CSS样式 */
.recently-viewed-products {
  margin: 0px 25px 40px 25px;
  padding: 0px;
  position: relative;
  border-radius: 8px;
}

.recently-viewed-products .section-title {
  text-align: center;
  font-size: 28px;
  color: #333;
}

.recently-viewed-products .products li::marker {
  display: none !important;
}

li::marker {
  content: '' !important;
  display: none !important;
}

.recently-viewed-products .ast-grid-common-col {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

/* 基础容器样式 */
.recently-viewed-products .products-5,
.recently-viewed-products .products-6,
.recently-viewed-products .products-7,
.recently-viewed-products .products-8 {
  grid-auto-columns: 0;
  overflow-x: hidden;
  grid-auto-flow: column;
}

.recently-viewed-products .products {
  display: grid;
  margin: 0 0px;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.recently-viewed-products .ast-article-post {
  margin-bottom: 2em;
}

.entry-content.clear {
  text-decoration: none;
  margin-bottom: 50px;
}

.recently-viewed-products .products-5 {
  display: grid;
  margin: 0 0px;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

.recently-viewed-products .products-6 {
  display: grid;
  margin: 0 0px;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
}

.recently-viewed-products .products-7 {
  display: grid;
  margin: 0 0px;
  grid-template-columns: repeat(7, 1fr);
  gap: 15px;
}

.recently-viewed-products .products-8 {
  display: grid;
  margin: 0 0px;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
}

/* 产品项样式 */
.recently-viewed-products .products .product {
  /*flex: 0 0 calc(25% - 0px); 
    max-width: calc(25% - 0px);*/
  /* 最大宽度限制 */
  margin: 0 0px 0px;
  /* 左右间距和底部间距 */
  box-sizing: border-box;
  margin-bottom: 40px;
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .recently-viewed-products .products .product {
    flex: 0 0 calc(33.333% - 0px);
    /* 中等屏幕3列 */
    max-width: calc(33.333% - 0px);
  }
}

@media (max-width: 768px) {
  .recently-viewed-products .products .product {
    flex: 0 0 calc(50% - 0px);
    /* 小屏幕2列 */
    max-width: calc(50% - 0px);
  }
}

@media (max-width: 480px) {
  .recently-viewed-products .products .product {
    flex: 0 0 calc(100% - 0px);
    /* 超小屏幕1列 */
    max-width: calc(100% - 0px);
  }
}

.recently-viewed-products .woocommerce-loop-product__title {
  font-size: 16px;
  white-space: wrap;
  margin-top: 10px;
  line-height: 24px;
  margin-bottom: 10px;
}

/**
 * 分类页面大图
 */
/* 分类横幅样式*/
.category-header-banner {
  position: relative;
  border-radius: 0px;
  max-height: 520px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  
}

.block-brand.category-header-banner,.block-brand .category-banner-image{
  max-height: 490px;
}

.block-brand.category-header-banner, .block-brand{
  margin:50px -25px !important;
}

.category-header-banner .category-header-banner .item {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.category-header-banner img {
  animation: zoom-fade 2.5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 1;
}
#pp-root .pp-tracking-section *:not(h2) {
    font-size: inherit;
    border-radius: 1px;
}
.post-59 .entry-content p a{
  text-decoration: underline !important;
}
.post-59 .entry-content p:last-child > a{
  text-decoration: none !important;
}
.entry-content.clear p{
  font-family: Assistant Arial, sans-serif !important;
}
#menu-item-27314 .sub-menu3.sub-menu-desktop{margin-top:15px;}
.category-header-banner:after {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .065;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

@keyframes zoom-fade {
  0% {
    opacity: .01;
    transform: scale(1.3);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

#primary {
  margin: 3em 0;
}

header.entry-header .entry-title {
  font-weight: 500;
  font-size: 34px;
  margin-top: 30px;
  text-align: center;
}

.entry-content :where(h1, h2, h3, h4, h5, h6) {
  font-weight: 400;
}

.ast-article-post .post-thumb-img-content img {
  aspect-ratio: 12/9;
}

.category-news .post-content>.cat-links {
  display: none;
}

.post-20 .entry-title,
.post-28222 .entry-title {
  display: none;
}

h1.page-title {
  border-bottom: 0px solid #eaeaea;
}


body.archive .ast-archive-description {
  padding-bottom: 1em;
}

.ast-pagination {
  padding-bottom: 2em;
}

.ast-archive-description {
  border-bottom: 0px solid var(--ast-border-color);
}

.entry-content>.wp-block-columns {
  padding: 20px 0px;
}

.category-banner-image {
  width: 100%;
  height: 520px !important;
  object-fit: cover !important;
  transform: scale(1);
  opacity: 1;
  animation: zoom-fade 2.5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
  display: block;
}

.category-header-content {

  align-items: center;
  color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}

.category-header-content:before {
  /*background: radial-gradient(rgba(0, 0, 0, .2) 0, transparent 5%);*/
  align-items: center;
  color: white;
  display: flex;
  content: "";
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}

.woocommerce-breadcrumb a {
  color: var(--bs-black) !important;
}

.single-product-category {
  display: none !important;
}

.woocommerce-breadcrumb a:last-child {
  color: #777
}

.woocommerce-products-header__title.page-title {
  display: none;
}

.category-title {
  font-size: var(--fs-56);
  margin: 0 0 10px;
  /*text-shadow: 1px 1px 3px rgba(0,0,0,0.);*/
  color: white;
  text-align: center;
  letter-spacing: 0.05em;
}

.category-description {
  font-size: 16px;
  max-width: 800px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  padding: 0px 40px;
}

.buy-now a {
  border-radius: 0px;
  border: solid 1px #333 !important;
  border-radius: 0;
  color: #333;
  transition: opacity .15s ease-in-out;
}

.buy-now a:hover {
  box-shadow: 0 0 0 1px #000;
  border-radius: 0px;
  color: #000;
}

.woocommerce-js .woocommerce-breadcrumb {
  z-index: 3;
}

/* 子分类网格 */
.subcategory-grid {
  margin: 0 0 40px;
}

.subcategory-grid h3 {
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
}

.subcategory-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
}

.subcategory-item {
  text-align: center;
  transition: transform 0.3s ease;
}

.subcategory-item:hover {
  transform: translateY(-5px);
}

.subcategory-link {
  display: block;
  text-decoration: none;
  color: #333;
}

.subcategory-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 10px;
  border: 1px solid #eee;
}

.subcategory-title {
  font-size: 16px;
  margin: 0;
  font-weight: 600;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .category-banner-image {
    height: 150px;
  }

  .category-title {
    font-size: calc(var(--type-title-size) * .6944444444);
  }

  .category-header-content {
    padding: 20px;
  }

  .subcategory-list {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}

@media (max-width: 480px) {
  .category-banner-image {
    height: 150px;
  }

  .category-title {
    font-size: 24px;
  }

  .subcategory-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

#secondary {
  margin: 2em 0 2.5em;
}

.entry-content ul {
  padding-left: 0px;
}

/** 隐藏分类侧边栏*/
body.term-69 .widget-area.secondary {
  /* 分类ID为1*/
  display: none !important;
}

.menu-item-submenu {
  margin-top: 2px;
  padding-left: 7px;
}

.menu-item-submenu .show-more {
  font-size: 0.825rem;
  margin-left: -7px;
  font-weight: bold;
  line-height: 25px;
  color: #555;
}

.menu-description {
  min-height: auto;
  white-space: normal;
}

.menu-item-submenu br {
  height: 0px;
}

.menu-item-submenu br:first-child {
  height: 0px;
  line-height: 0px;
}

.menu-item-submenu a {
  font-size: 17px;
  line-height: 30px !important;
  color: #222;
}

.menu-item-submenu a:hover {
  color: rgb(4, 92, 180);
}

.menu-item-submenu .desc {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 25px;
  height: 50px;
}

#menu-item-27314 .menu-image img.menu-item-thumbnail {
  width: 240px;
  height: 100% !important;
  padding-bottom: 5px;
}

#menu-item-27314 .sub-menu a:first-child.menu-link {
  font-size: 14px;
  font-weight: bold;
  line-height: 30px !important;
  color: #333;
}


.woocommerce-js table.shop_table,
.woocommerce-page table.shop_table {
  border: 1px solid #fff;
}

#menu-item-27314 .dropdown-menu-toggle {
  display: none;
}

.cart_totals.calculated_shipping {
  display: none;
}

.woocommerce .price,
.woocommerce .amount,
.woocommerce-Price-amount.amount {
  font-family: "Roboto", sans-serif;
  display: flex;
}

#menu-item-27306,.menu-toggle2.main-header-menu-toggle{
  display: flex !important;
}


#menu-item-27557 a:first-child.menu-link,
#menu-item-27562 a:first-child.menu-link {
  font-size: 14px;
  font-weight: bold;
  line-height: 18px !important;
  color: #333;
}

#menu-item-27317 .menu-image img.menu-item-thumbnail {
  width: 380px;
  height: 380px;
  object-fit: contain;
}

#menu-item-27568,
#menu-item-27569 {
  width: 350px !important;
  object-fit: contain;
}


#menu-item-27314 .menu-item-data-1 a.menu-link:first-child:hover {
  background: none !important;
}

#menu-item-27314 .sub-menu3.sub-menu-desktop a.menu-link:first-child {
  line-height: 30px !important;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}

.site-primary-header-wrap .menu-item-data-2 a.menu-link:first-child:hover {
  background: #fff;
}

.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item>a:first-child.menu-link {
  border-bottom: solid 1px #fff !important;
  line-height: 49px !important;
  height: 49px;
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  font-weight: 500;
  font-size: 16px;
}

.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item>a:first-child.menu-link.active {
  /*border-bottom: solid 1px var(--ast-global-color-1) !important; */ 
  height: 49px;
  transition: 1.3s !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  font-weight: 500;
  font-size: 16px;
}

#menu-item-30858{
  margin-top:0px !important;
}
.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu,.main-header-menu .menu-item>.sub-menu.toggled-on {
    right: auto;
    left: 0;
    visibility: visible
}

.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item>a:first-child.menu-link.active:hover {  
  transition: color 0s ease;
}

/**下滑线**/
        .menu-link {
            position: relative; 
            display: inline-block;
            color: #e0e6eb;           
            text-decoration: none;
            font-size: 1rem;
            font-weight: 300;        
            letter-spacing: 0.02em;
            padding: 1rem 0rem 0rem;  
            cursor: pointer;
            transition: color 0.2s ease;
            white-space: nowrap;
        }
        
        .ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item>a:first-child.menu-link:hover {
            color: var(--ast-global-color-1);
        }        
    
        .ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item>a:first-child.menu-link::after {
            content: '';
            position: absolute;
            left: 50%;
            width: 0;
            bottom: 0px; 
            height: 0.05em;           
            background: transparent;
            transition: left 0.3s ease, width 0.3s ease, background-color 0.25s ease;
            pointer-events: none;
        }

        .ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item>a:first-child.menu-link:hover::after {
            left: 25%;
            width: 35%;
            background: var(--ast-global-color-1);
            height: 0.115rem;
        }

/** 下划线结束 **/

.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item>a:first-child.menu-link:hover {
  color: var(--ast-global-color-1);
}

.ast-builder-menu-1 .menu-item.current-menu-item>.menu-link,
.ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item>.ast-menu-toggle,
.ast-builder-menu-1 .current-menu-ancestor>.menu-link {
  color: #334155;
}

.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item>a:first-child:not(:last-child) {
  line-height: 69px !important;
  height: 69px;
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
}

#menu-item-27557 .menu-item-content-left,
#menu-item-27562 .menu-item-content-left {
  flex-direction: column !important;
  gap: 0px;
}

#menu-item-27568 .menu-item-content-left,
#menu-item-27569 .menu-item-content-left {
  gap: 0px;
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.ast-builder-layout-element .ast-site-identity {
  margin-left: 0px;
}

/** 页面全宽 */
.page-id-20 .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/** 产品促销 */
.single-product-related .ast-on-card-button {
  display: none;
}

.single-product del {
  font-weight: 400 !important;
}

.ast-on-card-button {

  left: 10px;
  color: rgba(var(--color-tag-text));
  word-break: break-word;
  bottom: 0;
}

.ast-onsale-card {
  /*background: rgba(var(--color-tag-background));*/
 background: rgb(14 14 14);
}

.ast-on-card-button .ahfb-svg-iconset {
  opacity: 0.85 !important;
}

.ast-card-action-tooltip {
  bottom: 10px;
}


.ast-on-card-button .ahfb-svg-iconset {
  bottom: 10px;
  position: absolute;
}

.ast-onsale-card {
  top: auto;
}

/** 列表 **/
.recently-viewed-products .genset-shop-thumbnail-wrap {
  position: relative;
  overflow: hidden;
}

.ast-woocommerce-container .genset-shop-thumbnail-wrap {
  position: relative !important;
  margin-bottom: 12px;
}

.recently-viewed-products .ast-on-card-button.ast-onsale-card {
  margin-left: 0px;
  height: 33px;
  position: absolute;
  bottom: 8px;
}

.category-news .entry-title,
.category-news .entry-title a {
  font-size: 16px;
  font-weight: normal !important;
}

.category-news .entry-title a:hover {
  color: var(--ast-global-color-1);
}

.single-product-related img,
.recently-viewed-products img,
.woocommerce-cat-products img {
  transition: all .5s ease;
}

.woocommerce_thumbnail_wrapper {
  overflow: hidden;
  width: 100%;
}

.woocommerce-js ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
  margin-bottom: .0em;
  object-fit: cover;
}

.ast-woocommerce-container .genset-shop-summary-wrap {
  margin-top: 12px;
}

.recently-viewed-products .genset-shop-summary-wrap {
  margin-top: 20px;
}

.woocommerce_thumbnail_wrapper img:hover {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  transform: scale(1.08);
  /*transition: all 1s ease;*/
  transition: transform 1s ease;
  -o-object-fit: cover;
  object-fit: cover;
}

.recently-viewed-products .ast-on-card-button {
  left: 10px;
  color: rgba(var(--color-tag-text));
  word-break: break-word;
}

.recently-viewed-products .products-5 .ast-on-card-button {}

/*
.custom-split-cart-container .recently-viewed-products  .ast-on-card-button.ast-onsale-card{
  bottom: 10px;
}
.custom-split-cart-container .ast-on-card-button .ahfb-svg-iconset{
  bottom: -20px;
  position: absolute;
}
*/
.page-cart .ast-on-card-button {
  top: 86% !important;
}

.page-cart img {
  max-height: 326px;
}

.menu-item-submenu span.show-more-products {
  margin-left: 0px !important;
}

.menu-item-submenu span.show-more-products:hover {
  color: var(--ast-global-color-1);
}

.menu-item-submenu span.show-more:hover {
  color: var(--ast-global-color-1);
}

.checkout-items .form-row span.required {
  margin-top: 4px !important;
}
.container2 .sidebar-section{
  padding-left:0.85rem;
  padding-right:0.85rem;
}

.checkout-items .form-row label.required_field {
  display: flex;
}

.custom-split-cart-container .custom-cart .woocommerce-js .quantity input[type=email],
.custom-split-cart-container .custom-cart .woocommerce-js .quantity input[type=number],
.custom-split-cart-container .custom-cart .woocommerce-js .quantity input[type=text],
.custom-split-cart-container .custom-cart input {
  border: solid 0px #fff;
  background: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  border: 1px solid #ddd;
}

.woocommerce-js .star-rating span::before {
  color: #f8c903;
}


#menu-item-27307 .menu-image img.menu-item-thumbnail {
  width: 160px !important;
}

#menu-item-27307 .sub-menu3.sub-menu-desktop li.menu-item {
  width: 160px !important;
  margin-right: 0px;
}

#menu-item-27307 .sub-menu3.sub-menu-desktop li.menu-item,
#menu-item-27307 .sub-menu3.sub-menu-desktop li.menu-item .menu-image img {
  margin-right: 0px !important;
}

.related-products-intro .single-product {
  margin-bottom: 0px !important;
}

.myswiper,.myswiper-2 {
  width: 100%;
  height: 100%;
}

.myswiper .swiper-slide,.myswiper-2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.myswiper .swiper-slide img,.myswiper-2 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 保持图片比例，覆盖容器 */
  display: block;
  /* 去除图片默认间隙 */
}

.myswiper .swiper-button-next,
.myswiper-2 .swiper-button-next,
.myswiper .swiper-button-prev,
.myswiper-2 .swiper-button-prev {
  display: block !important;
}

.myswiper .swiper-button-next:after,
.myswiper .swiper-button-prev:after {
  display: none;
}

.myswiper-2 .swiper-button-next:after,
.myswiper-2 .swiper-button-prev:after {
  display: block;
}

.myswiper .swiper-button-next,
.myswiper .swiper-button-prev {
  align-items: center;
  background-color: rgba(var(--color-page-background));
  border: 1px solid rgba(var(--color-entry-line));
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(0, 0, 0, .08);
  color: rgba(var(--color-text));
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: none;
  position: absolute;
  top: calc(50% - 20px);
  transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1), transform .25s cubic-bezier(.4, 0, .2, 1);
  width: 40px;
  z-index: 3;
  opacity: 0.75;
}

.entry-content ul, .entry-content ol {
    padding: revert;
    margin: revert;
    padding-left: 0px;
}
#diy-modal-window .diy-modal-dialog{
    height: 100%;
}
pre{
  overflow: hidden !important;
}
.sl-richtext.body2{
  font-size:var(--fs-16);
}
.sl-richtext.body2 h1,.sl-richtext.body2 h2{
  font-size:var(--fs-28);
  margin-top:15px;
  margin-bottom:8px !important;
}
.d-flex{display: flex;}
@media (max-width: 920px) {
  .myswiper .swiper-button-next {
    right: 20px;
  }
  .ast-container, .ast-container-fluid{
      padding-left: 80px;
      padding-right: 80px;
  }
  .ast-logo-title-inline .site-logo-img {
    padding-inline: 0px !important;
  }

  .category-header-banner {
    aspect-ratio: 16 / 11;
  }

  .block-brand.category-header-banner, .block-brand{
    margin:30px -25px !important;
  }

  .ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 65px;
  }

  .announcement-container .announcement-content {
    /*animation-play-state: paused;*/
    text-align: center;  
  }

  #diy-modal-window .modal-content{
    width:100%;
    height: 85%;
    padding-bottom:50px;
  }
  #diy-modal-window .diy-modal-dialog{
    height: auto;
  }
  .myswiper .swiper-button-prev {
    left: 20px;
  }

  .myswiper,.myswiper-2 {
    height: auto !important;
    min-height: 200px;
    max-height: 280px;
  }
  #diy-modal-window .modal-header{
    position: absolute !important;
  }
  .page-template-page-my-account-register #page {   
    min-height: 90vh !important;
  }
  .recently-viewed-products .ast-article-post {
      margin-bottom: 1em !important;
  }
  .footer__corner {
    padding: 15px 15px 140px 15px !important;
    background: var(--background-color);
  }
  .footer__corner-bottom{
    border-top: solid 1px rgba(255, 255, 255, 0.1);
  }
}
.site-header-section>div:first-child {
    margin-left: -4px;
}

.icon-demo .bi, .icon-demo-examples .bi {
    width: 1em;
    height: 1em;
}

.bi {
    display: inline-block;
    vertical-align: -.125em;
    fill: currentcolor;
}