:root{--gbi-navy:#1c2649;--gbi-navy2:#535f8b;--gbi-yellow:#efef51;--gbi-muted:#858895;--gbi-line:#dce1ed;--gbi-soft:#ebecf1;--gbi-err:#d0262c;--gbi-grad:linear-gradient(32.79deg,#1c2649 -40.75%,#535f8b 150.3%);--gbi-grad-h:linear-gradient(192.79deg,#1c2649 -40.75%,#535f8b 150.3%)}
.gbi-vh{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
[data-gbi-weight-row][hidden]{display:none!important}

/* buttons */
.gbi-add-form{margin:0}
.gbi-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:55px;padding:0 20px;border:0;border-radius:10px;background:var(--gbi-grad);color:#fff;font-family:inherit;font-size:15px;font-weight:700;line-height:1;text-transform:uppercase;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:.3s}
.gbi-add-btn:hover{background:var(--gbi-grad-h);color:#fff}
.gbi-add-btn svg{width:20px;height:20px;flex:none}
.gbi-add-btn.is-added,.gbi-add-btn.is-added:hover{background:var(--gbi-yellow);color:var(--gbi-navy)}

/* qty */
.gbi-qty{display:inline-flex;align-items:center;height:55px;border:1px solid var(--gbi-line);border-radius:10px;background:#fff;overflow:hidden;box-sizing:border-box;flex-shrink:0}
.gbi-qty button{width:38px;height:100%;padding:0;border:0;background:none;color:var(--gbi-navy2);font-size:20px;line-height:1;cursor:pointer;transition:.2s}
.gbi-qty button:hover{background:var(--gbi-soft);color:var(--gbi-navy)}
.gbi-qty input{width:52px;height:100%;padding:0;border:0;background:#fff;color:var(--gbi-navy);font-family:inherit;font-size:16px;font-weight:700;text-align:center;-moz-appearance:textfield;appearance:textfield}
.gbi-qty input::-webkit-outer-spin-button,.gbi-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.gbi-product-add{display:flex;gap:12px;align-items:stretch}
.gbi-product-add .gbi-add-btn{flex:1;width:auto}

/* header */
.h_order{flex-shrink:0;margin:0 20px}
.gbi-minicart{display:inline-flex;flex-direction:column;align-items:center;gap:4px;color:var(--gbi-navy);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;transition:.3s}
.gbi-minicart:hover{opacity:.75;color:var(--gbi-navy)}
.gbi-minicart__icon{position:relative;display:block;width:28px;height:28px}
.gbi-minicart__icon svg{width:28px;height:28px}
.gbi-minicart__badge{position:absolute;top:-8px;right:-12px;min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:12px;background:var(--gbi-yellow);color:var(--gbi-navy);font-size:11px;font-weight:700;line-height:16px;text-align:center;box-sizing:border-box}
.gbi-minicart:not(.full) .gbi-minicart__badge{display:none}

/* product cards */
.gbi-card{position:relative}
.gbi-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}
.gbi-card .gbi-add-form{position:relative;z-index:2;display:flex;justify-content:center;width:100%}
.gbi-card__btn{-webkit-appearance:none;appearance:none;border:0;font-family:inherit;max-width:220px;padding:0 14px;font-size:14px;white-space:nowrap}
.gbi-card__btn.is-added,.gbi-card__btn.is-added:hover{background:var(--gbi-yellow);color:var(--gbi-navy)}

/* order page */
.gbi-order{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"items aside" "form aside";gap:30px 40px;align-items:start;color:var(--gbi-navy)}
.gbi-order #msCart{display:contents}
.gbi-order__items{grid-area:items;background:#fff;border-radius:20px;overflow:hidden}
.gbi-order__empty{grid-column:1/-1;padding:50px 30px;text-align:center}
.gbi-order__empty p{margin:0 0 24px;font-size:18px;font-weight:700}
.gbi-order__empty .gbi-add-btn,.gbi-order-done .gbi-add-btn{width:auto;min-width:240px}
.gbi-row{display:grid;grid-template-columns:90px minmax(0,1fr) 150px auto auto;gap:20px;align-items:center;padding:20px 25px;border-bottom:1px solid var(--gbi-soft)}
.gbi-row form{margin:0}
.gbi-row__img img{display:block;width:90px;height:66px;object-fit:contain}
.gbi-row__title{display:block;color:var(--gbi-navy);font-size:16px;font-weight:700;line-height:130%;text-transform:uppercase;text-decoration:none;transition:.3s}
.gbi-row__title:hover{color:var(--gbi-navy2)}
.gbi-row__cat{margin-top:4px;color:var(--gbi-muted);font-size:14px}
.gbi-row__price b{display:block;color:var(--gbi-navy);font-size:18px;white-space:nowrap}
.gbi-row__price small{display:block;margin-top:3px;color:var(--gbi-muted);font-size:13px;line-height:1.3}
.gbi-row .gbi-qty{height:44px}
.gbi-row__remove button,.gbi-order__clean button{padding:0;border:0;background:none;color:var(--gbi-muted);font-family:inherit;font-size:14px;white-space:nowrap;cursor:pointer;transition:.3s}
.gbi-row__remove button:hover,.gbi-order__clean button:hover{color:var(--gbi-navy)}
.gbi-order__clean{padding:18px 25px}
.gbi-order__clean button{color:var(--gbi-navy);font-weight:700}

.gbi-order__aside{grid-area:aside;position:sticky;top:20px;padding:30px;background:#fff;border-radius:20px}
.gbi-order__aside-title{margin:0 0 22px;font-size:22px;font-weight:700;text-align:center;text-transform:uppercase}
.gbi-sum{display:flex;align-items:baseline;gap:6px;margin:0 0 12px;font-size:15px}
.gbi-sum i{flex:1;border-bottom:1px dotted var(--gbi-line);transform:translateY(-3px)}
.gbi-sum>span:last-child{font-weight:700;white-space:nowrap}
.gbi-note{margin:22px 0;padding:16px;border-radius:10px;background:var(--gbi-soft);color:var(--gbi-muted);font-size:14px;line-height:1.45;text-align:center}
.gbi-note b{display:block;margin-bottom:6px;color:var(--gbi-navy);font-size:13px;text-transform:uppercase}
.gbi-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:18px;border-top:1px solid var(--gbi-soft);font-size:15px;font-weight:700;text-transform:uppercase}
.gbi-total b{font-size:28px;text-transform:none;white-space:nowrap}

.gbi-order__form{grid-area:form;padding:30px;background:#fff;border-radius:20px}
.gbi-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.gbi-form__title{grid-column:1/-1;margin-bottom:4px;font-size:16px;font-weight:700;text-transform:uppercase}
.gbi-wide{grid-column:1/-1}
.gbi-form input,.gbi-form textarea{width:100%;height:55px;padding:0 18px;border:1px solid var(--gbi-line);border-radius:10px;background:#fff;color:var(--gbi-navy);font-family:inherit;font-size:15px;box-sizing:border-box;transition:border-color .2s}
.gbi-form textarea{height:100px;padding:14px 18px;resize:vertical}
.gbi-form input::placeholder,.gbi-form textarea::placeholder{color:var(--gbi-muted)}
.gbi-form input:focus,.gbi-form textarea:focus{outline:none;border-color:var(--gbi-navy2)}
.gbi-form .error{border-color:var(--gbi-err)!important;background:#fff6f6}
.gbi-form__bottom{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:center;margin-top:8px}
.gbi-form__bottom p{margin:0;color:var(--gbi-muted);font-size:13px;line-height:1.45}

.gbi-order-done{max-width:640px;margin:0 auto;padding:50px 32px;background:#fff;border-radius:20px;color:var(--gbi-navy);text-align:center}
.gbi-order-done h2{margin:0 0 14px}
.gbi-order-done p{margin:0 0 26px;color:var(--gbi-muted)}

@media (max-width:991px){
.gbi-order{grid-template-columns:1fr;grid-template-areas:"items" "aside" "form";gap:20px}
.gbi-order__aside{position:static}}
@media (max-width:640px){
.gbi-row{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"img info info" "img price price" "qty qty remove";gap:10px 14px;padding:16px}
.gbi-row__img{grid-area:img;align-self:start}.gbi-row__img img{width:64px;height:48px}
.gbi-row__info{grid-area:info}.gbi-row__price{grid-area:price}.gbi-row__qty{grid-area:qty}
.gbi-row__remove{grid-area:remove;justify-self:end}
.gbi-order__form,.gbi-order__aside{padding:20px}
.gbi-form,.gbi-form__bottom{grid-template-columns:1fr}
.gbi-product-add{flex-wrap:wrap}}

/* header: mobile */
@media (max-width:991px){
.h_order{margin:0 6px}
.gbi-minicart{justify-content:center;width:40px;height:40px;gap:0;border:1px solid var(--gbi-line);border-radius:10px;background:#fff;box-sizing:border-box}
.gbi-minicart__label{display:none}
.gbi-minicart__icon,.gbi-minicart__icon svg{width:22px;height:22px}
.gbi-minicart__badge{top:-15px;right:-17px}
}