.glbb{--glcs-button:var(--glbb-button);--glcs-button-text:var(--glbb-button-text);--glcs-border:var(--glbb-border);--glcs-panel:var(--glbb-panel)}
.glqd{--glcs-button:var(--glqd-button);--glcs-button-text:var(--glqd-button-text);--glcs-border:var(--glqd-border);--glcs-panel:var(--glqd-panel)}
/* Catalog-style cards; typography remains identical at every breakpoint. */
:is(.glbb,.glqd) :is(.glbb__card,.glqd__card){display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;padding:0;border:1px solid var(--glcs-border);border-radius:10px;box-shadow:0 3px 12px #00000012;font-family:inherit;color:#333}
:is(.glbb,.glqd) :is(.glbb__image-wrap,.glqd__image-wrap){flex:none;overflow:hidden}
:is(.glbb,.glqd) :is(.glbb__card,.glqd__card) img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:0}
:is(.glbb,.glqd) :is(.glbb__card-body,.glqd__card-body){display:flex;flex:1;flex-direction:column;align-items:stretch;gap:12px;min-width:0;padding:14px 16px 16px}
:is(.glbb,.glqd) :is(.glbb__card-heading,.glqd__card-heading){display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
:is(.glbb,.glqd) :is(.glbb__card,.glqd__card) h3{min-width:0;margin:0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:normal;text-transform:none;overflow-wrap:anywhere;color:inherit}
:is(.glbb,.glqd) :is(.glbb__card-price,.glqd__card-price){flex:none;display:flex;flex-direction:column;line-height:1.2;text-align:left}
:is(.glbb,.glqd) :is(.glbb__card-price,.glqd__card-price) small{font-size:12px;color:#767676;font-weight:400}
:is(.glbb,.glqd) :is(.glbb__card-price,.glqd__card-price) strong{font-family:inherit;font-size:16px;font-weight:600}
:is(.glbb,.glqd) :is(.glbb__card,.glqd__card) label{margin:0;font-family:inherit;font-size:13px;line-height:1.4;letter-spacing:normal;color:#666;min-width:0}
:is(.glbb,.glqd) :is(.glbb__variation,.glqd__variation){box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:6px 0 0;padding:8px 11px;border:1px solid var(--glcs-button);border-radius:5px;background:var(--glcs-panel);color:var(--glcs-button);min-height:38px;height:auto;line-height:1.4;font-family:inherit;font-size:13px;letter-spacing:normal;box-shadow:none}
:is(.glbb,.glqd) :is(.glbb__variation--single,.glqd__variation--single){white-space:normal;overflow-wrap:anywhere}
:is(.glbb,.glqd) :is(.glbb__variation--select,.glqd__variation){height:40px;text-overflow:ellipsis;appearance:auto}
:is(.glbb,.glqd) :is(.glbb__card,.glqd__card) :is(.glbb__add,.glqd__add){margin-top:auto;min-height:34px;padding:7px 12px;border:1px solid var(--glcs-button);border-radius:99px;background:transparent;color:var(--glcs-button);font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:1px;text-transform:uppercase;text-shadow:none;box-shadow:none}
:is(.glbb,.glqd) :is(.glbb__card,.glqd__card) :is(.glbb__add,.glqd__add):hover{background:var(--glcs-button);color:var(--glcs-button-text)}
:is(.glbb,.glqd) :is(.glbb__card,.glqd__card) :is(.glbb__add,.glqd__add):focus-visible,:is(.glbb,.glqd) :is(.glbb__coa,.glqd__coa):focus-visible{outline:2px solid var(--glcs-button);outline-offset:3px}
:is(.glbb,.glqd) :is(.glbb__coa,.glqd__coa){position:static;align-self:flex-start;flex-wrap:wrap;max-width:100%;box-sizing:border-box;padding:4px 7px;border:1px solid #43a66c;border-radius:99px;background:transparent;color:#287c49!important;box-shadow:none;font-size:10px;line-height:1.3;overflow-wrap:anywhere}
:is(.glbb,.glqd) :is(.glbb__coa,.glqd__coa) span{color:#43a66c}
:is(.glbb,.glqd) :is(.glbb__sale,.glqd__sale){position:absolute;top:10px;left:10px;padding:5px 7px;border:1px solid var(--glcs-button);border-radius:5px;background:var(--glcs-panel);color:var(--glcs-button);font-size:13px;font-weight:600;line-height:1.3}
:is(.glbb,.glqd) :is(.glbb__coa,.glqd__coa){font-family:inherit}
.glqd .glqd__single{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:38px;height:auto;margin:6px 0 0;padding:8px 11px;border:1px solid var(--glqd-button);border-radius:5px;background:var(--glqd-panel);color:var(--glqd-button);font-family:inherit;font-size:13px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.glqd .glqd__qty{grid-template-columns:38px minmax(0,1fr) 38px}
.glqd .glqd__qty input,.glqd .glqd__qty button{min-width:0;margin:0;font-family:inherit;box-shadow:none}
.glqd .glqd__qty input{padding:0;font-size:13px}
@media(max-width:1180px){.glbb .glbb__grid,.glqd .glqd__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.glbb .glbb__grid,.glqd .glqd__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}