/* 20261011觀自在工藝｜11 類細線圖示。載入於 brand.css 之後。 */
/* Decorative empty pseudo-elements: link and heading text remain the accessible names. */
body.ga-page { --gv-icon-color: var(--gb-sage, #7a8274); }

/* Two additive native categories; semantic page classes avoid guessed WP IDs. */
.ga-page .gb-category-link a[href$="/category-lotus/"],
.ga-page .gb-nav-dropdown a[href$="/category-lotus/"],
.ga-page .gb-category-lotus .guan-catalog__intro > h1 { --gv-icon:url("icons/20261012觀自在工藝_蓮花塔.svg"); --gv-icon-display:block; }
.ga-page .gb-category-link a[href$="/category-house/"],
.ga-page .gb-nav-dropdown a[href$="/category-house/"],
.ga-page .gb-category-house .guan-catalog__intro > h1 { --gv-icon:url("icons/20261012觀自在工藝_房屋.svg"); --gv-icon-display:block; }

.ga-page .gb-category-link a[href$="/category-3c/"],
.ga-page .gb-nav-dropdown a[href$="/category-3c/"] { --gv-icon: url("icons/11-3c.svg"); --gv-icon-display:block; }
.ga-page .elementor[data-elementor-id="952"] .gb-catalog-section .guan-catalog__intro > h1 { --gv-icon: url("icons/11-3c.svg"); --gv-icon-display:block; }

.ga-page .gb-category-link a[href$="/category-women/"],
.ga-page .gb-nav-dropdown a[href$="/category-women/"] { --gv-icon: url("icons/11-women.svg"); --gv-icon-display:block; }
.ga-page .elementor[data-elementor-id="954"] .gb-catalog-section .guan-catalog__intro > h1 { --gv-icon: url("icons/11-women.svg"); --gv-icon-display:block; }

.ga-page .gb-category-link a[href$="/category-transport/"],
.ga-page .gb-nav-dropdown a[href$="/category-transport/"] { --gv-icon: url("icons/11-transport.svg"); --gv-icon-display:block; }
.ga-page .elementor[data-elementor-id="956"] .gb-catalog-section .guan-catalog__intro > h1 { --gv-icon: url("icons/11-transport.svg"); --gv-icon-display:block; }

.ga-page .gb-category-link a[href$="/category-leisure/"],
.ga-page .gb-nav-dropdown a[href$="/category-leisure/"] { --gv-icon: url("icons/11-leisure.svg"); --gv-icon-display:block; }
.ga-page .elementor[data-elementor-id="958"] .gb-catalog-section .guan-catalog__intro > h1 { --gv-icon: url("icons/11-leisure.svg"); --gv-icon-display:block; }

.ga-page .gb-category-link a[href$="/category-men/"],
.ga-page .gb-nav-dropdown a[href$="/category-men/"] { --gv-icon: url("icons/11-men.svg"); --gv-icon-display:block; }
.ga-page .elementor[data-elementor-id="960"] .gb-catalog-section .guan-catalog__intro > h1 { --gv-icon: url("icons/11-men.svg"); --gv-icon-display:block; }

.ga-page .gb-category-link a[href$="/category-other/"],
.ga-page .gb-nav-dropdown a[href$="/category-other/"] { --gv-icon: url("icons/11-other.svg"); --gv-icon-display:block; }
.ga-page .elementor[data-elementor-id="962"] .gb-catalog-section .guan-catalog__intro > h1 { --gv-icon: url("icons/11-other.svg"); --gv-icon-display:block; }

.ga-page .gb-category-link a[href$="/category-home/"],
.ga-page .gb-nav-dropdown a[href$="/category-home/"] { --gv-icon: url("icons/11-home.svg"); --gv-icon-display:block; }
.ga-page .elementor[data-elementor-id="964"] .gb-catalog-section .guan-catalog__intro > h1 { --gv-icon: url("icons/11-home.svg"); --gv-icon-display:block; }

.ga-page .gb-category-link a[href$="/category-treasure/"],
.ga-page .gb-nav-dropdown a[href$="/category-treasure/"] { --gv-icon: url("icons/11-treasure.svg"); --gv-icon-display:block; }
.ga-page .elementor[data-elementor-id="966"] .gb-catalog-section .guan-catalog__intro > h1 { --gv-icon: url("icons/11-treasure.svg"); --gv-icon-display:block; }

.ga-page .gb-category-link a[href$="/category-shops/"],
.ga-page .gb-nav-dropdown a[href$="/category-shops/"] { --gv-icon: url("icons/11-shops.svg"); --gv-icon-display:block; }
.ga-page .elementor[data-elementor-id="968"] .gb-catalog-section .guan-catalog__intro > h1 { --gv-icon: url("icons/11-shops.svg"); --gv-icon-display:block; }

.ga-page .gb-category-link a[href$="/category-children/"],
.ga-page .gb-nav-dropdown a[href$="/category-children/"] { --gv-icon: url("icons/11-children.svg"); --gv-icon-display:block; }
.ga-page .elementor[data-elementor-id="970"] .gb-catalog-section .guan-catalog__intro > h1 { --gv-icon: url("icons/11-children.svg"); --gv-icon-display:block; }

.ga-page .gb-category-link a[href$="/category-pets/"],
.ga-page .gb-nav-dropdown a[href$="/category-pets/"] { --gv-icon: url("icons/11-pets.svg"); --gv-icon-display:block; }
.ga-page .elementor[data-elementor-id="972"] .gb-catalog-section .guan-catalog__intro > h1 { --gv-icon: url("icons/11-pets.svg"); --gv-icon-display:block; }

.ga-page .gb-nav-dropdown a[href$="/products/"],
.ga-page .elementor[data-elementor-id="691"] .gb-catalog-section .guan-catalog__intro > h2 { --gv-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%237a8274%22 stroke-width=%221.75%22 stroke-linejoin=%22round%22%3E%3Crect x=%2213%22 y=%2213%22 width=%2215%22 height=%2215%22 rx=%222%22/%3E%3Crect x=%2236%22 y=%2213%22 width=%2215%22 height=%2215%22 rx=%222%22/%3E%3Crect x=%2213%22 y=%2236%22 width=%2215%22 height=%2215%22 rx=%222%22/%3E%3Crect x=%2236%22 y=%2236%22 width=%2215%22 height=%2215%22 rx=%222%22/%3E%3C/svg%3E"); --gv-icon-display:block; }

/* Keep Elementor's 36px index and the existing text::after arrow. */
.ga-page .gb-category-row .gb-category-index { width:36px!important; flex:0 0 36px!important; }
.ga-page .gb-category-row .gb-category-link { min-width:0; flex:1 1 0; }
.ga-page .gb-category-row .gb-category-link a.elementor-button {
    display:flex!important; align-items:center; gap:14px; min-height:44px;
    min-width:0; max-width:100%; box-sizing:border-box;
}
.ga-page .gb-category-row .gb-category-link .elementor-button-content-wrapper {
    display:block; flex:1 1 0; min-width:0; width:auto;
}
.ga-page .gb-category-row .gb-category-link .elementor-button-text {
    display:block; min-width:0; white-space:nowrap;
}
.ga-page .gb-category-row .gb-category-link a.elementor-button::before,
.ga-page .gb-nav-dropdown a::before,
.ga-page .gb-catalog-section .guan-catalog__intro > :is(h1,h2)::before {
    content:""; background-color:var(--gv-icon-color);
    -webkit-mask:var(--gv-icon) center / contain no-repeat;
    mask:var(--gv-icon) center / contain no-repeat;
    pointer-events:none;
}
.ga-page .gb-category-row .gb-category-link a.elementor-button::before {
    display:var(--gv-icon-display, none); width:40px; height:40px; flex:0 0 40px;
}
/* Twelve links: eleven category marks and one all-products grid mark. */
.ga-page .gb-header .gb-nav-dropdown {
    box-sizing:border-box; min-width:208px; max-width:calc(100vw - 32px);
    max-height:min(72vh, 540px); overflow-y:auto; overscroll-behavior:contain;
}
.ga-page .gb-header .gb-nav-dropdown a {
    display:flex; align-items:center; gap:10px; min-height:40px;
    padding:8px 0; box-sizing:border-box; line-height:1.7;
}
.ga-page .gb-header .gb-nav-dropdown a::before {
    display:var(--gv-icon-display, none); width:24px; height:24px; flex:0 0 24px;
}
/* Above the heading: no inline width is removed from longer mobile titles. */
.ga-page .gb-catalog-section .guan-catalog__intro > :is(h1,h2)::before {
    display:var(--gv-icon-display, none); width:40px; height:40px; margin:0 auto 18px;
}
/* Native columns may lose their saved custom classes in Elementor 4. */
@media(min-width:768px) and (max-width:1050px) {
    .ga-page .gb-category-row > .elementor-container { flex-wrap:wrap; }
    .ga-page .gb-category-row > .elementor-container > .elementor-column {
        width:100%!important; padding:20px 8px!important; border-right:0!important;
    }
}
@media(max-width:767px) {
    .ga-page .gb-category-row .gb-category-link a.elementor-button { gap:12px; }
    .ga-page .gb-catalog-section .guan-catalog__intro > :is(h1,h2)::before { margin-bottom:14px; }
}
@media(forced-colors:active) {
    .ga-page .gb-category-row .gb-category-link a.elementor-button::before,
    .ga-page .gb-nav-dropdown a::before,
    .ga-page .gb-catalog-section .guan-catalog__intro > :is(h1,h2)::before {
        background-color:CanvasText; forced-color-adjust:none;
    }
}
/* A missing mask implementation must not create an empty colored square. */
@supports not ((mask-image:url("")) or (-webkit-mask-image:url(""))) {
    .ga-page .gb-category-row .gb-category-link a.elementor-button::before,
    .ga-page .gb-nav-dropdown a::before,
    .ga-page .gb-catalog-section .guan-catalog__intro > :is(h1,h2)::before { display:none; }
}