/** Shopify CDN: Minification failed

Line 10:3899 Unexpected "@media"
Line 10:8210 Unexpected "}"

**/
.ss-container{width:100%;max-width:1600px;margin:0 auto;padding:0 20px}@media (max-width:767px){.ss-container{padding:0}}.card-gallery slideshow-arrows .slideshow-control{padding-inline:var(--padding-xl);@container (max-width:249px){padding-inline:0 var(--padding-sm)}}.media-gallery--carousel slideshow-arrows .slideshow-control{opacity:1}:not(.media-gallery--carousel)>:is(slideshow-component:hover,slideshow-component:focus-within):not(:has(slideshow-controls:hover))>slideshow-container>slideshow-arrows .slideshow-control{animation:arrowsSlideIn var(--animation-speed) var(--animation-easing) forwards}@keyframes arrowsSlideIn{from{transform:translate(var(--padding-sm),0);opacity:0}to{opacity:1}}.block-resource-list{display:flex;flex-direction:column;row-gap:var(--gap);min-width:0;min-height:0;container-type:inline-size;container-name:resource-list}.section-resource-list{row-gap:var(--gap)}.section-resource-list__content{display:flex;flex-direction:column;align-items:var(--horizontal-alignment);gap:var(--gap);width:100%}.section-resource-list__header:is(:empty,:has(.group-block-content:empty)),.section-resource-list__content:empty{display:none}.section-resource-list.section--full-width product-card-link>.group-block{@media screen and (max-width:749px){padding-inline:max(var(--padding-xs), var(--padding-inline-start)) max(var(--padding-xs), var(--padding-inline-end))}}.resource-list--carousel-mobile{display:block;@media screen and (min-width:750px){display:none}}.resource-list{--resource-list-mobile-gap-max:9999px;--resource-list-column-gap:min(var(--resource-list-column-gap-desktop), var(--resource-list-mobile-gap-max));--resource-list-row-gap:min(var(--resource-list-row-gap-desktop), var(--resource-list-mobile-gap-max));width:100%;@media screen and (max-width:749px){--resource-list-mobile-gap-max:12px}@container resource-list (max-width:749px){--resource-list-mobile-gap-max:12px}}.resource-list--grid{display:grid;gap:var(--resource-list-row-gap) var(--resource-list-column-gap);grid-template-columns:var(--resource-list-columns-mobile);@media screen and (min-width:750px){grid-template-columns:var(--resource-list-columns)}@container resource-list (max-width:449px){grid-template-columns:var(--resource-list-columns-mobile)}@container resource-list(min-width:450px) and (max-width:749px){--resource-list-columns-per-row:3;grid-template-columns:repeat(var(--resource-list-columns-per-row),1fr);&:has(.resource-list__item:first-child:nth-last-child(3n+1)),&:has(.resource-list__item:first-child:nth-last-child(8n)){--resource-list-columns-per-row:4}}@container resource-list (min-width:750px){grid-template-columns:repeat(var(--resource-list-columns-per-row),1fr);&:has(.resource-list__item:first-child:nth-last-child(n+9)){--resource-list-columns-per-row:5}&:has(.resource-list__item:first-child:nth-last-child(n+7):nth-last-child(-n+8)){--resource-list-columns-per-row:4}&:has(.resource-list__item:first-child:nth-last-child(6)){--resource-list-columns-per-row:3}&:has(.resource-list__item:first-child:nth-last-child(5)){--resource-list-columns-per-row:5}&:has(.resource-list__item:first-child:nth-last-child(-n+4)){--resource-list-columns-per-row:4}}@container resource-list (min-width:1200px){&:has(.resource-list__item:first-child:nth-last-child(6)){--resource-list-columns-per-row:6}}}.resource-list__item{height:100%;color:var(--color-foreground);text-decoration:none}.resource-list__carousel{--slide-width:60vw;width:100%;position:relative;container-type:inline-size;container-name:resource-list-carousel;.slideshow-control[disabled]{display:none}.slideshow-control--next{margin-inline-start:auto}}@container resource-list-carousel (max-width:749px){.resource-list__carousel .resource-list__slide{--slide-width:clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max))}}@container resource-list-carousel (min-width:750px){.resource-list__carousel .resource-list__slide{--section-slide-width:calc(
      (100% - (var(--resource-list-column-gap) * (var(--column-count) - 1)) - var(--peek-next-slide-size)) /
        var(--column-count)
    );--fallback-slide-width:clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max));--slide-width:var(--section-slide-width, var(--fallback-slide-width))}}.resource-list__carousel slideshow-slides{gap:var(--resource-list-column-gap);margin-block:-16px;padding-block:16px}.resource-list__carousel slideshow-arrows{padding-inline:var(--util-page-margin-offset)}.resource-list__carousel .resource-list__slide{width:var(--slide-width);flex:0 0 auto;scroll-snap-align:start;min-width:0}.group-block,.group-block-content{position:relative}.group-block:has(>video-background-component),.group-block:has(>.background-image-container){overflow:hidden}.group-block-content{height:100%;width:100%}.section-content-wrapper.section-content-wrapper:where(.layout-panel-flex) .group-block--fill{flex:1}.layout-panel-flex--row>.group-block--width-fit{flex:0}.layout-panel-flex--row>.group-block--width-fill{flex:1}.layout-panel-flex--row>.group-block--width-custom{flex-basis:var(--size-style-width)}.group-block--height-fit{height:auto}.group-block--height-custom,.group-block--height-fill{height:var(--size-style-height)}.layout-panel-flex--column>.group-block--height-fit{flex:0 1 auto}.layout-panel-flex--column>.group-block--height-fill{flex:1}.layout-panel-flex--column>.group-block--height-custom{flex-basis:var(--size-style-height)}accordion-custom{details{&::details-content,.details-content{block-size:0;overflow-y:clip;opacity:0;interpolate-size:allow-keywords;transition:content-visibility var(--animation-speed-slow) allow-discrete,padding-block var(--animation-speed-slow) var(--animation-easing),opacity var(--animation-speed-slow) var(--animation-easing),block-size var(--animation-speed-slow) var(--animation-easing)}&:not([open]){&::details-content,.details-content{padding-block:0}}&[open]{&::details-content,.details-content{opacity:1;block-size:auto;@starting-style{block-size:0;opacity:0;overflow-y:clip}&:focus-within{overflow-y:visible}}}}}accordion-custom[data-disable-on-mobile='true'] summary{@media screen and (max-width:749px){cursor:auto}}accordion-custom[data-disable-on-desktop='true'] summary{@media screen and (min-width:750px){cursor:auto}}text-component{--shimmer-text-color:rgb(var(--color-foreground-rgb) / var(--opacity-50));--shimmer-color-light:rgb(var(--color-foreground-rgb) / var(--opacity-10));--shimmer-speed:1.25s;display:inline-block;position:relative;transition:color var(--animation-speed-slow) ease;line-height:1;&::after{content:attr(value);position:absolute;inset:0;color:#fff0;opacity:0;transition:opacity var(--animation-speed-slow) var(--animation-easing);pointer-events:none;background-image:linear-gradient(-85deg,var(--shimmer-text-color) 10%,var(--shimmer-color-light) 50%,var(--shimmer-text-color) 90%);background-clip:text;background-size:200% 100%;background-position:100% 0;place-content:center}&[shimmer]{color:#fff0;&::after{opacity:1;animation:text-shimmer var(--shimmer-speed) infinite linear}}}@keyframes text-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}.transition-background-color{transition:background-color var(--animation-speed-medium) ease-in-out}.transition-transform{transition:transform var(--animation-speed-medium) var(--animation-timing-bounce)}.transition-border-color{transition:border-color var(--animation-speed-medium) var(--animation-timing-hover)}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:#fff0}::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-40));border-radius:20px;border:6px solid #fff0;background-clip:content-box;transition:background-color 0.2s}::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}[product-grid-view='zoom-out'] :is(.product-card,.product-grid__card) :is(h4,.h4),@media screen and (max-width:749px){:is(.product-card,.product-grid__card) :is(h4,.h4){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}}:is(.product-card,.collection-card,.resource-card,.predictive-search-results__card,.predictive-search-results__card--product){position:relative;z-index:var(--layer-flat);transition:transform var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing)}:is(.product-card,.collection-card,.resource-card,.predictive-search-results__card,.predictive-search-results__card--product):hover{z-index:var(--layer-raised)}:is(.header,.header-drawer) :is(.product-card,.collection-card,.resource-card):hover{z-index:auto;transform:none;box-shadow:none}@media screen and (max-width:1200px){:is(input,textarea,select){font-size:16px!important}:is(.paragraph,.h1,.h2,.h3,.h4,.h5,.h6) :is(input,textarea,select){font-size:16px!important}}.card{border-radius:12px}.card-title{font-weight:600}.btn{border-radius:8px}.clay-wholesale-price .price{color:red}.clay-wholesale-price .compare-at-price{color:grey}.clay-wholesale-price .clay-savings-text-container{color:green}.custom-slideshow-section{margin:40px 0}.custom-slideshow-container{position:relative;width:100%;aspect-ratio:16 / 5;overflow:hidden;border-radius:12px;touch-action:pan-y;background:#f0f0f0}.slides-wrapper{display:flex;height:100%;transition:transform 0.5s cubic-bezier(.25,.46,.45,.94);will-change:transform;cursor:grab}.slides-wrapper:active{cursor:grabbing}.slide-item{flex:0 0 100%;width:100%;user-select:none}.slide-img{width:100%;height:100%;object-fit:cover;display:block}.arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgb(255 255 255 / .9);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:all 0.3s ease;padding:0}.arrow-btn:hover{background:#fff;scale:1.05}.prev-arrow{left:15px}.next-arrow{right:15px}.arrow-btn svg{stroke:#333}@media (max-width:767px){.custom-slideshow-section{margin:15px 0}.custom-slideshow-container{aspect-ratio:7 / 8;border-radius:0}.arrow-btn{width:44px;height:44px;background:rgb(255 255 255 / .7)}}.room-size-section-title{font-size:32px;font-weight:700;text-align:center;margin:1rem 0 6px;color:#2992ff}.room-size-section-subtitle{font-size:16px;text-align:center;color:#555;margin-bottom:22px}.room-size-entry{--gap:150px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:var(--gap);overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px 0 12px;scroll-snap-type:x proximity;scroll-padding:16px}.room-size-entry::-webkit-scrollbar{display:none}.room-size-entry{scrollbar-width:none}.room-card{flex:0 0 auto;width:clamp(120px, 13vw, 170px);aspect-ratio:1 / 1;border-radius:14px;background-size:cover;background-position:center;position:relative;overflow:hidden;text-decoration:none;color:#fff;border:2px solid #fff0;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;scroll-snap-align:start}.room-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgb(0 0 0 / .25);border-color:#2992ff}.room-card-overlay{position:absolute;inset:0;border-radius:inherit;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgb(0 0 0 / .75),rgb(0 0 0 / .25))}.room-card h3{margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.15}.room-size-text{margin:0 0 3px;font-size:12px;color:#eaf2ff}.room-kw{font-size:12px;font-weight:700;color:#fd1515}.room-size-disclaimer{margin-top:14px;font-size:13px;color:#2F2F2F;text-align:center}@media (max-width:1100px){.room-size-entry{--gap:14px}.room-card{width:clamp(120px, 18vw, 180px)}}@media (max-width:768px){.room-size-entry{justify-content:flex-start;gap:10px;padding:8px 12px 14px;scroll-snap-type:x mandatory}.room-card{width:42%;min-width:150px;max-width:190px;aspect-ratio:1 / 1;border-radius:16px}.room-card-overlay{padding:12px}.room-card h3{font-size:14px}.room-size-text{font-size:12px}.room-kw{font-size:12px}}.room-card-overlay{padding:16px}.room-card h3{font-size:16px}.room-size-text{font-size:13px}.room-kw{font-size:13px}}.custom-banner{margin:2rem 0}@media (max-width:767px){.custom-banner{margin:1rem 0}}.custom-banner a{display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;line-height:0;background:#fff;max-width:1100px;margin:0 auto;aspect-ratio:16 / 5;max-height:300px}.custom-banner-img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}@media (max-width:767px){.custom-banner a{max-width:none;margin:0;aspect-ratio:auto;max-height:none;border-radius:0;background:#fff0}.custom-banner-img{width:100%;height:auto;object-fit:initial}}.featured-blog-posts-card{position:relative;width:100%;height:100%;background:#fff;border-radius:14px;overflow:hidden;padding:14px 14px 18px;box-shadow:0 10px 24px rgb(0 0 0 / .14);transition:transform 160ms ease,box-shadow 160ms ease;display:flex;flex-direction:column;scroll-snap-align:start;color:#111}.featured-blog-posts-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgb(0 0 0 / .18)}.featured-blog-posts-card__link{position:absolute;inset:0;z-index:1}.featured-blog-posts-card__content{position:relative;z-index:2}.featured-blog-posts-card__image-wrapper{width:100%;border-radius:10px;overflow:hidden;background:#f3f3f3;aspect-ratio:4 / 3}@supports not (aspect-ratio:1 / 1){.featured-blog-posts-card__image-wrapper{height:0;padding-top:75%;position:relative}.featured-blog-posts-card__image-wrapper img,.featured-blog-posts-card__image-wrapper svg{position:absolute;inset:0}}.featured-blog-posts-card__image-wrapper img,.featured-blog-posts-card__image-wrapper svg{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.featured-blog-posts-card__content{padding-top:12px;display:flex;flex-direction:column;gap:8px;flex:1}.featured-blog-posts-card__title{margin:0;font-size:1.15rem;line-height:1.15;font-weight:800;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#111}.featured-blog-posts-card__date{font-size:.85rem;opacity:.7;color:#111}.featured-blog-posts-card__desc{font-size:.9rem;line-height:1.35;opacity:.85;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.featured-blog-posts-card{padding:12px 12px 16px;border-radius:12px}.featured-blog-posts-card__title{font-size:1rem}}.featured-blog-posts-card,.featured-blog-posts-card *{color:#111!important}.featured-blog-posts-card a{color:#111!important;text-decoration:none}.usp-whole{background:#fff;border-bottom:1px solid #f0f0f0;margin:2.5rem 0;width:100%}.usp-whole__inner{max-width:var(--page-width);margin:0 auto;padding:35px 20px;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;gap:40px}.usp-item{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;gap:18px}.usp-image-wrapper{flex-shrink:0;width:75px;display:flex;align-items:center;aspect-ratio:1 / 1}.usp-img{width:100%;height:auto;object-fit:contain;display:block}.usp-title{margin:0;font-size:18px;font-weight:700;color:#2992ff;line-height:1.2}.usp-subtitle{margin:5px 0 0 0;font-size:14px;color:#555;line-height:1.4}@media (max-width:1200px){.usp-whole__inner{gap:20px}.usp-image-wrapper{width:65px}.usp-title{font-size:16px}}@media (max-width:768px){.usp-whole__inner{grid-template-columns:repeat(2,1fr);gap:25px 15px;padding:25px 15px}.usp-item{flex-direction:column;text-align:center;gap:10px}.usp-image-wrapper{width:50px}.usp-title{font-size:14px}.usp-subtitle{font-size:12px}}.ss-footer{background:#2f86ff;color:#fff;padding:48px 0}.ss-footer__grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:48px;align-items:start}.ss-footer__title{font-size:24px;line-height:1.2;margin:0 0 16px;font-weight:600}.ss-footer__line{margin:0 0 10px;font-size:14px;line-height:1.6}.ss-footer__list{list-style:none;padding:0;margin:0}.ss-footer__item{margin:0 0 10px}.ss-footer__link,.ss-footer__action{color:#fff;text-decoration:underline;text-underline-offset:3px}.ss-footer__link:hover,.ss-footer__action:hover{opacity:.9}.ss-footer__actions{margin-top:16px;display:flex;flex-direction:column;gap:10px}.ss-footer__col--payments{display:flex;justify-content:flex-end}.ss-footer__payment-icons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}.ss-footer__payment-icon{display:inline-flex;align-items:center}.ss-footer__payment-icon svg{height:22px;width:auto}.ss-footer__payments-image{max-width:520px;width:100%;height:auto;display:block;margin-left:auto}@media (max-width:990px){.ss-footer{padding:36px 0}.ss-footer__grid{grid-template-columns:1fr 1fr;gap:28px}.ss-footer__col--payments{grid-column:1 / -1;justify-content:flex-start}.ss-footer__payment-icons{justify-content:flex-start}.ss-footer__payments-image{margin-left:0}}@media (max-width:640px){.ss-footer{padding:28px 0}.ss-footer__grid{grid-template-columns:1fr;gap:22px}.ss-footer__title{font-size:18px;margin-bottom:12px}.ss-footer__line{font-size:14px;margin-bottom:8px}.ss-footer__actions{gap:8px}}.ss-footer .ss-container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:clamp(16px, 4vw, 40px);padding-right:clamp(16px, 4vw, 40px)}.payment-icons{width:100%;padding-top:8px;padding-bottom:8px}.payment-icons__list{display:flex;align-items:center;justify-content:var(--alignment);flex-wrap:wrap;column-gap:max(var(--icon-gap), 12px);row-gap:12px;margin:0;padding:0;list-style:none}.payment-icons__item{display:flex;align-items:center;justify-content:center;padding:2px 4px}.payment-icons__svg{display:block;height:22px;width:auto}.payment-icons__item--zip img{display:block;height:22px;width:auto;max-width:70px}@media (max-width:990px){.payment-icons__list{column-gap:max(var(--icon-gap), 14px);row-gap:14px}}@media (max-width:640px){.payment-icons__list{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.payment-icons__item{flex:0 0 auto}} /* ===== CLS FIX START ===== */

/* 更穩定的字體 fallback */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* 避免標題字體切換時造成高度跳動 */
.ss-home-hero__title,
h1.ss-home-hero__title {
  line-height: 1.1;
  min-height: 2.4em;
}

/* 通用標題行高 */
.section-title,
.home-category-section__heading,
.featured-blog-posts-title,
h2,
h3 {
  line-height: 1.2;
}

/* 首屏 hero / banner / slideshow 預留高度 */
.ss-home-hero,
.custom-slideshow-section,
.ss-hero-banner {
  min-height: 520px;
}

@media (max-width: 767px) {
  .ss-home-hero,
  .custom-slideshow-section,
  .ss-hero-banner {
    min-height: 360px;
  }
}

/* Hero / banner 媒體比例固定 */
.ss-home-hero__media,
.custom-slideshow-section .slide-media,
.banner-media {
  aspect-ratio: 16 / 7;
  width: 100%;
  overflow: hidden;
}

/* 所有首屏圖避免撐動版面 */
.ss-home-hero__media img,
.custom-slideshow-section .slide-media img,
.banner-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 商品卡 / blog 卡 / 分類卡圖片比例固定 */
.product-card__image,
.blog-card__image,
.article-card__image,
.home-category-card__image {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.product-card__image img,
.blog-card__image img,
.article-card__image img,
.home-category-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 商品標題固定兩行高度 */
.product-card__title,
.card__heading,
.product-title {
  line-height: 1.35;
  min-height: calc(1.35em * 2);
}

/* Blog 標題固定兩行高度 */
.blog-card__title,
.article-card__title {
  line-height: 1.35;
  min-height: calc(1.35em * 2);
}

/* 價格與評價星星預留高度 */
.price,
.product-card__price,
.jdgm-prev-badge,
.jdgm-widget,
.jdgm-preview-badge {
  min-height: 24px;
}

/* 完整評論區預留高度 */
.jdgm-rev-widg,
.home-reviews-section,
.review-section {
  min-height: 420px;
}

/* 推薦商品 / 部落格區預留高度 */
.product-recommendations,
.featured-blog-posts-section,
.featured-blog-posts-list {
  min-height: 320px;
}

/* 避免 inline image baseline 造成細微位移 */
img {
  display: block;
  max-width: 100%;
  height: auto;
}

:root {
  --header-height: 150px;
  --header-group-height: 150px;
}

/* ===== CLS FIX END ===== */

/* ===== Product recommendation carousel arrows fix ===== */
.product-recommendations .resource-list__carousel,
.product-recommendations .resource-list,
.product-recommendations .carousel,
.product-recommendations .embla {
  position: relative;
}

.product-recommendations .slideshow-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 30;
  width: 46px;
  height: 46px;
  min-width: 46px;
  min-height: 46px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  transition: all 0.25s ease;
}

.product-recommendations .slideshow-control:hover {
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.product-recommendations .slideshow-control--previous {
  left: 12px;
}

.product-recommendations .slideshow-control--next {
  right: 12px;
}

.product-recommendations .slideshow-control .svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.product-recommendations .slideshow-control svg {
  width: 20px;
  height: 20px;
  display: block;
}

.product-recommendations .slideshow-control svg path,
.product-recommendations .slideshow-control svg polyline,
.product-recommendations .slideshow-control svg line {
  stroke: #111;
  stroke-width: 2.4;
  fill: none;
}

.product-recommendations .slideshow-control[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
  box-shadow: none;
}

.product-recommendations .resource-list__carousel,
.product-recommendations .resource-list {
  overflow: visible;
}


/* =========================
   PREMIUM MOBILE DRAWER MENU
   ========================= */
@media screen and (max-width: 989px) {
  /* 抽屜寬度與底色 */
  .header__drawer,
  .header__drawer--mobile,
  .menu-drawer,
  .drawer,
  .drawer__content,
  .menu-drawer__inner,
  .menu-drawer__content {
    background: #ffffff !important;
  }

  .menu-drawer,
  .drawer__content,
  .header__drawer--mobile .drawer__content {
    width: min(88vw, 360px) !important;
    max-width: 360px !important;
  }

  .menu-drawer__inner,
  .menu-drawer__content,
  .header__drawer--mobile .drawer__inner,
  .header__drawer--mobile .drawer__content {
    padding: 14px 18px 26px !important;
  }

  /* 頂部關閉區 */
  .menu-drawer__header,
  .drawer__header {
    min-height: 42px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  }

  /* 清單重設 */
  .menu-drawer ul,
  .menu-drawer ol,
  .header__drawer--mobile ul,
  .header__drawer--mobile ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* 第一層項目 */
  .menu-drawer > ul > li,
  .header__drawer--mobile .list-menu > li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  }

  .menu-drawer > ul > li:last-child,
  .header__drawer--mobile .list-menu > li:last-child {
    border-bottom: 0 !important;
  }

  /* 第一層連結 / summary */
  .menu-drawer > ul > li > a,
  .menu-drawer > ul > li > button,
  .menu-drawer > ul > li > summary,
  .header__drawer--mobile .list-menu > li > a,
  .header__drawer--mobile .list-menu > li > button,
  .header__drawer--mobile .list-menu > li > summary,
  .header__drawer--mobile .menu-drawer__menu-item,
  .header__drawer--mobile .drawer__menu-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 14px 0 !important;
    color: #1677ff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    letter-spacing: 0.01em !important;
    background: transparent !important;
  }

  /* 隱藏 details 原生箭頭 */
  .menu-drawer summary,
  .header__drawer--mobile summary {
    list-style: none !important;
    cursor: pointer !important;
  }

  .menu-drawer summary::-webkit-details-marker,
  .header__drawer--mobile summary::-webkit-details-marker {
    display: none !important;
  }

  /* 自訂箭頭 */
  .menu-drawer > ul > li > summary::after,
  .header__drawer--mobile .list-menu > li > summary::after {
    content: "›";
    font-size: 20px;
    line-height: 1;
    color: #8aaef5;
    transition: transform 0.2s ease;
    margin-left: 12px;
    flex-shrink: 0;
  }

  .menu-drawer details[open] > summary::after,
  .header__drawer--mobile details[open] > summary::after {
    transform: rotate(90deg);
    color: #1677ff;
  }

  /* 子選單容器 */
  .menu-drawer li ul,
  .menu-drawer li ol,
  .header__drawer--mobile li ul,
  .header__drawer--mobile li ol {
    margin: 2px 0 12px !important;
    padding: 6px 0 6px 14px !important;
    border-left: 2px solid rgba(22, 119, 255, 0.14) !important;
  }

  /* 子分類 */
  .menu-drawer li ul a,
  .menu-drawer li ol a,
  .header__drawer--mobile li ul a,
  .header__drawer--mobile li ol a {
    display: block !important;
    padding: 8px 0 !important;
    color: #2a2a2a !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
  }

  .menu-drawer li ul a:hover,
  .menu-drawer li ol a:hover,
  .header__drawer--mobile li ul a:hover,
  .header__drawer--mobile li ol a:hover {
    color: #1677ff !important;
  }

  /* 第三級若有，再縮一點 */
  .menu-drawer li ul ul,
  .menu-drawer li ol ol,
  .header__drawer--mobile li ul ul,
  .header__drawer--mobile li ol ol {
    margin-top: 4px !important;
    padding-left: 12px !important;
    border-left: 1px solid rgba(22, 119, 255, 0.1) !important;
  }

  .menu-drawer li ul ul a,
  .menu-drawer li ol ol a,
  .header__drawer--mobile li ul ul a,
  .header__drawer--mobile li ol ol a {
    font-size: 13px !important;
    color: #555 !important;
  }

  /* 抽屜內搜尋 / 其他附加區若有 */
  .menu-drawer input,
  .header__drawer--mobile input {
    border-radius: 10px !important;
  }
}

/* =========================
   MOBILE ACCORDION FIX
   ========================= */
@media screen and (max-width: 989px) {
  /* 預設收起第二層 */
  .menu-drawer details > ul,
  .menu-drawer details > ol,
  .header__drawer--mobile details > ul,
  .header__drawer--mobile details > ol {
    display: none !important;
  }

  /* 展開後才顯示第二層 */
  .menu-drawer details[open] > ul,
  .menu-drawer details[open] > ol,
  .header__drawer--mobile details[open] > ul,
  .header__drawer--mobile details[open] > ol {
    display: block !important;
  }
}


/* =========================
   FINAL STABLE HEADER + MENU (CLS FIXED)
   ========================= */

@media screen and (min-width: 990px) {

  /* ===== HEADER LAYOUT ===== */
  .header__columns.spacing-style.ss-container {
    display: grid !important;
    grid-template-columns: minmax(120px, 1fr) auto minmax(120px, 1fr) !important;
    align-items: center !important;

    min-height: 64px !important;
    height: 64px !important;

    width: 100% !important;
    max-width: 1680px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .header__column--left {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  .header__column--center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .header__column--right {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
  }

  /* ===== NAV ROW ===== */
  .header-nav-row {
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    height: 56px !important;
    min-height: 56px !important;
    overflow: visible !important;
  }

  /* ===== IMPORTANT: FIX CLS ROOT ===== */
  .header-menu__inner {
    width: 100% !important;
    display: block !important;

    min-height: 56px !important;
    overflow: visible !important;

    box-sizing: border-box !important;
  }

  /* ===== MENU WRAPPER ===== */
  .header-nav-row .menu-list {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    min-height: 56px !important;
    overflow: visible !important;
  }

  .header-nav-row .menu-list__inner-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    gap: 18px !important;
    flex-wrap: nowrap !important;

    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;

    min-height: 56px !important;
  }

  /* ===== MENU ITEM ===== */
  .menu-list__list-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
  }

  /* ===== MENU LINK ===== */
  .menu-list__link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 56px !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1f1f1f !important;
    text-decoration: none !important;

    white-space: nowrap !important;
  }

  /* ===== HOVER LINE ===== */
  .menu-list__link::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);

    width: 0;
    height: 2px;
    background: #2f80ed;

    transition: width 0.2s ease;
  }

  .menu-list__list-item:hover > .menu-list__link::after {
    width: 24px;
  }

  /* ===== SUBMENU ===== */
  .menu-list__submenu {
    position: absolute !important;

    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: 280px !important;
    min-width: 280px !important;
    max-width: 320px !important;

    background: #fff !important;
    border-radius: 14px !important;
    border: 1px solid rgba(0,0,0,0.06) !important;

    box-shadow: 0 18px 40px rgba(0,0,0,0.12) !important;

    padding: 8px 0 !important;

    z-index: 9999 !important;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: all 0.18s ease;
  }

  .menu-list__list-item:hover > .menu-list__submenu,
  .menu-list__submenu:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* ===== SUBMENU ITEM ===== */
  .menu-list__submenu a {
    display: block !important;

    padding: 12px 18px !important;

    font-size: 14px !important;
    color: #222 !important;
    text-decoration: none !important;

    transition: all 0.2s ease;
  }

  .menu-list__submenu a:hover {
    background: #f6f9ff !important;
    padding-left: 22px !important;
  }

  /* ===== VERY IMPORTANT: PREVENT CLIPPING ===== */
  .header,
  .header-group,
  .header-wrapper,
  .header-nav-row,
  .header-menu__inner {
    overflow: visible !important;
  }
}

/* =========================
   MOBILE MENU FINAL CLEAN
   ========================= */
@media screen and (max-width: 989px) {
  /* 主分類置中 */
  .menu-drawer > ul > li > a,
  .menu-drawer > ul > li > button,
  .menu-drawer > ul > li > summary,
  .header__drawer--mobile .list-menu > li > a,
  .header__drawer--mobile .list-menu > li > button,
  .header__drawer--mobile .list-menu > li > summary,
  .header__drawer--mobile .menu-drawer__menu-item,
  .header__drawer--mobile .drawer__menu-item {
    justify-content: center !important;
    text-align: center !important;
    font-size: 15px !important;
  }

  /* 箭頭固定右邊 */
  .menu-drawer > ul > li > summary,
  .header__drawer--mobile .list-menu > li > summary {
    position: relative !important;
    padding-right: 34px !important;
  }

  .menu-drawer > ul > li > summary::after,
  .header__drawer--mobile .list-menu > li > summary::after {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%);
    margin: 0 !important;
  }

  .menu-drawer details[open] > summary::after,
  .header__drawer--mobile details[open] > summary::after {
    transform: translateY(-50%) rotate(90deg) !important;
  }

  /* 子分類置中 */
  .menu-drawer li ul,
  .menu-drawer li ol,
  .header__drawer--mobile li ul,
  .header__drawer--mobile li ol {
    padding-left: 0 !important;
    border-left: none !important;
    text-align: center !important;
  }

  .menu-drawer li ul a,
  .menu-drawer li ol a,
  .header__drawer--mobile li ul a,
  .header__drawer--mobile li ol a {
    text-align: center !important;
    padding: 8px 12px !important;
  }
}

/* =========================
   HOMEPAGE REVIEW LAZY REVEAL
   ========================= */

.template-index .jdgm-widget,
.template-index .jdgm-rev-widg,
.template-index .jdgm-carousel-wrapper,
.template-index .jdgm-all-reviews-widget {
  min-height: 420px;
}

.template-index .ss-review-lazy {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.template-index .ss-review-lazy.ss-review-lazy--visible {
  opacity: 1;
  transform: translateY(0);
}

.usp-title {
  color: #1f1f1f !important;
}

.color-scheme-2,
.color-scheme-2 p,
.color-scheme-2 span,
.color-scheme-2 a,
.color-scheme-2 time,
.color-scheme-2 strong,
.color-scheme-2 input,
.color-scheme-2 button {
  color: #1f1f1f !important;
}

.color-scheme-2 .email-signup__input {
  color: #1f1f1f !important;
  background: #ffffff !important;
  border: 1px solid #bfc7d1 !important;
}

.color-scheme-2 .email-signup__input::placeholder {
  color: #5f6b7a !important;
}

/* ===== Header icon fix ===== */
.header__icons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header__icons > * {
  flex: 0 0 auto;
}

.header__icon,
.header__icons a,
.header__icons button,
.header__icons .button,
.header__icons .button-secondary,
.header__icons .button-unstyled {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0 !important;
  margin: 0;
  background: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.22);
  border-radius: 0;
  box-shadow: none !important;
  line-height: 1;
  text-decoration: none;
}

.header__icon:hover,
.header__icons a:hover,
.header__icons button:hover,
.header__icons .button:hover,
.header__icons .button-secondary:hover,
.header__icons .button-unstyled:hover {
  background: transparent !important;
  box-shadow: none !important;
}

.header__icon .svg-wrapper,
.header__icons a .svg-wrapper,
.header__icons button .svg-wrapper {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header__icon svg,
.header__icons a svg,
.header__icons button svg,
.header__icons .svg-wrapper svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px;
  min-height: 20px;
  display: block;
}

.header__icon img,
.header__icons a img,
.header__icons button img {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px;
  max-height: 20px;
  object-fit: contain;
  display: block;
}

.header__icons .count-bubble,
.header__icons .cart-count-bubble,
.header__icons .header__cart-count {
  position: absolute;
}

@media screen and (max-width: 749px) {
  .header__icons {
    gap: 8px;
  }

  .header__icon,
  .header__icons a,
  .header__icons button,
  .header__icons .button,
  .header__icons .button-secondary,
  .header__icons .button-unstyled {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .header__icon .svg-wrapper,
  .header__icons a .svg-wrapper,
  .header__icons button .svg-wrapper,
  .header__icon svg,
  .header__icons a svg,
  .header__icons button svg,
  .header__icons .svg-wrapper svg,
  .header__icon img,
  .header__icons a img,
  .header__icons button img {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    min-height: 18px;
  }
}

/* Lock header row heights to reduce CLS */
.header-nav-row,
.header-menu__inner,
.header-nav-row .menu-list__inner-container {
  min-height: 56px !important;
  min-height: 56px !important;
}

.header-row,
.header__row,
.header-row-top,
.header-row-bottom {
  min-height: 56px !important;
}

.header__column.header__column--center {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.header__column.header__column--center .header-menu-nav,
.header__column.header__column--center .header-menu__inner,
.header__column.header__column--center .menu-list__inner-container {
  height: 56px !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.header__column.header__column--center .gm-item,
.header__column.header__column--center .menu-list__list-item,
.header__column.header__column--center .menu-list__link,
.header__column.header__column--center .menu-list__link-title {
  white-space: nowrap !important;
}

/* ===== CLS fix for header center column / Globo menu ===== */

@media screen and (min-width: 990px) {
  /* Lock center column layout */
  .header__column.header__column--center {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
  }

  /* Lock menu row height */
  .header__column.header__column--center .header-menu-nav,
  .header__column.header__column--center .header-menu__inner,
  .header__column.header__column--center .menu-list__inner-container,
  .header__column.header__column--center .gm-menu,
  .header__column.header__column--center .gm-navbar,
  .header__column.header__column--center .gm-wrap {
    height: 56px !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
  }

  /* Prevent text wrapping */
  .header__column.header__column--center .gm-item,
  .header__column.header__column--center .menu-list__list-item,
  .header__column.header__column--center .menu-list__link,
  .header__column.header__column--center .menu-list__link-title,
  .header__column.header__column--center .gm-anchor,
  .header__column.header__column--center .gm-link,
  .header__column.header__column--center .gm-text {
    white-space: nowrap !important;
  }

  /* Lock clickable item height */
  .header__column.header__column--center .gm-item > a,
  .header__column.header__column--center .menu-list__link,
  .header__column.header__column--center .gm-anchor,
  .header__column.header__column--center .gm-link {
    min-height: 56px !important;
    height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  /* Avoid hover-induced width changes */
  .header__column.header__column--center .gm-item > a:hover,
  .header__column.header__column--center .menu-list__link:hover,
  .header__column.header__column--center .gm-anchor:hover,
  .header__column.header__column--center .gm-link:hover {
    font-weight: inherit !important;
    letter-spacing: normal !important;
  }

  /* Keep submenu out of normal flow */
  .header__column.header__column--center .gm-submenu,
  .header__column.header__column--center .menu-list__submenu {
    position: absolute !important;
  }
}

/* ===== CLS fix: lock header bottom row ===== */
@media screen and (min-width: 990px) {
  .header__row.header__row--bottom.header-nav-row {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .header__row.header__row--bottom.header-nav-row .header__column {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  .header__column.header__column--center {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .header__column.header__column--center .gm-menu,
  .header__column.header__column--center .gm-navbar,
  .header__column.header__column--center .gm-wrap,
  .header__column.header__column--center .menu-list__inner-container,
  .header__column.header__column--center .header-menu__inner,
  .header__column.header__column--center .header-menu-nav {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
  }

  .header__column.header__column--center .gm-item,
  .header__column.header__column--center .menu-list__list-item {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .header__column.header__column--center .gm-item > a,
  .header__column.header__column--center .gm-anchor,
  .header__column.header__column--center .gm-link,
  .header__column.header__column--center .menu-list__link {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .header__column.header__column--center .gm-item > a:hover,
  .header__column.header__column--center .gm-anchor:hover,
  .header__column.header__column--center .gm-link:hover,
  .header__column.header__column--center .menu-list__link:hover {
    font-weight: inherit !important;
    letter-spacing: normal !important;
  }
}