/*
 Theme Name:   mytehmes
 Description:  mytehmes
 Author:       jiang
 Template:     twentytwentyfive
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 Text Domain:  twentytwentythree-child
*/

/* public CSS 
:where(.wp-site-blocks *:focus) { outline-width: 1px; outline-style: solid;}*/
/* 1. 定义自定义字体：设为 swap，并记录指标 */
@font-face {
  font-family: 'MyCustomFont'; /* 自定义字体名 */
  src: url('fonts/bootstrap-icons.woff2') format('woff2'), /* 优先加载现代格式 */
       url('fonts/bootstrap-icons.woff') format('woff');  /* 兼容旧浏览器 */
  font-weight: 400; /* 对应字体权重 */
  font-style: normal;
  font-display: swap; /* 核心：确保文本可见 */
  /* 记录自定义字体的指标（后续给 fallback 用） */
  ascent-override: 80%; 
  descent-override: 20%;
  line-gap-override: 10%;
}

/* 2. 定义 fallback 字体：强制使用自定义字体的指标 */
@font-face {
  font-family: 'MyFallbackFont'; /* fallback 字体名 */
  src: local('SimSun'), /* 系统 fallback 字体（Windows：宋体） */
       local('PingFang SC'), /* macOS：苹方 */
       local('sans-serif'); /* 通用 fallback */
  /* 关键：复用自定义字体的指标，消除尺寸差异 */
  ascent-override: 80%; 
  descent-override: 20%;
  line-gap-override: 10%;
}

/* 3. 应用字体：优先用自定义， fallback 为适配指标的字体 */
body { font-family: Arial, 'MyCustomFont', 'MyFallbackFont', sans-serif; font-size:1rem; line-height:1.6;}

a { text-decoration: none;}
a:hover { text-decoration: none; }
h1 {line-height:1.2; font-size:2.4rem; margin-top:0; margin-bottom:0.5em;}
h2 {line-height:1.3; font-size:2rem; margin-top:0; margin-bottom:0.4em;}
h3 {line-height:1.4; font-size:1.6rem; margin-top:0; margin-bottom:0.3em;}
h4 {line-height:1.5; font-size:1.2rem; margin-top:0; margin-bottom:0.2em;}
p { margin-top:0; margin-bottom:0; }
div { margin:0; padding:0;}
input, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #333; outline: none; font-size:1rem ; font-family: Arial, sans-serif ; }
button { cursor: pointer; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="submit"] { cursor: pointer;}
input:focus { outline: none; border-color: #66afe9; }

.right_button001,  .menu_toggle, .home_p_list ul li .count, .panel-header::after, #open_menu { display: none; }

.list_one_style, .menu_all, .shili ul, .shili ul li, .latest-posts-shortcode, .page_contact003 ul, .home_contact001 ul, .about_us005 ul { display: flex; justify-content: space-between; gap: 40px; }
.page_contact003 ul {justify-content:start; }
.list_one_style li, .shili ul li, .home_contact001 ul li, .about_us005 ul li, .latest-post-item { flex: 1; min-width: 280px;}

.space_12 { height:1.2rem;}
.space_20 { height:20px;}
.space_40 { height:40px;}
.space_width {width:70%;}
.con_width, .menu002 .woocommerce { max-width:1600px; min-width:320px; margin:0 auto; padding:0 60px;}
.all_font_link a { color:#fff; }
.all_font_link a:hover { color:#01A291; }

.btn_001, .wpcf7 form input.wpcf7-submit, .enquiry-button { border:2px solid #1D1F26; background-color: #1D1F26; color: #fff; border-radius: 4px; padding:0 1.5rem; height:50px; font-size: 1.1rem;}
.btn_002 { background-color:unset; color:#1D1F26; border:2px solid #01A291; }
.btn_001:hover, .wpcf7 form input.wpcf7-submit:hover, .enquiry-button:hover { border:2px solid #1D1F26; background-color: #292D3A;}
.btn_002:hover { border:2px solid #005F49; background-color:unset;}

ul {list-style-type: none; padding:0; margin:0;}

header, footer {margin:0; background-color:#1D1F26; position:relative; color:#fff;}

/* menu css style */
.menu_all { align-items: center; height:80px;}

.menu_logo { margin-right:40px;}
.menu_logo a { height:30px; width:150px; display:block;}
.menu001 a {line-height:80px; color:#fff; padding:0 20px; display:block; cursor: pointer;}

.menu001:hover {background-color:#292d3a;}
.menu002 {position: absolute; top:80px; left: 0; width: 100%; background: #1D1F26; visibility: hidden; opacity: 0;  transition: visibility 0s linear 0.1s, opacity 0.1s; z-index:999999; min-height:200px;  box-shadow: inset 0 8px 8px 8px rgba(0, 0, 0, 0.2); }

.menu001:hover .menu002 {visibility: visible; opacity: 1;  transition-delay: 0s;}
.child-categories li img {display:block;max-width:100px;height:auto;margin:0 auto 8px;loading:lazy}
/*.menu002 .woocommerce.columns-3 ul.products li.product { width:28.75%;}
.menu002 ul { display: flex; justify-content: center; gap:40px;}
.menu002 ul.woo-category-list {padding:40px 20px;}
.menu002 ul a { line-height:1.8; margin:0; padding:0; }
.menu002 ul li { width:16%;}

.menu002 ul li ul { display:block; padding:0; margin:0;}
.menu002 ul li ul li { padding:0; margin:0; width:100%;}
.menu002 ul li a img.lazy { width:80px; height:80px;}
*/
.menu_bk, .menu_box { display:flex; gap:2px; align-items: center;}

.menu002 ul li a { font-size:1.2rem; font-weight:500; color:#fff;}
.menu002 ul li ul li a { font-size:0.9rem; line-height:22px; border-bottom:none; padding-top:6px; padding-bottom:6px; margin-bottom:0px;}

/* 1. 重置默认列表样式，消除浏览器差异 */
.woo-category-list, .child-categories, 
.woo-category-list li, .child-categories li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.woo-category-list a, .child-categories a {
    transition: all 0.3s ease; /* 统一过渡效果，提升交互流畅度 */
}

/* 2. 父容器布局：相对定位承载二级菜单绝对定位 */
.category-wrapper {
    position: relative;
    display: flex;
    min-height: 420px; /* 最小高度，确保二级菜单区域有足够显示空间 */
    overflow: hidden;
}

/* 3. 一级菜单样式：居左固定宽度，独立视觉区域 */
.woo-category-list {
    flex: 0 0 260px; /* 固定宽度，居左显示 */
	background-color: rgba(0, 0, 0, 0.5);
    padding:16px 0;
	font-size:1.2rem;
}
.top-level-category.active { background-color:#1D1F26; border-left:2px solid #006e63;}
.top-level-category {  border-left:2px solid #1D1F26; margin: 0 10px 8px; /* 一级菜单项间距 */}
.top-level-category a { display: block; line-height:32px; padding: 14px;}
/* 一级菜单hover反馈 */
.top-level-category a:hover { }

/* 4. 二级菜单样式：居右绝对定位，默认隐藏（关键：通过.active类控制显示，而非hover） */
.child-categories {
    position: absolute;
    left: 230px; /* 与一级菜单宽度对齐，无缝衔接 */
    top: 0;
    right: 0;
    bottom: 0;
    padding:30px;
    display: none; /* 默认隐藏所有二级菜单 */
    overflow-y: auto; /* 内容过多时滚动，避免溢出 */
}
/* 关键：通过.active类控制显示（替代原hover显示逻辑） */
.top-level-category.active .child-categories {
    display: flex;
    flex-wrap: wrap; /* 自动换行，适配不同宽度 */
    gap: 22px; /* 二级菜单项之间的间距 */
    align-content: flex-start; /* 顶部对齐，避免内容分散 */
}

/* 5. 二级菜单项样式：卡片式设计，提升视觉层次 */
.child-category {
    flex: 0 0 calc(19% - 17px); /* 一行显示4个（减去间距），自适应宽度 */
    min-width: 160px; /* 最小宽度，防止窄屏时变形 */
}
.child-category a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:10px;
    text-align: center;
}
/* 二级菜单项hover反馈 */
.child-category a:hover {
    transform: translateY(-2px); /* 轻微上浮，增强交互感 */
}

/* 6. 二级菜单图片优化：保持原有尺寸，提升显示效果 */
.child-category-thumbnail {
    object-fit: cover !important; /* 图片适配容器，避免拉伸变形 */
    border-radius: 4px; /* 轻微圆角，更显精致 */
    margin-bottom: 10px !important; /* 增加图片与文字间距 */
}

/* 7. 隐藏无用占位符（原右侧空容器） */
.right-placeholder {
    display: none;
}

.woocommerce-product-search { background-color:#fff; border-radius: 2px; margin-left:auto; }
.woocommerce-product-search input { height:32px; padding:0 6px;}
.woocommerce-product-search button { padding:6px 12px;}

/* banner css style */
.carousel-container{position:relative; width:100%; max-height:460px; margin:0 auto; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.1); aspect-ratio:16/9}
.carousel-item{position:absolute;inset:0;opacity:0;transition:opacity 0.8s ease-in-out}
.carousel-item.active{opacity:1;z-index:1}
.carousel-item img{width:100%;height:100%;object-fit:cover}
.carousel-indicators{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.indicator{width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,0.5);transition:background-color 0.3s}
.indicator.active{background-color:white}
.carousel-btn{ position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; min-width:50px; background-color:rgba(0,0,0,0.4); color:white; border:none; border-radius:50%; font-size:20px; display:flex; align-items:center; justify-content:center; transition:all 0.3s;z-index:10; opacity:0; visibility:hidden}
.carousel-container:hover .carousel-btn{opacity:1;visibility:visible}
.carousel-btn:hover{background-color:rgba(0,0,0,0.6);transform:translateY(-50%) scale(1.1)}
.prev-btn{left:30px}
.next-btn{right:30px}
.carousel-item span { font-size: 16px; line-height: 1.5em; width:40%; max-width:740px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(0, -50%); padding: 30px; color: #fff; background-color: rgba(0, 0, 0, 0.5);}

.home_p_list, .shili_001, .home_p, .last_blogs, .home_contact001, .about_us004 { padding-top:60px; padding-bottom:60px; }

.shili {background-color:#eee; padding-top:30px; padding-bottom:30px; margin:0;}
.shili ul li { display:flex; align-items: center; gap:20px; justify-content: center; }
.shili ul li h2 { margin-bottom:0;}
.shili ul li i { font-size:2.4rem;}

.shili_001, .home_contact001 {background:#1D1F27; color:#fff; background: linear-gradient(160deg, rgb(29, 31, 39) 50%, rgb(140, 213, 255) 120%);}
.shili_001 ul, .about_us004 ul {  display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; width: 100%;}
.shili_001 ul li { background:#292D3A; padding:30px;}
.shili_001_001 {background:#1D1F27; margin-top:0;}


.home_p_list ul li { text-align:center; width:15%;  }
.home_p_list ul li img { width:100%; height:auto;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size:1.2rem;}

.woocommerce.columns-5 ul.products li.product, .home_p .woocommerce ul.products li.product, .latest-post-item { border-radius: 2px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.2s ease;}
.woocommerce.columns-5 ul.products li.product:hover, .home_p .woocommerce ul.products li.product:hover, .latest-post-item:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); transform: translateY(-2px);}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title { padding:10px 10px 20px 10px;}
.home_p .woocommerce ul.products li.product a { padding-bottom:20px}
.woocommerce ul.products li.product .woocommerce-loop-product__title {  padding:10px 10px 0 10px;}

.home_p .woocommerce { width: 100%; grid-auto-flow: column; grid-template-columns: auto; overflow-x: scroll; scroll-behavior:smooth;}
.home_p .woocommerce::-webkit-scrollbar {height: 10px; }
.home_p .woocommerce::-webkit-scrollbar-track {background-color: #ddd; }
.home_p .woocommerce::-webkit-scrollbar-thumb {background-color: #292D3ACC; border-radius: 4px;}
.home_p .woocommerce::-webkit-scrollbar-thumb:hover {background-color: #1D1F26;}

.home_p .woocommerce ul {display:flex; min-width: max-content; padding-top:10px; padding-bottom:10px; padding-left:4px;}
.home_p .woocommerce ul.products li.product { width:240px; margin:0 1.8% 0 0;}

.home_p .woocommerce ul.products li.product .button, .home_p .woocommerce ul.products li.product .price { display:none;}
.woocommerce ul.products li.product { margin-bottom:0;}

.shili-002 { position:relative; text-align:center; padding:120px; margin:0; min-height:200px; }
.video-bg { position:absolute; top: 0;  left: 0;  width: 100%; height: 100%; z-index: -1; }
.video-bg video { width: 100%; height: 100%; object-fit: cover;}
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); z-index: -1;}
 
 /* 
.shili-002 { text-align:center; padding:120px; margin:0; background-image:url(https://jeedent.com/wp-content/uploads/2025/07/downloaded-image.jpg); background-repeat:no-repeat; background-size: cover; background-position: center; background-color: rgba(255, 255, 255, 0.6); background-blend-mode: overlay;  }*/
.last_blogs {padding-top:0; padding-bottom:60px; }

.home_contact001 ul li { background:#292D3A; }
.home_contact001 ul li a { color:#fff; display:flex; align-items: center; gap: 20px; padding:30px;}
.home_contact001 ul li a:hover { color:#068667; }
.home_contact001 ul li i { font-size:2.4rem; }
.home_contact001 ul li h3 i { font-size:1rem;}

.footer001 p { padding-bottom:10px;}
.footer001 a, .footer002 a  {color:#fff;}
.footer001 { padding-top:40px; padding-bottom:40px; border-bottom:1px solid #292D3A;}
.footer001 .con_width { align-items:flex-start;}
.footer_sm {display: flex; align-items: center; font-size:1.6rem; }
.footer_sm :nth-child(2) {font-size:1.8rem;}

.footer001 .con_width {display:flex; justify-content:space-between;}
.footer002 { display:flex; justify-content: center; gap:20px; padding:30px; }
.woocommerce .footer001 img, .woocommerce-page .footer001 img { height:40px;}

.panel { overflow: hidden;} 
.panel-header {padding: 0px 20px;display: flex;justify-content: space-between;align-items: center;font-weight: bold; transition: all 0.2s; } 
.panel-content { padding: 20px; color: #555; line-height: 1.6;}
.accordion { grid-template-columns: repeat(4, 1fr);   }


.footer_whatapp { background-color:#3d3d3d; list-style-type:none; position: fixed; right: 0px; bottom:15%;  width: 50px; height: 200px; text-align: center; color:#fff; font-size:0.9rem; padding:0; z-index:999999;}
.footer_whatapp li a { display: block; border-bottom: 1px solid #aaa; padding:10px; color:#fff; font-size:0.9rem;}
.footer_whatapp li:nth-child(4) a {border-bottom: none;}
.footer_whatapp i {font-size:1.15rem;}

.footer_whatapp002, .footer_whatapp004 {display: none; width: 170px;padding-left:10px; height:66px;line-height:66px; position:absolute; left:-172px; top: 0; background-color:#3d3d3d; border-radius:4px 0 0 4px; text-align:left;}
.footer_whatapp004 {top: 67px}
.footer_whatapp001:hover .footer_whatapp002, .footer_whatapp003:hover .footer_whatapp004 { display: block;}

.post-title, .woocommerce-loop-product__title, .wp-block-post-title a {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.post-thumbnail {width:100%;height:260px; overflow:hidden;}
.last_blogs img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.latest-post-item { background-color:#f7f7f7;}
.latest-post-item .post-title a { padding:20px; font-size:1.2rem; display:block;}

.popup-container { display:none; justify-content: space-between; position: fixed; align-items: center; left: 0; right:0; bottom:0; opacity: 0; transition: all 0.3s ease; background-color: rgba(0, 0, 0, 0.7); padding: 10px 80px; z-index: 1000; backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px); }
        
.popup-container.show { opacity: 1; display: flex;}
.popup-content {  line-height: 1.5; }
.confirm-btn { background:none; padding: 6px; color:#fff; border: none; font-size: 1.8rem; }

/* p list */
.p_list_box001 { max-height:300px; grid-auto-flow: column; grid-template-columns: auto; overflow-y: auto; scroll-behavior:smooth; }
.p_list_box001::-webkit-scrollbar {width:6px; }
.p_list_box001::-webkit-scrollbar-track {background-color: #ddd; }
.p_list_box001::-webkit-scrollbar-thumb {background-color: #292D3ACC; border-radius: 4px;}
.p_list_box001::-webkit-scrollbar-thumb:hover {background-color: #1D1F26;}
.wc-block-product-filter-checkbox-list__show-more { display:none;}

.p_list_left { background: #f9f9f9; flex-basis: 20%; padding: 20px; }


.wc-category-relations {margin-top:10px;}
.wc-category-relations a, .wc-parent-category {padding:5px 0;}
.wc-sibling-categories a { display:block;}
.current-cat a { color:#111;}
.wc-parent-category + .wc-sibling-categories { padding-left:14px;}

.p_list_banner001 { background-image: url(https://jeedent.com/wp-content/uploads/2025/07/downloaded-image.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: rgba(255, 255, 255, 0.6); background-blend-mode: overlay; left: 0; top: -1.2rem; width: 100%; position: absolute; height:265px; z-index:-1; }
.p_list_banner002 { height:204px;}
.term-zirconia-blocks h1.wp-block-query-title { display:block; position:absolute; left:50%; top: 80px; transform: translateX(-50%);}

/* p style */
.quote_overflow-hidden {  overflow: hidden; height: 100vh; }
.quote_modal {  position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: opacity 0.3s ease; }
.quote_modal.quote_visible { visibility: visible; opacity: 1; }
.modal-content {  background-color: white; border-radius: 8px;  padding: 1.5rem; max-width: 360px; width: 100%; margin: 0 1rem;
transform: translateY(-20px); transition: transform 0.3s ease; }
.quote_modal.quote_visible .modal-content { transform: translateY(0); }
.modal-header { display: flex; justify-content: space-between; align-items: start; margin-bottom: 1rem; }
.close-btn { background: none; font-size: 1.25rem; padding: 0; }

.value .reset_variations { display:none; visibility: hidden;}

.woocommerce div.product form.cart div.quantity { height:50px;}
div.wc-block-add-to-cart-form.wc-block-add-to-cart-form--stepper .wc-block-components-quantity-selector input[type=number].input-text.qty.text { padding:0; line-height:50px;}
.p_details_001 { display:flex; background-color:#eee; height:480px; overflow:hidden;}
.p_details_001 li { width:50%;}
.p_details_001 li img { height:480px;}
.p_details_002 {padding:40px;}
table.tab_001 { width: 100%; border-collapse: collapse; margin: 20px 0;}
table.tab_001 th, table.tab_001 td { border: 1px solid #333; padding: 10px; text-align: left; }
table.tab_001 th { background-color: #f2f2f2; font-weight: bold; }

table.tab_002 td b { font-size:1.6rem; padding-right:20px; border-right:1px solid #ddd; width:300px;}
table.tab_002 td h6 { font-size:2.6rem; color:#CC950D; width:260px; }
.tab_003 { display: flex; height: 120px; justify-content: space-between; align-items: center; }
.tab_004 { padding-bottom:20px; border-bottom:1px solid #ddd;}

.wp-block-post-excerpt__excerpt {     margin-bottom: 10px; color: #666; padding-bottom: 10px; font-size: 0.9rem; border-bottom: 1px solid #eee;}
.woocommerce div.product form.cart .variations { margin-bottom:0;}

.single_add_to_cart_button { display:none;}
.woocommerce-variation-add-to-cart { display:flex;}
.sticky-container h1 { font-size:1rem;}

#woocommerce-accordion-item-3-panel ul li {list-style: inside;}

/* one page */
.big_bg_001 { background-color:#eee;}
.onepage_top h1 { text-transform: uppercase;}

.page_contact001 { background:#fff;}
.page_contact002 { display:flex; justify-content: space-between; overflow:hidden; background:#eee; }
.page_contact005 { overflow:hidden;}
.page_contact_form .wpcf7 { margin-top: 60px; padding-left:120px;}
.page_contact002 > * { width:50%; }

.wpcf7 p { padding-bottom:10px;}
.wpcf7 form label input { height:30px; width:336px; padding:0 10px;}
.wpcf7 form label textarea { height:60px; width:334px; padding:10px; font-family: Arial, 'MyCustomFont', 'MyFallbackFont', sans-serif; font-size:1rem;}

.about_us001 { text-align:center;}
.about_us002 ul { background-color:#eee; height:460px; display:flex; align-items: center; overflow:hidden; }
.about_us002 ul li { flex: 1; height:460px; overflow:hidden;}
.about_us002 ul img { width:800px; }
.about_us002_001 { padding:100px 100px 0 120px;}

.about_us003 { padding-top:30px; padding-bottom:30px;}
.about_us003 ul  {display: flex; justify-content: center; align-items: center; gap: 40px; } 
.about_us003 ul li  {flex-basis: 0; flex-grow: 1;}

.about_us004 ul li { background-color:#fff; padding:30px;}
.p_list_001 {padding-top:0; padding-bottom:50px;}
.p_list_001 ul li { background-color:#f7f7f7;}
.about_us004 ul li i {font-size:2.4rem;}
.about_us005 ul {align-items:unset;}
.about_us006 img { height:100%; width:100%;}

.page_down_001 ul { display: grid; grid-template-columns: repeat(6, 1fr); }


/* blog page */
.blog_top_bg, .onepage_top { padding:100px; text-align:center; background-image: url(https://jeedent.com/wp-content/uploads/2025/07/downloaded-image.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: rgba(255, 255, 255, 0.6); background-blend-mode: overlay;}

.onepage_top_001 { background-image: url(https://jeedent.com/wp-content/uploads/faq_01.jpg); }
.onepage_top_002 { background-image: url(https://jeedent.com/wp-content/uploads/banner.webp); }
.onepage_top_003 { background-image: url(https://jeedent.com/wp-content/uploads/cp_01.jpg); }
.onepage_top_004 { background-image: url(https://jeedent.com/wp-content/uploads/2025/07/downloaded-image.jpg); }

.wp-block-post-title { }
.blog_con_001 {padding-left:0; padding-right:0;}
.wp-block-tag-cloud a { margin-right:12px; }

.woocommerce-breadcrumb { max-width:800px; white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis;}
.woocommerce-variation-add-to-cart-enabled input.qty { height:50px; padding:0;}

.custom-category-list a { font-size:1.2rem;}
.custom-category-list ul li ul a { font-size:1rem;}

.custom-category-list ul li ul, .child-categories_001 { padding-left:20px;}
.child-categories_001 .current-cat a, .current-cat h4 a, .custom-category-list ul li.active a { color:#111;}

.woocommerce div.product form.cart button.single_add_to_cart_button.wp-element-button { display:none;}
.wp-block-woocommerce-product-price { display:none;}
.woocommerce div.product div.images .flex-control-thumbs {padding:10px 0;}
.woocommerce div.product div.images .flex-control-thumbs li { width:22%; padding-right:10px;}
.p_shili001 li i { vertical-align: middle; font-size: 1.6rem; color: #555; padding-right:6px;}

.wp-block-woocommerce-accordion-item .accordion-item__heading { border-bottom:1px solid #999; margin-bottom:20px;}

.overflow-hidden { overflow: hidden; height: 100vh;}
.home_p_list, .shili_001, .home_p, .home_contact001 { padding-top:60px; padding-bottom:60px; }

#show-enquiry-form { margin-left: 10px !important;}

.selected-product-info { margin-bottom: 20px; padding: 15px; background-color: #f9f9f9; border-radius: 4px;}
.selected-product-info h4 { margin-top: 0;  margin-bottom: 15px; color: #333;}
.product-quantity { margin-bottom: 10px; color: #555; }
.attribute-item { margin-bottom: 5px; color: #555;}

#enquiry-form-container { transition: all 0.3s ease; }
.accordion { display: grid; gap: 15px; margin-top: 20px; }


@media (max-width:1024px){ 
.woocommerce-product-search { display:none;}
}
@media (max-width: 1400px) {
.con_width, .menu002 .woocommerce { max-width:1440px; min-width:320px; margin:0 auto; padding:0 20px;}
}   
@media (max-width: 768px) {

body .wp-block-woocommerce-product-filters.is-layout-flex, .carousel-item span p, .p_list_left, .footer_whatapp  { display:none;}
.top-level-category.active,  .child-categories li img { display:none;}
#open_menu, .child-categories {display:block;}
	.top-level-category.active { border-left: 2px solid #1D1F26;}
	.top-level-category.active:hover { border-left: 2px solid #1D1F26;}
	.child-categories { position:unset;}
.list_one_style li { flex: 0 0 100%;}

.carousel-btn{width:30px;height:30px;font-size:14px;} .carousel-indicators{gap:5px} .indicator{width:8px;height:8px}
.menu002 { opacity: 1;  transition-delay: 0s; position:unset;}
.menu002 ul {flex-direction: column;}

.right_button001 { display:block; height:80px; background-color:#0E0F13; width:80px; right:0; top:0; position: fixed; }
.menu_modal {  position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5);  align-items: center; justify-content: center; display:none; transition: opacity 0.3s ease; }
.menu_modal, .woocommerce-product-search { flex-direction: column; display:none; }
.menu_modal.menu_visible { display:block; z-index:999; }
.menu_modal.menu_visible .menu002 { visibility:visible;}
.menu_modal.menu_visible .modal-content { transform: translateY(0); }
	.category-wrapper {display:block;}
	.menu002 ul li ul li a { text-align:left;}
.carousel-item span { width: 80%; top: 50%; text-align: center; left: 50%; transform: translate(-50%, -50%);}
	
.footer002 { display:block; padding:20px; text-align:center; }
	
.about_us004 ul, .shili_001 ul { grid-template-columns: repeat(1, 1fr);}
	
#close_menu { float:right; padding:20px; border:none;}
#close_menu .bi-x-lg { font-size:2rem; color:#fff;}
.woocommerce-product-search {margin-left:0;}	
.shili ul, .latest-posts-shortcode, .page_contact003 ul, .home_contact001 ul, .footer001 .con_width { flex-direction: column; gap:20px; align-items: flex-start;}

.latest-post-item {width:100%;}
.shili-002 { padding:100px 0;}

.menu.active {display:table; position:absolute;z-index:999999;  max-height:100%; background-color:rgba(0, 0, 0, 0.6); top:80px; right:0; bottom:0; width:100%; height:100%; }

.menu_bk { display:block; position:absolute; height: calc(100vh - 80px); height: -webkit-calc(100vh - 80px);  top:80px; right:0; width:70%; background-color:#333;}

.menu_box { display:block; grid-auto-flow: column; grid-template-columns: auto; height: calc(100vh - 80px); height: -webkit-calc(100vh - 80px); overflow-y: auto; overflow-x:hidden; scroll-behavior:smooth; width:100%; }
.menu_box::-webkit-scrollbar {width:6px; }
.menu_box::-webkit-scrollbar-track {background-color: #ddd; }
.menu_box::-webkit-scrollbar-thumb {background-color: #292D3ACC;}
.menu_box::-webkit-scrollbar-thumb:hover {background-color: #1D1F26;}
.menu001 a {padding-left:40px; display:block; }
.menu002 ul li a { padding-left:20px;}
.menu_toggle .bi-list { font-size:2rem;}
.home_contact001 ul li { width:100%;}
	
.accordion { grid-template-columns: 1fr; }
.panel { width:100%}
.panel-header { padding:10px 20px; background: #292D3A; }
.panel-header::after { content: '+'; font-size: 1.5em; color: #666; transition: transform 0.2s, color 0.2s; display: block; }
.panel-header.active { background: #292D3A; }
.panel-header.active::after { transform: rotate(45deg);  color: #2196F3;  }
.panel-content { padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.2s, padding 0.2s; }
.panel-content.active { padding: 20px; max-height: 500px; }

}