.gbs{--gbs-ink:#1E2020;--gbs-gold:#B68449;--gbs-mute:#7A766F;font-family:Montserrat,system-ui,sans-serif;color:var(--gbs-ink)}
.gbs *,.gbs *::before,.gbs *::after{box-sizing:border-box}
/* heading row */
.gbs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin:0 0 var(--gbs-h-space,28px)}
.gbs .gbs-head-title{margin:0;padding:0;color:var(--gbs-h,var(--gbs-ink));font-family:Montserrat,system-ui,sans-serif;font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.gbs .gbs-head-sub{margin:6px 0 0;color:var(--gbs-hs,var(--gbs-mute));font-size:14px;line-height:1.5}
/* grid / slider track */
.gbs-wrap{position:relative}
.gbs-track{display:grid;grid-template-columns:repeat(var(--gbs-cols,4),minmax(0,1fr));gap:var(--gbs-row-gap,var(--gbs-gap,24px)) var(--gbs-gap,24px)}
.gbs-is-slider .gbs-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--gbs-peek,0px) - (var(--gbs-cols,4) - 1) * var(--gbs-gap,24px)) / var(--gbs-cols,4));gap:var(--gbs-gap,24px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 14px;margin:-4px -2px -14px}
.gbs-is-slider .gbs-track::-webkit-scrollbar{display:none}
.gbs-is-slider .gbs-track:focus-visible{outline:2px solid var(--gbs-gold);outline-offset:4px}
.gbs-item{min-width:0;scroll-snap-align:start;display:flex}
.gbs-item>*{flex:1 1 auto;min-width:0}
.gbs-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--gbs-arrow,44px);height:var(--gbs-arrow,44px);padding:0;margin:0;border:1px solid var(--gbs-arrow-b,#E3DDD2);border-radius:var(--gbs-arrow-r,50%);background:var(--gbs-arrow-bg,#fff);color:var(--gbs-arrow-c,var(--gbs-ink));cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.08);transition:background .2s,color .2s,opacity .2s}
.gbs-arrow:hover{background:var(--gbs-arrow-bg-h,var(--gbs-ink));color:var(--gbs-arrow-c-h,#fff)}
.gbs-arrow:focus-visible{outline:2px solid var(--gbs-gold);outline-offset:2px}
.gbs-arrow[disabled]{opacity:0;pointer-events:none}
.gbs-prev{left:10px}.gbs-next{right:10px}
.gbs-arrows-outside .gbs-prev{left:calc(var(--gbs-arrow,44px) * -1 - 12px)}.gbs-arrows-outside .gbs-next{right:calc(var(--gbs-arrow,44px) * -1 - 12px)}
.gbs-arrows-top{padding-top:calc(var(--gbs-arrow,44px) + 16px)}
.gbs-arrows-top .gbs-arrow{top:0;transform:none}.gbs-arrows-top .gbs-prev{left:auto;right:calc(var(--gbs-arrow,44px) + 8px)}.gbs-arrows-top .gbs-next{right:0}
.gbs-is-slider.is-static .gbs-arrow,.gbs-is-slider.is-static .gbs-dots{display:none}
.gbs-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}
.gbs-dots button{width:8px;height:8px;padding:0;margin:0;border:0;border-radius:8px;background:var(--gbs-dot,#D5CFC4);cursor:pointer;transition:width .2s,background .2s}
.gbs-dots button.is-active{width:22px;background:var(--gbs-dot-a,var(--gbs-ink))}
@media (max-width:1024px){.gbs-arrows-outside .gbs-prev{left:6px}.gbs-arrows-outside .gbs-next{right:6px}}
@media (hover:none){.gbs-arrows-sides .gbs-arrow,.gbs-arrows-outside .gbs-arrow{display:none}}
.gbs-noimg{display:block;width:100%;height:100%;background:var(--gbs-c-bg,#E9E4DB)}
.gbs-empty{margin:0;padding:24px 0;color:var(--gbs-mute)}
/* ---------- circles ---------- */
.gbs-c{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--gbs-c-max,100%);margin:0 auto;text-decoration:none;color:inherit}
.gbs-c-media{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--gbs-c-bg,#E9E4DB);border-radius:50%;isolation:isolate}
.gbs-shape-rounded .gbs-c-media{border-radius:var(--gbs-c-r,24px)}.gbs-shape-square .gbs-c-media{border-radius:0}
.gbs-c-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gbs-c-media::after{content:"";position:absolute;inset:0;background:var(--gbs-c-shade,rgba(0,0,0,.12));opacity:0;transition:opacity .3s}
.gbs-c:hover .gbs-c-media::after{opacity:1}
.gbs-zoom .gbs-c:hover .gbs-c-media img,.gbs-zoom .gbs-card:hover .gbs-card-media img{transform:scale(1.06)}
.gbs-c-label{display:inline-block;max-width:88%;padding:var(--gbs-l-pad,7px 16px);border-radius:var(--gbs-l-r,30px);background:var(--gbs-l-bg,#fff);color:var(--gbs-l-c,var(--gbs-ink));font-size:15px;font-weight:600;line-height:1.25;text-align:center;transition:background .2s,color .2s;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.gbs-c:hover .gbs-c-label{background:var(--gbs-l-bg-h,var(--gbs-ink));color:var(--gbs-l-c-h,#fff)}
.gbs-lp-center .gbs-c-label,.gbs-lp-bottom .gbs-c-label{position:absolute;z-index:2;left:50%;transform:translate(-50%,-50%);top:50%}
.gbs-lp-bottom .gbs-c-label{top:auto;bottom:12%;transform:translateX(-50%)}
.gbs-lp-below .gbs-c-label{margin-top:var(--gbs-l-space,14px)}
.gbs-lp-below .gbs-c:hover .gbs-c-label{background:var(--gbs-l-bg-h,transparent);color:var(--gbs-l-c-h,var(--gbs-gold))}
.gbs-lp-below .gbs-c-label{background:var(--gbs-l-bg,transparent)}
/* ---------- image cards ---------- */
.gbs-card{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:var(--gbs-card-r,10px);background:var(--gbs-card-bg,#fff);text-decoration:none;color:inherit;text-align:var(--gbs-align,left);isolation:isolate}
.gbs-card-media{display:block;position:relative;aspect-ratio:var(--gbs-ratio,2/3);overflow:hidden;background:#E9E4DB}
.gbs-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.gbs-card-body{display:flex;gap:12px;align-items:flex-start;padding:var(--gbs-body-pad,18px 20px)}
.gbs-card-txt{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.gbs-card-logo{flex:none;width:var(--gbs-logo,44px);height:var(--gbs-logo,44px);border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.gbs-card-logo img{width:100%;height:100%;object-fit:contain}
.gbs-card-meta{color:var(--gbs-meta,var(--gbs-mute));font-size:12px;line-height:1.4}
.gbs-card-title{color:var(--gbs-title,var(--gbs-ink));font-size:17px;font-weight:600;line-height:1.3}
.gbs-card-sub{color:var(--gbs-sub,var(--gbs-mute));font-size:13px;line-height:1.4}
.gbs-card-text{color:var(--gbs-text,var(--gbs-mute));font-size:14px;line-height:1.6}
.gbs-card-btn{margin-top:6px;color:var(--gbs-btn,var(--gbs-gold));font-size:13px;font-weight:600;transition:color .2s}
.gbs-card:hover .gbs-card-btn{color:var(--gbs-btn-h,var(--gbs-ink))}
.gbs-st-overlay .gbs-card-media{position:absolute;inset:0;aspect-ratio:auto}
.gbs-st-overlay .gbs-card{aspect-ratio:var(--gbs-ratio,2/3);justify-content:flex-start;background:#E9E4DB}
.gbs-st-overlay .gbs-card-body{position:relative;z-index:2;flex:1}
.gbs-st-overlay.gbs-v-center .gbs-card-body{align-items:center}.gbs-st-overlay.gbs-v-bottom .gbs-card-body{align-items:flex-end}
.gbs-st-overlay .gbs-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--gbs-shade,rgba(0,0,0,.55)) 0%,rgba(0,0,0,0) 45%)}
.gbs-st-overlay.gbs-v-bottom .gbs-card-media::after{background:linear-gradient(0deg,var(--gbs-shade,rgba(0,0,0,.55)) 0%,rgba(0,0,0,0) 55%)}
.gbs-st-overlay.gbs-v-center .gbs-card-media::after{background:var(--gbs-shade,rgba(0,0,0,.35))}
.gbs-st-overlay .gbs-card-title{color:var(--gbs-title,#fff)}.gbs-st-overlay .gbs-card-sub,.gbs-st-overlay .gbs-card-meta,.gbs-st-overlay .gbs-card-text{color:var(--gbs-sub,rgba(255,255,255,.85))}
.gbs-st-overlay .gbs-card-btn{color:var(--gbs-btn,#fff)}
/* ---------- products ---------- */
.gbs-tabs{display:flex;flex-wrap:wrap;gap:6px var(--gbs-tab-gap,28px)}
.gbs .gbs-tab{position:relative;margin:0;padding:6px 0;border:0;border-radius:0;background:none;color:var(--gbs-tab,var(--gbs-mute));font:500 15px/1.3 Montserrat,system-ui,sans-serif;cursor:pointer;transition:color .2s;box-shadow:none}
.gbs .gbs-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gbs-tab-line,var(--gbs-gold));transform:scaleX(0);transition:transform .25s}
.gbs .gbs-tab:hover,.gbs .gbs-tab.is-active{color:var(--gbs-tab-a,var(--gbs-ink));background:none}
.gbs .gbs-tab.is-active::after{transform:scaleX(1)}
.gbs .gbs-tab:focus-visible{outline:2px solid var(--gbs-gold);outline-offset:3px}
.gbs-p{position:relative;display:flex;flex-direction:column;width:100%;padding:var(--gbs-p-pad,14px 14px 18px);border:1px solid var(--gbs-p-border,transparent);border-radius:var(--gbs-p-r,8px);background:var(--gbs-p-bg,#fff);transition:box-shadow .3s,transform .3s}
.gbs-p:hover{box-shadow:0 14px 34px rgba(30,32,32,.08)}
.gbs-p-media{position:relative;display:block;aspect-ratio:var(--gbs-p-ratio,1/1);padding:var(--gbs-p-img-pad,10px);background:var(--gbs-p-img-bg,#fff);overflow:hidden;border-radius:calc(var(--gbs-p-r,8px) - 2px)}
.gbs-p-media img{display:block;width:100%;height:100%;object-fit:var(--gbs-p-fit,contain);transition:transform .5s ease}
.gbs-p:hover .gbs-p-media img{transform:scale(1.04)}
.gbs-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 9px;border-radius:30px;background:var(--gbs-badge-bg,var(--gbs-ink));color:var(--gbs-badge-c,#fff);font-size:11px;font-weight:600;line-height:1.3}
.gbs-p-body{display:flex;flex-direction:column;gap:4px;padding-top:14px;flex:1}
.gbs .gbs-p-title{color:var(--gbs-pt,var(--gbs-ink));font-size:15px;font-weight:500;line-height:1.4;text-decoration:none;overflow-wrap:break-word;transition:color .2s}
.gbs .gbs-p-title:hover{color:var(--gbs-pt-h,var(--gbs-gold))}
.gbs-p-cat{color:var(--gbs-pc,var(--gbs-mute));font-size:13px;line-height:1.4}
.gbs-p-price{margin-top:6px;color:var(--gbs-pp,var(--gbs-gold));font-size:14px;font-weight:600}
.gbs-p-price del{color:var(--gbs-pp-old,#A9A49C);font-weight:400;margin-right:6px}
.gbs-p-price ins{text-decoration:none}
.gbs .gbs-p-btn{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:12px;padding:8px 14px;border:0;border-radius:var(--gbs-b-r,30px);background:var(--gbs-b-bg,var(--gbs-ink));color:var(--gbs-b-c,#fff);font-size:12px;font-weight:600;letter-spacing:.04em;text-decoration:none;text-align:center;line-height:1.2;transition:background .2s,color .2s,opacity .25s,transform .25s}
.gbs .gbs-p-btn:hover{background:var(--gbs-b-bg-h,var(--gbs-gold));color:var(--gbs-b-c-h,#fff)}
.gbs .gbs-p-btn.loading{opacity:.6}.gbs .gbs-p-btn.added::after{content:" ✓"}
.gbs .gbs-p .added_to_cart{display:block;margin-top:8px;font-size:12px;color:var(--gbs-mute);text-align:center}
@media (hover:hover) and (min-width:1025px){.gbs-btn-hover .gbs-p-btn{opacity:0;transform:translateY(6px)}.gbs-btn-hover .gbs-p:hover .gbs-p-btn,.gbs-btn-hover .gbs-p:focus-within .gbs-p-btn{opacity:1;transform:none}}
.gbs-panel[hidden]{display:none}
@media (max-width:767px){.gbs .gbs-head-title{font-size:24px}.gbs-head{align-items:flex-start;flex-direction:column}.gbs-tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%;scrollbar-width:none}.gbs .gbs-tab{white-space:nowrap;font-size:14px}.gbs-c-label{font-size:13px}}
@media (prefers-reduced-motion:reduce){.gbs *{transition:none!important}.gbs-is-slider .gbs-track{scroll-behavior:auto}}
.gbs .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.gbs-products .gbs-arrow{top:var(--gbs-arrow-top,38%)}
@media (max-width:767px){.gbs-p{padding:10px 10px 14px}.gbs .gbs-p-title{font-size:13px}.gbs-p-cat{font-size:12px}.gbs-p-price{font-size:13px}.gbs .gbs-p-btn{min-height:38px;font-size:11px;padding:6px 10px}.gbs-card-title{font-size:15px}.gbs-c-label{max-width:92%}}
