/** Shopify CDN: Minification failed

Line 130:9 Expected identifier but found whitespace
Line 130:11 Unexpected "{"
Line 130:20 Expected ":"
Line 130:49 Expected ":"

**/
/*

Please add any custom CSS code in here, it will be easier to transfer if updating themes.

We highly recommend labelling changes, or App installs, so these can also be updated or removed as needed.

*/

/* 通用字体与布局 */
.template-index #shopify-section-footer,
.template-index footer,
.video-text,
.video-paragraph,
.sale-badge, /* 考虑是否还有其他全局样式，若无则可合并 */
.money-styling, /* 考虑是否还有其他全局样式，若无则可合并 */
.section-title, /* section-title 还有 text-align */
.envy-page, /* envy-page 还有许多其他样式 */
.inss-feed-header .inss-feed-title,
.footer-alignment--center .footer-article a /* footer-article a 还有 text-decoration */ {
   font-family: var(--body-font-stack); /* .section-title, .envy-page 等有其他属性，font-family 在各自规则中定义更清晰 */
}

.title-bar h1,
.title-bar h2,
.footer-alignment--center .footer-article,
.footer-alignment--center .links-footer li,
.footer-alignment--center h3,
#container-mail {
   font-family: var(--body-font-stack) !important;
}

.custom-font, .header-font, .product-description-wrapper ul.tabs li a,
h1, h2, h3, h4, h5, h6 {
   text-transform: none;
}

/* Ajax Cart */
.ajax-cart--bottom-wrapper .docapp-cart-with-coupon-summary {
   padding: 0 30px;
}

/* 产品展示宽度调整 */
#custom-template-container {
   padding-right: 5%;
   padding-left: 5%;
   max-width: 100%;
   width: 100%; /* Added from second definition */
   height: 100%; /* Added from second definition */
}

/* 产品页价格调整 */
#custom-template-pricing {
   font-size: 1.4rem;
   font-family: Karla, sans-serif;
   font-weight: 700;
   letter-spacing: 2px;
   text-transform: uppercase;
}

/* 首页价格调整 */
#custom-template-money {
   font-family: Karla, sans-serif;
   text-transform: uppercase;
   opacity: .6;
}

#custom-template-variant-money {
   font-weight: 700;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #e86969;
}

/* MambaSMS Popup */
#mambasms-forms-container-9174490636179337287 .cm-modal-open.TR {
   top: 150px !important;
}

/* Text Advert Section */
.text-advert-section__item-inner {
   padding: 0 1px;
}

/* 首页顶部与 Header */
.sticky-header-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   display: flex;
   visibility: hidden;
   flex-direction: column;
   z-index: 4;
   color: var(--sticky-header-text);
   transform: translateY(-100%);
   background: var(--sticky-header-background);
   border-bottom: 1px solid var(--sticky-header-border);
   transition: transform .3s ease-in-out, visibility .3s ease-in-out;
   padding: 10px 0;
}

.sticky-header-wrapper.sticky {
   visibility: visible;
   transform: translateY(0px);
   padding-top: 50px; /* 确保这个值是期望的，原CSS中有两个不同的padding-top/padding行为 */
   transition: transform 1s ease-in-out, visibility 1s ease-in-out;
}

.sticky-header-wrapper__inner {
   padding-bottom: 0px;
   flex-direction: column;
}

.header-wrapper .site-header__logo-link {
   letter-spacing: 10px;
   /* text-transform: uppercase;  -- This was in a media query, applying it globally if intended */
   /* margin-top: 0px; -- This was in a media query */
   /* font-size: 1.1rem; -- This was in a media query */
}

.header-logo {
   width: {{ section.settings.logo_max_width }}px !important;
   margin: 0 auto;
}

/* 轮播图样式 */
.flexslider-homepage {
   width: 100%;
   height: 0;
   padding-bottom: 45%;
}

/* 推荐产品模块 */
.sale-badge,
.money-styling { /* Combining if they only share font-family globally */
   font-family: var(--body-font-stack);
}
/* .sale-badge has specific padding in media query */
/* .money-styling has no other specific styles listed */


/* 首页画廊 */
.section-title {
   text-align: center;
   font-family: var(--body-font-stack); /* Added from second definition */
}

.covet-pics-wrap {
   margin-top: 50px;
}

.covet-text {
   padding-top: 50px;
}

.tabSelect {
   width: 100%;
}

/* Ins插件画廊 */
.inss-feed-header .inss-feed-title {
   font-family: var(--body-font-stack);
}

/* 页面底部 (Footer) */
.footer-block--wrapper {
   padding-left: 0;
   padding-right: 0;
}

.footer-alignment--center {
   display: flex;
   justify-content: space-around;
   padding: 0 20px;
}

.footer-alignment--center .footer-article,
.footer-alignment--center .links-footer li,
.footer-alignment--center h3 {
   font-family: var(--body-font-stack) !important; /* Already covered by grouped !important rule */
}

.footer-article a {
   text-decoration: none;
   font-family: var(--body-font-stack); /* Added for consistency if desired */
}

#newsletter-wrapper {
   margin-top: 1%;
   display: flex !important;
}

#note-text {
   z-index: 3;
}

#container-mail {
   width: 100%;
   padding: 35px 0 20px 0;
   font-family: var(--body-font-stack) !important; /* Already covered */
   background: var(--footer-background);
}

footer { /* Note: .template-index footer has font-family from earlier rule */
   margin-top: 0px;
}

#newsletter_text {
   width: 30%;
   z-index: 2;
}

#newsletter_submit {
   background: #000; /* From second definition, overrides transparent */
   text-transform: uppercase;
   color: #fff; /* From second definition, overrides #000 */
   padding: 15px 50px; /* From first definition, check if still desired with % width/height */
   outline: none;
   overflow: hidden;
   position: relative;
   width: 13%; /* From second definition */
   height: 100%; /* From second definition */
   font-size: 1rem; /* From second definition */
}

#newsletter_submit:hover {
   opacity: inherit; /* This might not do much if base opacity is 1 */
}

.submit-text {
   z-index: 20;
}

#newsletter_submit:after {
   content: '';
   display: block;
   position: absolute;
   top: -36px;
   left: -100px;
   background: gray;
   width: 50px;
   height: 125px;
   opacity: 0.5;
   transform: rotate(-35deg);
}

#newsletter_submit:hover:after {
   left: 120%;
   transition: all 1s cubic-bezier(0.3, 1, 0.2, 1);
   -webkit-transition: all 1s cubic-bezier(0.3, 1, 0.2, 1);
}

.page-alert {
   display: none;
}

/* 图片底部优惠 */
.collection-image--zoom-effect {
   position: relative !important;
}

.envy-page {
   width: 100%;
   font-family: var(--body-font-stack);
   pointer-events: none;
   background: #ff8941;
   color: var(--sale-text-color);
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 14px;
   padding: 5px 10px;
   text-transform: var(--header-font-transform);
   letter-spacing: 1px;
   z-index: 2;
   position: absolute;
   top: 100%;
   left: 0;
   -moz-transition: all 20ms ease;
   -webkit-transition: all 20ms ease;
   -o-transition: all 20ms ease;
   -ms-transition: all 20ms ease;
   transition: all 20ms ease;
   transform: translateY(-100%);
   display: flex;
   align-items: center;
   justify-content: center;
}

.icon {
   width: 26px;
   height: 26px;
}
.sticky-header-logo,.sticky-header-menu,.sticky-header-icons{
  margin: 5px 30px;
}
/* 媒体查询 - 小屏幕通用 (<= 768px) */
@media screen and (max-width: 768px) {
   /* 首页字体 (原 max-width: 574px, #custom-template-money - 此规则是多余的，已移除) */

   /* 推荐产品模块 & Sold out badge */
   .sale-badge,
   .sold-out-badge {
   	padding: 2px 2px;
   	line-height: 14px;
   }
   .mobile-header--wrapper{
     padding: 0;
   }
   .notification-bar{
     padding: 8px 15px;
   }
   .collection-image--zoom-effects:hover div.zoom-effect--inners {
   	transform: scale(1.1) translateY(-8px);
   }

   /* 轮播图样式 */
   .flexslider-homepage {
   	/* width: 100%; duplicated */
   	height: 100%;
   	padding-bottom: 0;
   }

   #slides-first {
   	height: 0;
   	padding-bottom: 12.5%;
   }

   /* 页面底部 Newsletter */
   #newsletter_text {
   	width: 70%;
   	height: 45px;
   }

   #newsletter_submit {
   	background: #000; /* Already black, but explicit for this breakpoint */
   	height: 45px;
   	width: 30%;
   	color: #fff; /* Already white */
   	font-size: 0.9rem;
   }

   /* 首页logo */
   .header-logo {
   	max-width: 290px !important;
   }

   /* 图片底部优惠 */
   .envy-page {
   	font-size: 1rem;
   	padding: 5px 0px;
   }

   .icon {
   	width: 19px;
   	height: 19px;
   }

   /* .notification-bar {
   	padding: 10px 0;
   } */
}

/* 媒体查询 - 更具体的小屏幕 (<= 780px, 原来有部分与768px重叠，这里分开) */
@media (max-width: 780px) {
   .covet-text {
   	padding: 30px 0px;
   }
   .sticky-header-wrapper.sticky{
     padding-top: 76px;
   }
   #newsletter_submit, /* Note: #newsletter_submit also styled in max-width: 768px */
   .btn-touch,
   .envy-shopping-right .cart-close-icon,
   .mobile-header--wrapper .mobile-side-column .header-link,
   .mobile-menu-close .menu-close-icon,
   .search-bar__button {
   	flex: 0 0 28px !important;
   }

   .shopify-section .homepage-sections-wrapper,
   .shopify-section .homepage-sections-wrapper--white {
   	padding: 30px 0px;
   }

   .section-title {
   	font-size: 1.2rem !important;
   }

   .notification-bar__message p {
   	font-size: 12px;
   	line-height: 45px;
   	/* white-space: nowrap; -- overridden by break-spaces */
   	letter-spacing: 1.4px;
   	white-space: break-spaces;
   }

   .header-wrapper .site-header__logo {
   	margin-bottom: -0.6rem;
   }

   .notification-bar__message {
   	padding: 0px;
   }

   .header-wrapper .site-header__logo-link {
   	text-transform: uppercase;
   	margin-top: 0px;
   	font-size: 1.1rem;
       /* letter-spacing: 10px; -- This is a global style, ensure it's not conflicting if changed here */
   }
   /* .sticky-header-wrapper.sticky {
   transform: translateY(10px);
   } */
}

/* 媒体查询 - 非常小的小屏幕 (<= 360px) */
@media (max-width: 361px) {
   .sticky-header-wrapper.sticky {
       padding-top: 75px;
   }
}