@charset "utf-8";
/**
 * 山屋商號 - 商品列表專屬自訂樣式表
 */

/* 商品卡片容器微調 */
.sunwood-product-card {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
    background-color: #fff !important; 
}

/* 當滑鼠移過去卡片時，微幅飄浮的視覺體驗 */
.sunwood-product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

/* 分類標籤樣式 */
.category-badge {
    letter-spacing: 0.15em;
    font-size: 11px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* 商品名稱 */
.product-title {
    font-family: 'PingFang TC', 'Microsoft JhengHei', sans-serif;
    letter-spacing: 0.05em;
    color: #ffffff;
}

/* 商品描述文字 */
.product-description {
    line-height: 1.7;
    color: #a1a1aa !important; /* zinc-400 */
}

/* 價格專區樣式 */
.price-container {
    padding-top: 5px;
}

.sale-price {
    color: #f97316 !important; /* 顯眼的亮橘特價色 */
    font-size: 1.625rem; /* 放大特價 */
}

.original-price {
    font-size: 0.8rem;
    opacity: 0.6;
}

/* 加入購物車按鈕美化 */
.sunwood-add-btn {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1em;
    border: 1px solid transparent;
}

.sunwood-add-btn:hover {
    border-color: #8c7662;
    background-color: transparent !important;
    color: #8c7662 !important;
}
.border {
    border-width: 0px!important;
}
.p-6 {
    padding: 10px 20px!important;
}
.bg-mountain-wood {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0)!important;
}
p.product-description.text-sm.text-gray-400.font-light.line-clamp-3.leading-relaxed {
    margin-top: 0px!important;
}

/* --- 第 1 個商品卡片 --- */
.vc_column_container:nth-child(1) .bg-zinc-800,
.products .product:nth-child(1) .bg-zinc-800,
.grid > div:nth-child(1) .bg-zinc-800 {
    background-color: #f4ece3 !important;
}

/* --- 第 2 個商品卡片 --- */
.vc_column_container:nth-child(2) .bg-zinc-800,
.products .product:nth-child(2) .bg-zinc-800,
.grid > div:nth-child(2) .bg-zinc-800 {
    background-color: #f3e1d3 !important;
}

/* --- 第 3 個商品卡片 --- */
.vc_column_container:nth-child(3) .bg-zinc-800,
.products .product:nth-child(3) .bg-zinc-800,
.grid > div:nth-child(3) .bg-zinc-800 {
    background-color: #e2ebdf !important;
}

/* --- 第 4 個商品卡片 --- */
.vc_column_container:nth-child(4) .bg-zinc-800,
.products .product:nth-child(4) .bg-zinc-800,
.grid > div:nth-child(4) .bg-zinc-800 {
    background-color: #e5e1f0 !important;
}

/* --- 第 5 個商品卡片 --- */
.vc_column_container:nth-child(5) .bg-zinc-800,
.products .product:nth-child(5) .bg-zinc-800,
.grid > div:nth-child(5) .bg-zinc-800 {
    background-color: #e9dfd8 !important;
}