/*
Theme Name: Hasupack
Theme URI: https://www.joowp.com
Author: 6eCode
Author URI: https://www.joowp.com
Description: Osty Creative Agency and Portfolio Theme – It is a modern, stylish and versatile WordPress theme, ideal for creative agencies, portfolio designers, photographers, freelancers and startups. The theme offers unique animations, responsive design, SEO optimization, and powerful settings to create impressive websites without programming skills.
Version: 1.4.2
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: osty
Tags: portfolio, one-column, two-columns, right-sidebar, custom-menu, editor-style, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Requires PHP: 7.4
Tested up to: 8.2
*/

/*头部代码修改-爱永-2026-07-01*/
.lycusicons{ display:flex; gap:10px; align-items:center;position: relative;  z-index: 3;}
.lycusiconitem{ position:relative;}
.lycusiconitemcon{ position:absolute;width: 200px;
  background: #ddd;
  border-radius: 10px;transition: all 0.3s; opacity: 0; visibility: hidden; 
  text-align: center; padding:10px;
  left: 50%;
  margin-left: -100px; top: 60px;}
.lycusiconitemcon:before {
    content: ''; display: inline-block; border: 10px solid transparent; border-bottom-color:#ddd; position: absolute; top: -20px; left: 45%;
}
.lycusiconitem:hover .lycusiconitemcon{ display:block; opacity: 1; visibility:visible; height:auto;top:40px;}
.lycusiconitemtext{}
.lycusiconitemtext p{ font-size:16px;}
.lycusiconitemtext img{display: block;}
.lycusicons > .lycusiconitem > img{ max-width:20px; cursor:pointer; transition: transform .7s var(--ease-out-elastic),filter .5s cubic-bezier(.23,1,.32,1),background-color .6s cubic-bezier(.23,1,.32,1);}
.lycusicons > .lycusiconitem > img:hover{ transform: scale(1.2);}
.main-header__inner.move .lycusicons > .lycusiconitem > img{filter: brightness(0) invert(1);  
-webkit-filter: brightness(0) invert(1);  
-moz-filter: brightness(0) invert(1);  
-o-filter: brightness(0) invert(1);  
-ms-filter: brightness(0) invert(1);}

/*底部*/
.mobbottomzw{ display:none; height:60px;}
/*手机底部新增*/
.floating-contact {
	top: auto; height:60px;
	bottom: 0;
	left: 0;
	right: 0;position: fixed;z-index: 999;
  overflow: hidden;
	transform: none;
	flex-direction: row;
	justify-content: space-around;
	background-color:rgba(0,0,0,0.7);
	border-radius: 0;
	box-shadow: 0 -2px 12px rgba(0,0,0,0.1);
	width: 100%; display: none;
}
.floating-item {
	flex: 1;
	flex-direction: column;
	gap: 2px;
	padding: 8px 4px;
	min-width: auto;display: flex;
	border-bottom: none;
	border-right: 1px solid rgba(255,255,255,0.2);
	color: #fff; text-align: center;
}.floating-item img{
	width: 20px;
	height: 20px; display:block; margin:0 auto;
	margin-bottom: 0;
	filter: brightness(0) invert(1);
}
.floating-item span {
	font-size: 10px;
	color: #fff;white-space: nowrap;
}

/*产品列表页*/
.tax-product_cat{}
.tax-product_cat .product-category-wrap{ display:flex; flex-wrap:wrap; gap:30px; }
.tax-product_cat .product-category-wrap .product-category{ width:calc(33.333% - 20px); margin:0; display:block; height:auto;}
.tax-product_cat .product-category-wrap .product-category .ms-product-media{ width:100%; height:auto;}
.tax-product_cat .product-category-wrap .product-category .ms-product-media a{ display:block;}
.tax-product_cat .product-category-wrap .product-category .ms-product-media a img{ display:block;}
.tax-product_cat .product-category-wrap .product-category .ms-product-content{ height:auto; display:none;}
.tax-product_cat .ms-woocommerce-product-category{ padding-bottom:60px;}
/*产品详情页*/
.ms-single-product .ms-single-product__tabs .woocommerce-Tabs-panel > *{ margin-bottom:24px !important;}

/*产品详情页-参数板块*/
.lysingleprocs{}
.lysingleprocs table th, .lysingleprocs table td{ font-size:16px;}
.lysingleprocs table thead tr{ background: #333;  color: #fff;}
.lysingleprocs table tbody td{}

.term-description img{ max-width:100%;}

@media(max-width:768px){
    .lycusicons{ display:none; }
    .floating-contact{ display: flex;}
    .mobbottomzw{ display:block;}
    
    .tax-product_cat .ms-woocommerce-product-category{ padding-bottom:40px;}
    .tax-product_cat .product-category-wrap{ gap:20px; }
    .tax-product_cat .product-category-wrap .product-category{ width:calc(50% - 10px);}
    
    
    .lysingleprocs{ overflow-x:scroll;}
    .lysingleprocs table{ width:700px;}
    .lysingleprocs table th, .lysingleprocs table td{ font-size:14px;}
    .spropopform .wpforms-container .wpforms-field{ padding:5px;}
    .spropopform div.wpforms-container-full{ margin:0 auto;}
    .spropopform div.wpforms-container-full .wpforms-field-label{ font-size:14px; margin-bottom: 5px;}
}



/*这个非爱永加*/
.btn .f-btn-r, .btn--comments .f-btn-r, .post-footer a .f-btn-r, .price_slider_amount .button .f-btn-r, .single_add_to_cart_button .f-btn-r, .wpcf7-btn .f-btn-r, a.checkout-button .f-btn-r, button[name=apply_coupon] .f-btn-r {
    background-color: #fcac07;
}
/*隐藏产品详情是否有货*/
.ms-single-product .ms-single-product__content .stock-notification, 
.ms-single-product .ms-single-product__content .stock{ display:none !important;}

/*产品详情页-弹窗表单*/
.propopform .wpforms-container .wpforms-field{ padding:14px 0;}
.propopform .wpforms-container .wpforms-field.wpforms-field-layout{ padding:0;}
.propopform .wpforms-container input.wpforms-field-medium, 
.propopform .wpforms-container select.wpforms-field-medium, 
.propopform .wpforms-container .wpforms-field-row.wpforms-field-medium{ background:#fff; max-width:100%; border-radius:14px; }

.propopform div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{border-radius:14px; }

.propopform div.wpforms-container-full .wpforms-form .wpforms-submit-container{ margin-top:0; padding-top:0;position: absolute;  bottom: 38px; height:45px; border-radius: 14px;  overflow: hidden;  left: 220px;}
.propopform div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit{width: 140px;  opacity: 0;  position: absolute;height:45px;  z-index: 2;}
.propopform div.wpforms-container-full .wpforms-form .wpforms-submit-container .btn-wrap{ height: 100%;position: relative;  overflow: hidden;}
.propopform div.wpforms-container-full .wpforms-form .wpforms-submit-container .btn-wrap .f-btn-l{background-color: var(--color-contrast-higher);  border-radius: 14px;  transition: left .7s var(--ease-out-elastic);  width: 45px;  height: 100%;  position: absolute;  left: -53.3333333333px;  display: flex; justify-content: center;  align-items: center;}
.propopform div.wpforms-container-full .wpforms-form .wpforms-submit-container .btn-wrap svg{ height: 16px;}
.propopform div.wpforms-container-full .wpforms-form .wpforms-submit-container .btn-wrap .f-btn-r{ background-color: #fcac07; display: flex;
  align-items: center;  justify-content: center;  padding-left: 1.5rem;  height: 100%;  overflow: hidden;  position: relative;  border-radius: 14px;  background-color: var(--color-primary);  transition: transform .7s var(--ease-out-elastic),background-color .3s cubic-bezier(.25,1,.5,1),color .5s cubic-bezier(.25,1,.5,1);}
.propopform div.wpforms-container-full .wpforms-form .wpforms-submit-container .btn-wrap .f-btn-r .btn-r_icon{width: 54.6666666667px;
  height: 100%;  display: flex;  align-items: center;  justify-content: center;  margin-left: 1.5rem;}
.propopform div.wpforms-container-full .wpforms-form .wpforms-submit-container:hover .btn-wrap .f-btn-l{ left:0;}
.propopform div.wpforms-container-full .wpforms-form .wpforms-submit-container:hover .btn-wrap .f-btn-r{ background-color: var(--color-contrast-higher); color:#fff; transform: translateX(55px); }

.propopform .wpforms-container .wpforms-captcha-math input{ width:140px; }
.propopform div.wpforms-container-full .wpforms-form label.wpforms-error,
.propopform div.wpforms-container-full .wpforms-form em.wpforms-error{ position: absolute;  top: 47px;  font-size: 12px;}

.propopform div.wpforms-container-full input[type=date]:focus,
.propopform div.wpforms-container-full input[type=datetime]:focus,
.propopform div.wpforms-container-full input[type=datetime-local]:focus,
.propopform div.wpforms-container-full input[type=email]:focus,
.propopform div.wpforms-container-full input[type=month]:focus,
.propopform div.wpforms-container-full input[type=number]:focus,
.propopform div.wpforms-container-full input[type=password]:focus,
.propopform div.wpforms-container-full input[type=range]:focus,
.propopform div.wpforms-container-full input[type=search]:focus,
.propopform div.wpforms-container-full input[type=tel]:focus,
.propopform div.wpforms-container-full input[type=text]:focus,
.propopform div.wpforms-container-full input[type=time]:focus,
.propopform div.wpforms-container-full input[type=url]:focus,
.propopform div.wpforms-container-full input[type=week]:focus,
.propopform div.wpforms-container-full select:focus,
.propopform div.wpforms-container-full textarea:focus {
  border:1px solid #f89b01;
  box-shadow:none;
  outline:none
}

@media(max-width:768px){
    .propopform div.wpforms-container-full .wpforms-form .wpforms-submit-container{ position: static;}
    .propopform div.wpforms-container-full .wpforms-form label.wpforms-error, .propopform div.wpforms-container-full .wpforms-form em.wpforms-error{position: relative;  top: auto;}
    .propopform div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit{ width:100%;}
    .propopform .wpforms-container input.wpforms-field-medium, .propopform .wpforms-container select.wpforms-field-medium, .propopform .wpforms-container .wpforms-field-row.wpforms-field-medium, .propopform div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{ font-size:14px;}
}