.glgu-now-loading{ display: none; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #fff; z-index: 9999; opacity: 0.8; }

.glgu-column{ display: flex; flex-wrap: wrap; gap: var(--theme--spacing--gap); }
.glgu-column-1 > div{ width: 100%; } 
.glgu-column-2 > div{ width:calc(50% - (var(--theme--spacing--gap)/2)); }
.glgu-column-3 > div{ width:calc(33.33333% - (var(--theme--spacing--gap)*2/3)); }
.glgu-column-4 > div{ width:calc(25% - (var(--theme--spacing--gap)*3/4)); }
.glgu-column-5 > div{ width:calc(20% - (var(--theme--spacing--gap)*4/5)); }
.glgu-column-6 > div{ width:calc(16.66667% - (var(--theme--spacing--gap)*5/6)); }

@media only screen and (max-width: 999px) {
    .glgu-column-4 > div, 
    .glgu-column-5 > div, 
    .glgu-column-6 > div{ width:calc(33.33333% - (var(--theme--spacing--gap)*2/3)); }
    .glgu-column-3 > div{ width: calc(50% - (var(--theme--spacing--gap)/2)); }
}
@media only screen and (max-width: 768px) {
    .glgu-column-3 > div, 
    .glgu-column-4 > div, 
    .glgu-column-5 > div, 
    .glgu-column-6 > div{ width:calc(50% - (var(--theme--spacing--gap)/2)); }
    .glgu-column-2 > div{ width: 100%; max-width: 400px; }
}
@media only screen and (max-width: 550px) {
    .glgu-column-2 > div, 
    .glgu-column-3 > div, 
    .glgu-column-4 > div, 
    .glgu-column-5 > div, 
    .glgu-column-6 > div{ width:calc(50% - (var(--theme--spacing--gap)/2)); }
}

.glgu-rating{ color: #ffc200; }
.glgu-group-custom{ box-sizing: border-box; margin-left: auto; margin-right: auto; background-size: cover; background-position: center; background-repeat: no-repeat; }

/* carousel bullet */
ul.glgu-bullet li{ background: var(--slider-controls-bg, #d6dae8); }
ul.glgu-bullet li.active{ background: var(--slider-controls-bg-active, #516bc4); }
ul.glgu-bullet{ list-style: none; margin: 0px; padding: 0px; white-space: nowrap; }
ul.glgu-bullet-style-1 li{ display: inline-block; width: 8px; height: 8px; margin-left: 10px; 
    cursor: pointer; overflow: hidden; transition: background 300ms;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
ul.glgu-bullet-style-1 li:first-child{ margin-left: 0px; }

/* accordion */
.glgu-accordion-tab{ position: relative; }
.glgu-accordion-tab .glgu-accordion-action-bar{ position: absolute; top: 50%; transform: translateY(-50%); right: 0px; 
    display: flex; gap: 15px; align-items: center; opacity: 0; background: #ddd; padding: 0 5px 0 15px; }
.glgu-accordion-tab:hover .glgu-accordion-action-bar{ opacity: 1; }
.glgu-accordion-tab .glgu-accordion-action-bar .components-toggle-control,
.glgu-accordion-tab .glgu-accordion-action-bar .components-toggle-control .components-base-control__field{ margin-bottom: 0px; }

.glgu-accordion-tab{ padding: 30px 0px; border-top-width: 1px; border-top-style: solid; }
.glgu-accordion-tab:first-child{ border-top: 0px; padding-top: 0px; }
.glgu-accordion-tab .glgu-accordion-tab-content{ padding: 0px 30px; transition: padding 200ms, box-shadow 200ms; }
.glgu-accordion-tab .glgu-accordion-title{ margin-bottom: 0px; font-size: 18px; }
.glgu-accordion-tab .glgu-accordion-title:after{ content: "\f543"; font-family: "dashicons"; float: right; transition: opacity 200ms; }
.glgu-accordion-tab .glgu-accordion-content{ padding-top: 20px; display: none; }
.glgu-accordion-tab.glgu-active .glgu-accordion-content{ display: block; }
.glgu-accordion-tab.glgu-active .glgu-accordion-tab-content{ padding: 28px 30px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.glgu-accordion-tab.glgu-active .glgu-accordion-title:after{ content: "\f460"; opacity: 0.6; }

/* fa social */
.glgu-fa-social{ display: flex; flex-direction: row; font-size: 25px; gap: 30px; }
.glgu-fa-social a{ flex-shrink: 0; text-align: center; width: var(--fa-social--width); line-height: var(--fa-social--width);
    border-style: solid; border-width: var(--fa-social--frame-width, 0px); border-radius: var(--fa-social--radius); 
    color: var(--fa-social--icon-color); border-color: var(--fa-social--border-color); }
.glgu-fa-social a:hover{ color: var(--fa-social--icon-hover-color); }
.glgu-fa-social.has-text-align-center{ justify-content: center; }
.glgu-fa-social.has-text-align-right{ justify-content: flex-end; }

/* shape divider */
.glgu-shape-divider{ overflow: hidden; }
.glgu-shape-divider svg path{ fill: var(--shape-divider-color); opacity: var(--shape-divider-opacity); }
.glgu-shape-divider svg{ width: var(--shape-divider-width, 100%); height: var(--shape-divider-height); }
.glgu-shape-divider-wrap{ line-height: 0; }
.glgu-shape-divider-wrap svg{ left: 50%; position: relative;
    -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.glgu-shape-divider.glgu-bottom .glgu-shape-divider-wrap,
.glgu-shape-divider.glgu-invert.glgu-top .glgu-shape-divider-wrap{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.glgu-shape-divider.glgu-invert.glgu-bottom .glgu-shape-divider-wrap{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }

/* category filter */
.glgu-category-filter{ display: flex; gap: 25px; font-weight: 600; }
.glgu-category-filter.has-text-align-left{ justify-content: flex-start; }
.glgu-category-filter.has-text-align-right{ justify-content: flex-end; }
.glgu-category-filter.has-text-align-center{ justify-content: center; }
.glgu-category-filter span{ cursor: pointer; color: var(--category-filter-text, #888); }
.glgu-category-filter span.glgu-active{ cursor: pointer; color: var(--category-filter-text-active, #000); }

.glgu-category-filter.glgu-style-dot-top .glgu-active{ position: relative; }
.glgu-category-filter.glgu-style-dot-top .glgu-active:after{ content: " "; position: absolute; top: -12px; left: 0px; right: 0px;
    width: 6px; height: 6px; margin-left: auto; margin-right: auto; background: var(--category-filter-text-indicator, #000);
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  }

/* product category */
.glgu-product-category-wrap .glgu-thumbnail{ line-height:0; margin-bottom: 10px; }
.glgu-product-category-wrap .glgu-title{ font-size: 18px; }