.elementor-kit-5{--e-global-color-primary:#C2B070;--e-global-color-secondary:#54595F;--e-global-color-text:#A6A6A6;--e-global-color-accent:#C2B070;--e-global-typography-primary-font-family:"Noto Sans TC";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Noto Sans TC";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Noto Sans TC";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Noto Sans TC";--e-global-typography-accent-font-weight:400;background-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-container{--container-max-width:1500px;}.elementor-widget:not(:last-child){margin-bottom:20px;}.elementor-element{--widgets-spacing:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header{padding-right:0px;padding-left:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-container{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-container{--container-max-width:767px;}}/* Start custom CSS *//* 來自您第一張圖片的菜單/分類區塊的 CSS */
.product-category-menu {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #eee;
    max-width: 300px; /* 這個寬度相當小，如果菜單應該更寬，可能會影響排版 */
    font-family: "Helvetica Neue", sans-serif;
}
.category-section {
    margin-bottom: 20px;
}
.category-title {
    font-size: 18px;
    color: #333;
    border-bottom: 2px solid #A6A6A6;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
.category-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.category-list li {
    margin-bottom: 8px;
}
.category-list a {
    color: #555;
    text-decoration: none;
    transition: color 0.3s ease;
}
.category-list a:hover {
    color: #A6A6A6;
}

/* 來自您完整 HTML 範例的產品網格的 CSS */
/* 考慮這裡的 'body' 樣式是否必要，或者您的佈景主題是否已處理。 */
/* 如果您的佈景主題已經設定了 body 字體/外邊距/背景，請移除這些以避免衝突。 */
body {
    font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
    margin: 20px;
    background-color: #f9f9f9;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 24px;
    /* 如果您想要網格周圍有空間，請將內邊距添加到網格容器本身 */
    padding: 0 20px; /* 例如：在較小螢幕上左右各 20 像素的內邊距 */
}

.product-item {
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.product-item img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.product-title {
    margin-top: 8px;
    font-size: 16px;
    color: #333;
}

.product-price {
    font-weight: bold;
    color: #B28B58;
    margin-top: 4px;
}/* End custom CSS */