.cbgt-ct{--cols:4;--gap:24px;margin:0 0 32px}
.cbgt-ct *{box-sizing:border-box}
.cbgt-ct .cbgt-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cbgt-ct .cbgt-ct__title{margin:0 0 18px;text-align:center;font-size:30px;line-height:1.2;color:#0B1F4B}
.cbgt-ct--left .cbgt-ct__title{text-align:left}

/* Tabs: grey text, the selected one is navy with a thin underline */
.cbgt-ct .cbgt-ct__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px;margin:0 0 30px}
.cbgt-ct--left .cbgt-ct__tabs{justify-content:flex-start}
.cbgt-ct .cbgt-ct__tab,.cbgt-ct .cbgt-ct__tab:hover,.cbgt-ct .cbgt-ct__tab:focus,.cbgt-ct .cbgt-ct__tab:active{margin:0;padding:8px 2px 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;font:inherit;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;white-space:nowrap;color:#8A93A5;cursor:pointer;transition:color .25s ease,border-color .25s ease}
.cbgt-ct .cbgt-ct__tab:hover{color:#4B5565}
.cbgt-ct .cbgt-ct__tab.is-active,.cbgt-ct .cbgt-ct__tab.is-active:hover,.cbgt-ct .cbgt-ct__tab.is-active:focus{background:transparent;color:var(--cbgt-accent,#0B1F4B);border-bottom-color:var(--cbgt-accent,#0B1F4B)}
.cbgt-ct .cbgt-ct__tab:focus-visible{outline:2px solid #F5A524;outline-offset:2px}

/* Grid */
.cbgt-ct .cbgt-ct__grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--gap);margin:0;padding:0;list-style:none;transition:opacity .16s ease,transform .16s ease}
.cbgt-ct .cbgt-ct__panel.is-leaving .cbgt-ct__grid{opacity:0;transform:translateY(8px)}
.cbgt-ct .cbgt-ct__empty{margin:0;padding:40px 0;text-align:center;color:#6B7280}

.cbgt-ct .cbgt-ct__card{position:relative;display:flex;flex-direction:column;margin:0;list-style:none;background:#fff;border:1px solid #E3E8F1;border-radius:10px;overflow:hidden;animation:cbgt-rise .5s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i,0) * 60ms);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cbgt-ct .cbgt-ct__card:hover{transform:translateY(-4px);border-color:#C9D2E3;box-shadow:0 12px 26px rgba(11,31,75,.14)}
@keyframes cbgt-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.cbgt-ct .cbgt-ct__badge{position:absolute;top:12px;right:12px;z-index:2;padding:6px 9px;border-radius:4px;background:#0B1F4B;color:#fff;font-size:12px;font-weight:700;line-height:1}
.cbgt-ct .cbgt-ct__img{display:block;position:relative;overflow:hidden;background:#F4F6FA}
.cbgt-ct .cbgt-ct__img img{display:block;width:100%;height:auto;margin:0;transition:transform .5s ease}
.cbgt-ct .cbgt-ct__card:hover .cbgt-ct__img img{transform:scale(1.04)}

.cbgt-ct .cbgt-ct__name{margin:0;padding:14px 16px 0;font-size:16px;line-height:1.35;font-weight:700}
.cbgt-ct .cbgt-ct__name a{color:#0B1F4B;text-decoration:none}
.cbgt-ct .cbgt-ct__info{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:14px 16px}
.cbgt-ct .cbgt-ct__price{font-size:18px;font-weight:700;color:#0B1F4B}
.cbgt-ct .cbgt-ct__price del{margin-right:6px;font-size:14px;font-weight:400;color:#8A94AD}
.cbgt-ct .cbgt-ct__price ins{text-decoration:none}
.cbgt-ct .cbgt-ct__info .button{flex:0 0 auto;margin:0;padding:10px 16px;border:0;border-radius:6px;background:#F5A524;color:#0B1F4B;font-size:14px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:background-color .2s,color .2s}
.cbgt-ct .cbgt-ct__info .button:hover,.cbgt-ct .cbgt-ct__info .button:focus-visible{background:#0B1F4B;color:#fff}
.cbgt-ct .cbgt-ct__info .added_to_cart{display:none}

/* See more button */
.cbgt-ct .cbgt-ct__more{margin:34px 0 0;text-align:center}
.cbgt-ct--left .cbgt-ct__more{text-align:left}
.cbgt-ct .cbgt-ct__more a.cbgt-ct__btn,.cbgt-ct .cbgt-ct__more a.cbgt-ct__btn:visited{display:inline-block;padding:14px 34px;border-radius:6px;background:var(--cbgt-accent,#0B1F4B);color:#fff;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s,transform .2s}
.cbgt-ct .cbgt-ct__more a.cbgt-ct__btn:hover,.cbgt-ct .cbgt-ct__more a.cbgt-ct__btn:focus-visible{background:#F5A524;color:#0B1F4B;transform:translateY(-2px)}

@media (max-width:1024px){.cbgt-ct .cbgt-ct__info{flex-direction:column;align-items:stretch;text-align:center}}
@media (max-width:900px){.cbgt-ct{--cols:2 !important}}
@media (max-width:575px){
.cbgt-ct{--gap:12px}
.cbgt-ct .cbgt-ct__title{font-size:24px}
.cbgt-ct .cbgt-ct__tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
.cbgt-ct .cbgt-ct__tabs::-webkit-scrollbar{display:none}
.cbgt-ct .cbgt-ct__tabs{gap:4px 22px}
.cbgt-ct .cbgt-ct__tab{flex:0 0 auto;font-size:15px}
.cbgt-ct .cbgt-ct__more a.cbgt-ct__btn{display:block;padding:14px 16px}
.cbgt-ct .cbgt-ct__info{padding:10px 12px}
.cbgt-ct .cbgt-ct__price{font-size:16px}
.cbgt-ct .cbgt-ct__info .button{padding:9px 8px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
.cbgt-ct .cbgt-ct__card,.cbgt-ct .cbgt-ct__grid,.cbgt-ct .cbgt-ct__img img{animation:none;transition:none}
}