/* FG · корзина · v1 · 26.10.2026 — вид корзины Тильды в оформлении «02 оформление v2»: панель справа 560 px, страница оформления */
html.fgc-lock,html.fgc-lock body{overflow:hidden}
.fgc{position:fixed;inset:0;z-index:2147482000;visibility:hidden;font-family:'Montserrat',Arial,sans-serif;color:#1D5366;-webkit-font-smoothing:antialiased}
.fgc *{box-sizing:border-box;margin:0;padding:0}
.fgc a{color:inherit}
.fgc button{font:inherit;color:inherit;background:none;border:0;border-radius:0;cursor:pointer}
.fgc.is-open{visibility:visible}
.fgc__shade{position:absolute;inset:0;background:rgba(0,0,0,.2);opacity:0;transition:opacity .3s}
.fgc.is-open .fgc__shade{opacity:1}
.fgc button:focus-visible,.fgc a:focus-visible{outline:2px solid #FFE177;outline-offset:2px}

/* шаг 1 · панель справа */
.fgc__side{position:absolute;top:0;right:0;bottom:0;width:560px;max-width:100%;background:#FFFFFF;padding:40px 40px 40px;overflow-y:auto;transform:translateX(100%);transition:transform .3s ease}
.fgc.is-open .fgc__side{transform:none}
.fgc.is-page .fgc__side{transform:translateX(100%)}
.fgc__side-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:0 0 20px;border-bottom:1px solid #F0E2CC}
.fgc__h{font-size:32px;font-weight:400;line-height:1.15}
.fgc__h::after{content:"";display:block;width:180px;height:2px;background:#FF523A;margin-top:20px}
.fgc__x{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex:none;margin:-10px -10px 0 0}
.fgc__x svg{width:28px;height:28px}
.fgc__list{display:flex;flex-direction:column}
.fgc__it{display:grid;grid-template-columns:70px minmax(0,1fr) auto auto 24px;align-items:center;gap:0 16px;padding:20px 0;border-bottom:1px solid #F0E2CC}
.fgc__ph{display:block;width:70px;height:70px;background:#F5EFE4;overflow:hidden}
.fgc__ph img{display:block;width:100%;height:100%;object-fit:cover}
.fgc__tt{display:flex;flex-direction:column;min-width:0}
.fgc__name{font-size:18px;font-weight:400;line-height:1.3;text-decoration:none}
.fgc__opt{font-size:14px;font-weight:400;line-height:1.4;color:#84ABB8}
.fgc__qty{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:400}
.fgc__qty button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#84ABB8}
.fgc__qty button:hover{color:#1D5366}
.fgc__qty button[disabled]{opacity:.4;cursor:default}
.fgc__qty span{min-width:18px;text-align:center;font-variant-numeric:tabular-nums}
.fgc__am{display:flex;flex-direction:column;align-items:flex-start;min-width:96px}
.fgc__am b{font-size:18px;font-weight:400;white-space:nowrap}
.fgc__am span{font-size:14px;color:#84ABB8;white-space:nowrap}
.fgc__del{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#84ABB8}
.fgc__del:hover{color:#1D5366}
.fgc__sum{padding:20px 0 0}
.fgc__min{font-size:14px;font-weight:400;color:#FF523A;margin:0 0 8px}
.fgc__min.is-shake{animation:fgc-shake .4s}
@keyframes fgc-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.fgc__sum-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.fgc__sum-row span{font-size:16px;color:#84ABB8}
.fgc__sum-row b{font-size:26px;font-weight:400;line-height:1.15;font-variant-numeric:tabular-nums}
.fgc__btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin:40px 0 0;background:#1D5366!important;color:#FFFFFF!important;font-size:18px!important;font-weight:400;line-height:1;transition:color .15s,background-color .15s,box-shadow .15s}
.fgc__btn:hover{background:transparent!important;color:#1D5366!important;box-shadow:inset 0 0 0 1px #1D5366}
.fgc__btn:active{background:#1D5366!important;color:#FFFFFF!important;box-shadow:inset 0 0 0 2px #FFE177}
.fgc__btn[disabled]{opacity:.6;cursor:default}
.fgc__btn[hidden],.fgc__sum[hidden]{display:none}
.fgc__empty{padding:32px 0 0;font-size:18px;line-height:1.4}
.fgc__empty a{border-bottom:1px solid #84ABB8;text-decoration:none}

/* шаг 2 · страница оформления */
.fgc__page{position:absolute;inset:0;background:#FFFFFF;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .25s}
.fgc.is-page .fgc__page{opacity:1;visibility:visible}
.fgc__page-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 20px;background:#FFFFFF;border-bottom:1px solid #F0E2CC}
.fgc__page-h{font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:.08em}
.fgc__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.fgc__back svg{width:28px;height:28px}
.fgc__page-top .fgc__x{margin:0}
.fgc__page-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;max-width:1160px;margin:0 auto;padding:40px 20px 80px}
.fgc__form{display:flex;flex-direction:column;max-width:560px}
.fgc__f{display:flex;flex-direction:column;margin:0 0 24px}
.fgc__f[hidden]{display:none}
.fgc__l{font-size:16px;font-weight:400;line-height:1.4;margin:0 0 8px}
.fgc__i{display:block;width:100%;min-height:48px;padding:0 16px;font-family:inherit;font-size:18px;font-weight:400;color:#1D5366;background:#FFFFFF;border:1px solid #84ABB8;border-radius:0;box-shadow:none;outline:0;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
textarea.fgc__i{min-height:96px;padding:12px 16px;line-height:1.4;resize:vertical}
.fgc__i::placeholder{color:#84ABB8;opacity:1}
.fgc__i:hover{border-color:#1D5366}
.fgc__i:focus{border-color:#1D5366;box-shadow:inset 0 0 0 1px #1D5366}
.fgc__f.is-err .fgc__i{border-color:#FF523A;box-shadow:inset 0 0 0 1px #FF523A}
.fgc__e{display:none;margin-top:6px;font-size:16px;color:#FF523A}
.fgc__f.is-err .fgc__e{display:block}
.fgc__addr{position:relative}
.fgc__hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.fgc__note{margin:0 0 20px;font-size:16px;line-height:1.4;color:#84ABB8}
.fgc__ferr{margin:0 0 16px;font-size:16px;line-height:1.4;color:#FF523A}
.fgc__ferr[hidden]{display:none}
.fgc__form .fgc__btn{margin:0}
.fgc__legal{margin:16px 0 0;font-size:14px;line-height:1.4;color:#84ABB8;text-align:center}
.fgc__legal a{color:#1D5366;border-bottom:1px solid #84ABB8;text-decoration:none}
.fgc__info{align-self:start;position:sticky;top:104px}
.fgc__info .fgc__it:first-child{padding-top:0}
.fgc__totals{padding:20px 0 0}
.fgc__trow{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:4px 0;font-size:16px;color:#84ABB8}
.fgc__trow[hidden]{display:none}
.fgc__trow_total{padding-top:16px;color:#1D5366;font-size:18px}
.fgc__trow_total b{font-size:26px;font-weight:400;line-height:1.15;font-variant-numeric:tabular-nums}

/* чипы, подсказки адреса и панель зоны — из блока «01 зоны доставки» v5 */
.fgz-mode{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}
.fgz-chip{height:40px;padding:0 16px;font-family:'Montserrat',Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#1D5366;background:transparent;border:0;border-radius:0;box-shadow:inset 0 0 0 1px #84ABB8;cursor:pointer;transition:color .15s,background-color .15s,box-shadow .15s}
.fgz-chip:hover{box-shadow:inset 0 0 0 1px #1D5366}
.fgz-chip.is-active{background:#1D5366;color:#FFFFFF;box-shadow:none}
.fgz-chip:focus-visible{outline:2px solid #FFE177;outline-offset:2px}
.fgz-sug{position:absolute;left:0;right:0;top:100%;margin-top:-1px;background:#FFFFFF;border:1px solid #84ABB8;z-index:20;display:none;font-family:'Montserrat',Arial,sans-serif}
.fgz-sug.show{display:block}
.fgz-sug div{padding:12px 16px;font-size:16px;line-height:1.4;color:#1D5366;cursor:pointer;border-top:1px solid #84ABB8}
.fgz-sug div:first-child{border-top:0}
.fgz-sug div:hover,.fgz-sug div.active{background:#F5EFE4}
.fgz-err{display:none;margin-top:8px;font-family:'Montserrat',Arial,sans-serif;font-size:16px;line-height:1.4;color:#FF523A}
.fgz-err.show{display:block}
.fgz-res{display:none;flex-direction:column;gap:6px;padding:20px;margin:0 0 24px;font-family:'Montserrat',Arial,sans-serif}
.fgz-res.show{display:flex}
.fgz-res__zone{font-size:16px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}
.fgz-res__price{font-size:26px;line-height:1.15;font-variant-numeric:tabular-nums}
.fgz-res__note{font-size:16px;line-height:1.4;margin-top:8px;padding-top:8px;border-top:1px solid}
.fgz-res a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.fgz-res.blue{background:#1D5366;color:#FFFFFF}.fgz-res.blue .fgz-res__zone{color:#FFE177}.fgz-res.blue .fgz-res__note{border-color:#84ABB8}
.fgz-res.yellow{background:#FFE177;color:#1D5366}.fgz-res.yellow .fgz-res__note{border-color:#1D5366}
.fgz-res.red{background:#FF523A;color:#FFFFFF}.fgz-res.red .fgz-res__note{border-color:#FFFFFF}
.fgz-res.warn{background:#FFFFFF;color:#1D5366;box-shadow:inset 0 0 0 2px #FF523A}.fgz-res.warn .fgz-res__zone{color:#FF523A}.fgz-res.warn .fgz-res__note{border-color:#84ABB8}
.fgz-res.pickup{background:#F5EFE4;color:#1D5366}.fgz-res.pickup .fgz-res__note{border-color:#84ABB8}

/* номер заказа — из блока «04 номер заказа» v2 */
.fg-ordpanel{position:fixed;right:24px;bottom:24px;z-index:2147483000;visibility:visible;width:380px;max-width:calc(100% - 32px);background:#FFFFFF;color:#1D5366;box-shadow:inset 0 2px 0 0 #1D5366,0 0 0 1px #84ABB8;padding:24px;font-family:'Montserrat',Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.4;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}
.fg-ordpanel[hidden]{display:none}
.fg-ordpanel__t{font-size:22px;line-height:1.3;margin:0}
.fg-ordpanel__cap{color:#84ABB8;margin:8px 0 0}
.fg-ordpanel__cap[hidden]{display:none}
.fg-ordpanel__n{font-size:32px;line-height:1.15;font-variant-numeric:tabular-nums;margin:0}
.fg-ordpanel__n:empty{display:none}
.fg-ordpanel__s{font-size:14px;color:#84ABB8;margin:0}
.fg-ordpanel__btn{align-self:flex-start;margin-top:12px;height:40px;min-width:160px;padding:0 20px;font-family:inherit;font-size:16px;line-height:1;color:#1D5366;background:transparent;border:0;border-radius:0;box-shadow:inset 0 0 0 1px #84ABB8;cursor:pointer;transition:box-shadow .15s}
.fg-ordpanel__btn:hover{box-shadow:inset 0 0 0 1px #1D5366}

@media (max-width:960px){
  .fgc__page-c{grid-template-columns:1fr;gap:40px;padding:24px 16px 60px}
  .fgc__info{position:static;order:-1}
  .fgc__form{max-width:none}
}
@media (max-width:640px){
  .fgc__side{padding:24px 16px 32px}
  .fgc__h{font-size:26px}
  .fgc__it{grid-template-columns:56px minmax(0,1fr) auto 20px;grid-template-areas:"ph tt am del" "ph qty qty del";gap:8px 12px}
  .fgc__ph{grid-area:ph;width:56px;height:56px}
  .fgc__tt{grid-area:tt}.fgc__am{grid-area:am;min-width:0;align-items:flex-end}.fgc__del{grid-area:del}
  .fgc__qty{grid-area:qty}
  .fgc__name,.fgc__am b{font-size:16px}
  .fg-ordpanel{left:16px;right:16px;bottom:16px;width:auto;max-width:none;padding:20px}
  .fg-ordpanel__n{font-size:26px}
}
@media (prefers-reduced-motion:reduce){.fgc__side,.fgc__shade,.fgc__page{transition:none}}
