.gbp { --gbp-line:#e7e5e4; --gbp-muted:#57534e; color:#292524; font-family:inherit; font-size:14px; line-height:1.5; margin:24px auto; padding-inline:clamp(12px,3vw,24px); box-sizing:border-box; width:100%; max-width:1320px; container-type:inline-size; }
.gbp *, .gbp *::before, .gbp *::after { box-sizing:border-box; }
.gbp [hidden] { display:none!important; }
.gbp h2,.gbp h3,.gbp p { margin:0; overflow-wrap:anywhere; }
.gbp h2 { font-size:24px; line-height:1.3; font-weight:600; }
.gbp h3 { font-size:16px; line-height:1.4; font-weight:600; }
.gbp p { font-size:14px; }
.gbp small { font-size:12px; color:var(--gbp-muted); }
.gbp__header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
.gbp__header p { color:var(--gbp-muted); margin-top:4px; }
.gbp__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.gbp__card { min-width:0; border:1px solid var(--gbp-line); border-radius:12px; background:#fff; padding:20px; position:relative; overflow:hidden; }
.gbp__card[data-module="orders"] { grid-column:span 2; }
.gbp__card h3 { margin-bottom:16px; }
.gbp__body { display:grid; gap:12px; min-height:96px; align-content:start; }
.gbp__sample { filter:blur(5px); user-select:none; pointer-events:none; }
.gbp__sample-tag { display:inline-block; justify-self:start; margin:2px 0 6px; padding:2px 8px; border-radius:999px; background:#f5f5f4; color:#57534e; font-size:12px; font-weight:600; }
.gbp__pending { opacity:.8; }
.gbp__locked { margin-top:14px; display:flex; align-items:center; gap:8px; color:var(--gbp-muted); font-size:12px; }
.gbp__locked svg { width:16px; height:16px; flex:none; }
.gbp__row { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--gbp-line); padding:8px 0; }
.gbp__row:last-child { border:0; }
.gbp__row strong { font-weight:600; }
.gbp__row small { display:block; }
.gbp__button,.gbp__link { font:inherit; font-size:14px; min-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px 12px; border:1px solid #d6d3d1; border-radius:8px; background:#fff; color:#292524; cursor:pointer; text-decoration:none; text-align:center; }
.gbp__button:hover,.gbp__link:hover { background:#f5f5f4; }
.gbp__button--primary { background:#292524; color:#fff; border-color:#292524; }
.gbp__button--primary:hover { background:#44403c; }
.gbp button:disabled { cursor:wait; opacity:.65; }
.gbp button:focus-visible,.gbp a:focus-visible,.gbp input:focus-visible { outline:2px solid #2155d9; outline-offset:3px; }
.gbp__contact { display:flex; gap:8px; flex-wrap:wrap; }
.gbp__avatar { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#f5f5f4; font-size:16px; font-weight:600; }
.gbp__identity { display:flex; align-items:center; gap:12px; }
.gbp__status { font-size:13px; margin:12px 0; color:var(--gbp-muted); }
.gbp__status[data-error="true"] { color:#b91c1c; }
.gbp__verify { padding:20px; margin-bottom:16px; border:1px solid var(--gbp-line); border-radius:12px; background:#f5f5f4; }
.gbp__verify form { margin-top:16px; display:flex; align-items:end; flex-wrap:wrap; gap:12px; }
.gbp__verify label { display:grid; gap:4px; font-size:13px; flex:1 1 160px; }
.gbp__verify input { width:100%; min-width:0; min-height:42px; border:1px solid #d6d3d1; border-radius:8px; padding:8px; font:inherit; background:#fff; color:#292524; }
.gbp__offer { display:grid; gap:6px; padding-bottom:12px; border-bottom:1px solid var(--gbp-line); }
.gbp__offer:last-child { border:0; padding-bottom:0; }
.gbp__offer a { justify-self:start; }
.gbp__amount { font-size:28px; line-height:1.2; font-weight:600; overflow-wrap:anywhere; }
.gbp__source { padding-top:12px; border-top:1px solid var(--gbp-line); }
.gbp details summary { cursor:pointer; padding:8px 0; font-size:14px; }
.gbp progress { width:100%; height:10px; accent-color:#44403c; }
.gbp .gbp__list-form { display:grid; grid-template-columns:1fr; }
.gbp__list-form textarea { width:100%; min-width:0; resize:vertical; border:1px solid #d6d3d1; border-radius:8px; padding:8px; font:inherit; color:#292524; background:#fff; }
.gbp__list-form button { justify-self:start; }
.gbp__verify>button { margin:12px 8px 0 0; }
.gbp__alert { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:16px; padding:16px; border:1px solid #fecaca; border-radius:12px; background:#fef2f2; color:#7f1d1d; }
.gbp__alert p { font-size:14px; }
.gbp__milestone[data-reached="true"] { opacity:1; }
.gbp__milestone[data-reached="true"] strong::before { content:"✓ "; color:#15803d; }
.gbp__milestone-head { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.gbp__badge { font-size:12px; padding:2px 8px; border-radius:999px; background:#f5f5f4; border:1px solid var(--gbp-line); }
.gbp__cta { font-weight:600; }
.gbp__done { font-weight:600; color:#15803d; }
@container (max-width:740px) { .gbp__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .gbp__card[data-module="orders"] { grid-column:span 2; } .gbp__card:first-child { grid-column:1/-1; } }
@container (max-width:430px) { .gbp__grid { grid-template-columns:1fr; } .gbp__card { padding:16px; } .gbp__card[data-module="orders"] { grid-column:auto; } .gbp__header { align-items:start; } .gbp__header h2 { font-size:20px; } .gbp__row { flex-wrap:wrap; } }
.gbp-product { display:grid; gap:4px; margin:8px 0; font-size:13px; line-height:1.4; color:inherit; text-align:left; }
.gbp-product[hidden] { display:none; }
.gbp-product small { font-size:12px; opacity:.85; }
.gbp-product__unit { margin:0; font-weight:600; }
.gbp-product__blocked { margin:4px 0 0; padding:8px 10px; border-radius:8px; background:#fef2f2; color:#7f1d1d; font-size:13px; }
.gbp-product__pay { color:#7f1d1d; font-weight:600; text-decoration:underline; }
.gbp-product__list,.gbp-product__primary { font:inherit; font-size:13px; min-height:36px; padding:6px 12px; border-radius:8px; border:1px solid #d6d3d1; background:#fff; color:#292524; cursor:pointer; justify-self:start; }
.gbp-product__primary { background:#292524; border-color:#292524; color:#fff; }
.gbp-product__form { display:grid; gap:8px; padding:12px; border:1px solid #e7e5e4; border-radius:10px; background:#fff; color:#292524; }
.gbp-product__form label { display:grid; gap:4px; font-size:12px; }
.gbp-product__form label[hidden] { display:none; }
.gbp-product__form input,.gbp-product__form select { font:inherit; font-size:14px; min-height:38px; width:100%; min-width:0; border:1px solid #d6d3d1; border-radius:8px; padding:6px 8px; background:#fff; color:#292524; }
.gbp-product__status { margin:0; font-size:12px; }
[data-gb2b-purchase-blocked] { opacity:.45; pointer-events:none; }