/*
 * 这是你的样式表。
 * 包含了针对 Shopify 购物车的关键修复。
 */

body {
    font-family: 'Inter', sans-serif;
    background-color: #FBFBF9; /* 使用一个非常浅的米色作为底色 */
    color: #1a1a1a;
}
/* 使用衬线字体作为标题 */
h1, h2, h3, h4 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}

/* Hero 大图样式 - 默认移动端 */
.hero-bg {
    /* *** 移动端使用新的 PNG 图片 *** */
    background-image: url('images/hero-mobile.png'); 
    background-size: cover;
    background-position: center;
}

/* 桌面端 Hero 图片 */
@media (min-width: 768px) {
    .hero-bg {
        background-image: url('images/hero-desktop.png');
        background-position: center;
    }
}

/* 自定义过渡效果 */
.transition-all-300 {
    transition: all 0.3s ease-in-out;
}

/* 隐藏滚动条 */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* *** 关键修改：Shopify 购物车触发器 ***
   不要使用 display: none，否则 JS 无法点击它。
   使用 opacity: 0 让它“隐身”，但仍然存在于页面上可被点击。
   position: fixed 确保它不会占位置。
*/
.shopify-buy__cart-toggle {
    opacity: 0 !important;
    pointer-events: none !important; /* 防止用户误触 */
    position: fixed !important;
    bottom: -100px !important; /* 把它踢到屏幕外面去 */
    z-index: -1 !important;
}