button{font-family:inherit;cursor:pointer;border:none;background:none;}
  input,textarea{font-family:inherit;}
  a{color:inherit;text-decoration:none;}
 
 
  .page-head{display:flex;align-items:baseline;gap:14px;margin-bottom:24px;margin-top: 30px;}
  .page-head h1{font-size:clamp(24px,6vw,32px);font-weight:600;letter-spacing:-0.02em;} 

  /* ---------- Checkout grid (В1 default) ---------- */
  .checkout-grid{
    display:grid;grid-template-columns:1.55fr 1fr;gap:26px;align-items:start;padding-bottom:80px;
  }
  .checkout-grid[data-layout="v2"]{grid-template-columns:1fr 1.55fr;}

  .form-col{display:flex;flex-direction:column;gap:18px;min-width:0;}
  .form-col #msOrder{
      margin-top: 0;
  }
  .card{
    background:#fff;border:1px solid #DFDEEF;border-radius:16px;
    padding:28px;display:flex;flex-direction:column;
    margin-bottom: 25px;
  }
  .sec-head{font-size:18px;font-weight:600;letter-spacing:-0.01em;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
  .sec-head .num{width:26px;height:26px;border-radius:8px;background:#3AAA35;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .sec-head .opt{font-size:12px;font-weight:400;color:#8B8AA4;letter-spacing:0;}

  /* fields */
  .field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;max-width:560px;}
  .field{display:flex;flex-direction:column;gap:7px;min-width:0;}
  .field.full{grid-column:1/-1;}
  .field label{font-size:13px;font-weight:500;color:#2e2e2e;}
  .field label .req{color:#CD3F3F;}
  .field input,.field textarea{
    border-radius:12px;border:1px solid #D2D1E5;background:#fff;
    padding:13px 15px;font-size:14px;color:#000000;outline:none;
    transition:border-color .15s,box-shadow .15s;width:100%;
  }
  .field input{height:48px;padding:0 15px;}
  .field textarea{min-height:92px;resize:vertical;line-height:1.45;}
  .field input::placeholder,.field textarea::placeholder{color:#8B8AA4;}
  .field input:focus,.field textarea:focus{border-color:#3AAA35;box-shadow:0 0 0 3px rgba(58,170,53,.12);}
  .field input.invalid,.field textarea.invalid{border-color:#CD3F3F;box-shadow:0 0 0 3px rgba(205,63,63,.1);}
  .field .hint{font-size:12px;color:#8B8AA4;}
  .field .err{font-size:12px;color:#CD3F3F;display:none;}
  .field.bad .err{display:block;}
  .field.bad .hint{display:none;}

  /* payment */
  .pay-list{display:flex;flex-direction:column;gap:10px;max-width:560px;}
  .pay-opt{display:flex;align-items:center;gap:14px;border:1px solid #D2D1E5;border-radius:12px;padding:15px 16px;cursor:pointer;transition:border-color .15s,background .15s;}
  .pay-opt:hover{border-color:#8B8AA4;}
  .pay-opt.sel{border-color:#3AAA35;background:rgba(58,170,53,.05);}
  .pay-radio{width:20px;height:20px;border-radius:50%;border:2px solid #D2D1E5;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s;}
  .pay-opt.sel .pay-radio{border-color:#3AAA35;}
  .pay-radio::after{content:'';width:10px;height:10px;border-radius:50%;background:#3AAA35;transform:scale(0);transition:transform .15s;}
  .pay-opt.sel .pay-radio::after{transform:scale(1);}
  .pay-text{flex:1;min-width:0;}
  .pay-name{font-size:14px;font-weight:500;color:#000000;}
  .pay-desc{font-size:12px;color:#8B8AA4;margin-top:3px;}
  .pay-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#282828;}
  .pay-logo img{
      max-width: 100px;
  }
  .pay-tag{font-size:11px;font-weight:600;border-radius:6px;padding:5px 9px;line-height:1;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;}
  .pay-tag.dark{background:#000;color:#fff;}
  .pay-tag.yapay{background:#FFDD2D;color:#000;}
  .pay-tag.split{background:#000;color:#fff;}
  .pay-tag.split b{color:#3AAA35;}

  /* card detail expand */
  .pay-detail{
    max-width:560px;display:grid;grid-template-rows:0fr;
    transition:grid-template-rows .28s ease;
  }
  .pay-detail.open{grid-template-rows:1fr;}
  .pay-detail-inner{overflow:hidden;}
  .pay-detail-pad{padding:16px 16px 4px;}
  .card-grid{display:grid;grid-template-columns:1fr 96px 96px;gap:12px;}
  .pay-secure{display:flex;align-items:center;gap:8px;color:#8B8AA4;font-size:12px;margin-top:14px;}
  .pay-secure svg{color:#3AAA35;}

  /* recommendations (часто покупают) — slider */
  .rec-slider{position:relative;}
  .rec-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px;margin:-2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .rec-row::-webkit-scrollbar{display:none;}
  .rec-card{flex:0 0 calc((100% - 28px)/3);scroll-snap-align:start;box-sizing:border-box;border:1px solid #DFDEEF;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:11px;transition:border-color .15s,box-shadow .15s;}
  .rec-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #DFDEEF;box-shadow:0 4px 14px -6px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000000;z-index:3;transition:opacity .15s,background .15s,border-color .15s;}
  .rec-nav:hover{border-color:#8B8AA4;background:#F5F5F9;}
  .rec-nav.prev{left:-7px;}
  .rec-nav.next{right:-7px;}
  .rec-nav[disabled]{opacity:0;pointer-events:none;}
  @media(hover:none){.rec-nav{display:none;}}
  .rec-card:hover{border-color:#8B8AA4;}
  .rec-thumb{height:104px;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;}
  .rec-thumb img{width:74%;height:74%;object-fit:contain;transform:translateZ(0);backface-visibility:hidden;transition:transform .9s cubic-bezier(.16,1,.3,1);will-change:transform;}
  .rec-card.lh .rec-thumb img,
  .rec-card:hover .rec-thumb img{transform:scale(1.07) translateZ(0);}
  .rec-name{font-size:12.5px;line-height:1.35;color:#2e2e2e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;cursor:pointer;transition:color .15s;text-decoration:none;}
  a.rec-name:hover,.rec-card.lh .rec-name{color:#3AAA35;}
  .rec-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;}
  .rec-price{display:flex;flex-direction:column;line-height:1.15;}
  .rec-price .now{font-size:15px;font-weight:600;color:#000000;font-variant-numeric:tabular-nums;white-space:nowrap;}
  .rec-price .old{font-size:11px;color:#8B8AA4;text-decoration:line-through;font-variant-numeric:tabular-nums;white-space:nowrap;}
  .rec-add{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:10px;background:rgba(58,170,53,.05);color:#3AAA35;font-size:13px;font-weight:600;border:1px solid rgba(58,170,53,.12);transition:background .15s,color .15s,border-color .15s;white-space:nowrap;flex-shrink:0;}
  .rec-add:hover{background:#3AAA35;color:#fff;border-color:#3AAA35;}
  .rec-add.added{background:#3AAA35;color:#fff;border-color:#3AAA35;}
  .rec-add svg{flex-shrink:0;}
  .rec-card__form{display:contents;}
  .rec-card__form .rec-add{width:100%;}

  .cart-empty{align-items:center;text-align:center;gap:16px;padding:40px 28px;}
  .cart-empty__text{font-size:16px;color:#8B8AA4;}
  .cart-empty__btn{max-width:280px;margin:0 auto;text-decoration:none;}

  /* agree + cta */
  .agree{display:flex;align-items:flex-start;gap:11px;cursor:pointer;user-select:none;padding:2px;}
  .agree .chk{width:22px;height:22px;border-radius:6px;border:1.5px solid #D2D1E5;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;margin-top:1px;}
  .agree .chk svg{opacity:0;transform:scale(.6);transition:all .15s;}
  .agree.on .chk{background:#3AAA35;border-color:#3AAA35;}
  .agree.on .chk svg{opacity:1;transform:scale(1);}
  .agree span{font-size:13px;color:#2e2e2e;line-height:1.5;}
  .agree u{text-decoration:underline;text-underline-offset:2px;color:#000000;cursor:pointer;}
  .agree.bad .chk{border-color:#CD3F3F;box-shadow:0 0 0 3px rgba(205,63,63,.1);}

  .cta-wrap{display:flex;flex-direction:column;gap:14px;}
  .btn-cta{
    background:#3AAA35;color:#fff;border-radius:16px;min-height:60px;padding:10px 20px;
    display:flex;align-items:center;justify-content:center;gap:14px;
    font-size:16px;font-weight:600;transition:background .15s,opacity .15s;width:100%;
  }
  .btn-cta:hover{background:#34982f;}
  .btn-cta:disabled{background:#DFDEEF;color:#fff;cursor:default;}
  .btn-cta .sum{font-weight:600;font-variant-numeric:tabular-nums;}
  .btn-cta .divider{width:1px;height:22px;background:rgba(255,255,255,.35);}
  .btn-cta.loading{pointer-events:none;opacity:.85;}
  .btn-cta .spin{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;}
  @keyframes spin{to{transform:rotate(360deg);}}

  .pay-trust{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;color:#8B8AA4;font-size:12px;}
  .pay-trust .secure{display:flex;align-items:center;gap:7px;}
  .pay-trust .secure svg{color:#3AAA35;}
  .pay-trust .systems{display:flex;align-items:center;gap:8px;}
  .pay-sys{height:24px;padding:0 8px;border-radius:5px;border:1px solid #DFDEEF;display:flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.02em;color:#2e2e2e;background:#fff;}

  /* ---------- Summary ---------- */
  .summary-col{position:sticky;top:108px;display:flex;flex-direction:column;gap:14px;min-width:0;}
  .summary-card{
    background:#fff;border:1px solid #DFDEEF;border-radius:16px;
    display:flex;flex-direction:column;
    max-height:calc(100vh - 132px);overflow:hidden;
  }
  .summary-head{display:flex;align-items:baseline;justify-content:space-between;padding:24px 24px 16px;flex-shrink:0;}
  .summary-head h2{font-size:20px;font-weight:600;letter-spacing:-0.01em;}
  .summary-head .cnt{color:#8B8AA4;font-size:13px;font-weight:500;}

  .sum-items{
    display:flex;flex-direction:column;gap:4px;padding:0 12px;overflow-y:auto;
    min-height:0;flex:1 1 auto;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 0,#000 100%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 0,#000 100%,transparent 100%);
  }
  .sum-items.fade-top{
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 100%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 100%,transparent 100%);
  }
  .sum-items.fade-bot{
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 0,#000 calc(100% - 12px),transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 0,#000 calc(100% - 12px),transparent 100%);
  }
  .sum-items.fade-top.fade-bot{
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
  }
  .sum-items::-webkit-scrollbar{width:6px;}
  .sum-items::-webkit-scrollbar-thumb{background:#D2D1E5;border-radius:3px;}
  .sum-item{position:relative;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;transition:background .15s;}
  .sum-item:hover{background:transparent;}
  .sum-item.removing{
    opacity:0;transform:translateX(-18px) scale(.98);overflow:hidden;
    transition:opacity .26s ease, transform .3s cubic-bezier(.4,0,.2,1),
      height .34s cubic-bezier(.4,0,.2,1), padding .34s cubic-bezier(.4,0,.2,1),
      margin .34s cubic-bezier(.4,0,.2,1);
  }
  @keyframes sumItemIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:none;}}
  .sum-item.entering{animation:sumItemIn .4s cubic-bezier(.16,.62,.2,1);}
  .sum-item + .sum-item::before{content:'';position:absolute;top:-2px;left:12px;right:12px;height:1px;background:#ECEBF4;}
  .sum-thumb{width:52px;height:52px;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;}
  .sum-thumb img{width:88%;height:88%;object-fit:contain;transform:translateZ(0);backface-visibility:hidden;transition:transform .9s cubic-bezier(.16,1,.3,1);will-change:transform;}
  .sum-item:hover .sum-thumb img{transform:scale(1.08) translateZ(0);}
  .sum-mid{min-width:0;display:flex;flex-direction:column;gap:7px;}
  .sum-name{font-size:13px;font-weight:400;color:#3c3c43;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;transition:color .15s;text-decoration:none;}
  a.sum-name:hover{color:#3AAA35;}
  .sum-controls{display:flex;align-items:center;gap:6px;}
  .item-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#A9A8BE;transition:background .15s,color .15s;}
  .item-icon.fav{margin-left:6px;}
  .item-icon:hover{background:#F0F0F5;color:#282828;}
  .item-icon.fav.on{color:#F75254;}
  .item-icon.fav.on svg{fill:#F75254;stroke:#F75254;}
  .item-icon.del:hover{background:rgba(247,82,84,.12);color:#F75254;}
  .mini-step,
  form.mini-step{display:inline-flex;align-items:center;border:1px solid #DFDEEF;border-radius:8px;height:28px;width:max-content;overflow:hidden;}
  .mini-step button{width:28px;height:100%;display:flex;align-items:center;justify-content:center;color:#282828;transition:background .12s;}
  .mini-step button:hover{background:#F5F5F9;}
  .mini-step button:disabled{color:#D2D1E5;cursor:default;}
  .mini-step__input{
    min-width:30px;width:36px;height:100%;padding:0;border:none;background:transparent;
    text-align:center;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;
    font-family:inherit;color:inherit;-moz-appearance:textfield;appearance:textfield;
  }
  .mini-step__input::-webkit-outer-spin-button,
  .mini-step__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
  .mini-step__input:focus{outline:none;}
  .mini-step__input.bump{transform:scale(1.22);transition:transform .26s cubic-bezier(.34,1.56,.64,1);}
  .agree__input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;}
  .sum-price{transition:opacity .2s ease;}
  .sum-price .cost-online[hidden]{display:none;}
  .sum-price .old[hidden]{display:none;}
  .sum-price{font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;}
  .sum-price .old{display:block;font-size:10.5px;font-weight:400;color:#A9A8BE;text-decoration:line-through;}
  .sum-total .sub[hidden]{display:none;}

  /* pinned bottom block (totals never leaves the screen) */
  .summary-foot{flex-shrink:0;padding:14px 24px 24px;border-top:1px solid #DFDEEF;display:flex;flex-direction:column;gap:16px;background:#fff;}

  .promo{display:flex;flex-direction:column;gap:8px;}
  .promo-toggle{display:inline-flex;align-items:center;gap:8px;color:#3AAA35;font-size:13px;font-weight:500;align-self:flex-start;transition:color .15s;}
  .promo-toggle:hover{color:#34982f;}
  .promo-toggle svg{transition:transform .2s;}
  .promo.open .promo-toggle,.promo.applied .promo-toggle{display:none;}
  .promo .js-mspc2-form{display:flex;flex-direction:column;gap:8px; border: none;}
  .promo-field{display:none;gap:8px;}
  .promo.open:not(.applied) .promo-field{display:flex;}
  .promo-field input{flex:1;height:44px;border-radius:12px;border:1px solid #D2D1E5;background:#fff;padding:0 14px;font-size:13px;outline:none;color:#2e2e2e;transition:border-color .15s;}
  .promo-field input:disabled{opacity:.65;cursor:default;}
  .promo-field input::placeholder{color:#8B8AA4;}
  .promo-field input:focus{border-color:#3AAA35;}
  .promo-field .js-mspc2-submit{height:44px;padding:0 18px;border-radius:12px;background:#F0F0F5;font-size:13px;font-weight:500;color:#2e2e2e;transition:background .15s;white-space:nowrap;}
  .promo-field .js-mspc2-submit:hover{background:#DFDEEF;}
  .promo-applied{display:none;align-items:center;justify-content:space-between;gap:8px;background:rgba(58,170,53,.05);border:1px solid rgba(58,170,53,.25);border-radius:12px;padding:11px 14px;font-size:13px;color:#2e2e2e;}
  .promo.applied .promo-field{display:none;}
  .promo.applied .promo-applied{display:flex;}
  .promo-applied .code{font-weight:600;color:#3AAA35;}
  .promo-applied .drop{color:#8B8AA4;width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;transition:background .15s;}
  .promo-applied .drop:hover{background:rgba(247,82,84,.12);color:#F75254;}
  .promo-discount{font-size:12px;color:#2e2e2e;line-height:1.4;}
  .promo-discount:empty,.promo-discount .js-mspc2-discount-amount:empty{display:none;}
  .promo-desc{font-size:12px;color:#8B8AA4;line-height:1.4;}
  .promo-desc:empty{display:none;}
  .promo-messages{display:flex;flex-direction:column;gap:4px;}
  .promo-message{font-size:12px;line-height:1.4;}
  .promo-message:empty{display:none;}
  .promo-message--info{color:#8B8AA4;}
  .promo-message--error{color:#F75254;}
  .promo-message--success{color:#3AAA35;}

  .order-done{margin-top:8px;}
  .order-done__lead{margin:0 0 20px;font-size:15px;color:#8B8AA4;line-height:1.5;}
  .order-done__summary{margin-top:8px;}
  .order-done__pay{margin:24px 0 0;}
  .order-done__back{margin:16px 0 0;font-size:14px;}
  .order-done__back a{color:#3AAA35;font-weight:500;}
  .sum-options{font-size:12px;color:#8B8AA4;margin-top:4px;}

  .sum-rows{display:flex;flex-direction:column;gap:11px;}
  .sum-row{display:flex;align-items:baseline;justify-content:space-between;font-size:14px;}
  .sum-row .lbl{color:#8B8AA4;}
  .sum-row .val{font-weight:500;color:#2e2e2e;font-variant-numeric:tabular-nums;}
  .dotline{flex:1;border-bottom:1px dashed #D2D1E5;margin:0 8px;transform:translateY(-3px);}
  .sum-row.discount{display:none;}
  .sum-row.discount.show{display:flex;}
  .sum-row.discount .val{color:#F75254;}
  .sum-row .val.free{color:#3AAA35;}
  .sum-divider{height:1px;background:#DFDEEF;}
  .sum-total{display:flex;align-items:flex-end;justify-content:space-between;}
  .sum-total .lbl{font-size:16px;font-weight:600;}
  .sum-total .big{font-size:28px;font-weight:600;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(transparent 62%, rgba(58,170,53,.18) 0);padding:0 4px;border-radius:4px;}
  .sum-total > div{text-align:right;}
  .sum-total .sub{font-size:11px;color:#8B8AA4;text-align:right;margin-top:3px;}

  /* trust mini-cards under summary */
  .assure{display:flex;flex-direction:column;gap:14px;padding:4px 6px;}
  .assure-row{display:flex;gap:12px;align-items:flex-start;}
  .assure-ic{width:36px;height:36px;border-radius:10px;background:#F5F5F9;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#3AAA35;}
  .assure-row .t{font-size:13px;font-weight:500;color:#2e2e2e;}
  .assure-row .d{font-size:12px;color:#8B8AA4;margin-top:2px;line-height:1.4;}

  /* toast */
  .toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(20px);background:#282828;color:#fff;padding:13px 20px;border-radius:14px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transition:all .3s;z-index:60;box-shadow:0 12px 40px -10px rgba(0,0,0,.4);}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
  .toast .tdot{width:8px;height:8px;border-radius:50%;background:#3AAA35;}

  /* ---------- Mobile sticky price bar ---------- */
  .mobile-bar{display:none;}
  .mobile-bar-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
  .mobile-bar-info .mb-label{font-size:11px;color:#8B8AA4;line-height:1;}
  .mobile-bar-info .mb-total{font-size:20px;font-weight:600;letter-spacing:-0.01em;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap;}
  .mobile-bar-info .mb-sub{font-size:10.5px;color:#8B8AA4;line-height:1;text-decoration:line-through;font-variant-numeric:tabular-nums;}
  .mobile-bar-btn{
    flex-shrink:0;background:#3AAA35;color:#fff;border-radius:13px;height:52px;padding:0 24px;
    display:flex;align-items:center;justify-content:center;gap:9px;
    font-size:15px;font-weight:600;transition:background .15s,opacity .15s;
  }
  .mobile-bar-btn:active{background:#34982f;}
  .mobile-bar-btn:disabled{background:#DFDEEF;color:#fff;cursor:default;}
  .mobile-bar-btn .spin{width:17px;height:17px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;}

  @media(max-width:1080px){
    .checkout-grid,.checkout-grid[data-layout="v2"]{grid-template-columns:1fr;}
    .summary-col{position:static;}
    .summary-card{max-height:none;}
    .sum-items{-webkit-mask-image:none;mask-image:none;max-height:none;}
    .header-inner{height:72px;gap:18px;}
  }
  @media(max-width:680px){
    .card-grid{grid-template-columns:1fr 1fr;}
    .logo-name{display:none;}
    .rec-card{flex-basis:calc((100% - 14px)/2);}
    .rec-foot{flex-direction:column;align-items:stretch;gap:10px;}
    .rec-add{justify-content:center;}
    .sec-head{flex-wrap:wrap;gap:4px 10px;}
    .sec-head .opt{flex-basis:100%;margin-left:36px;}
    .checkout-grid,.checkout-grid[data-layout="v2"]{padding-bottom:24px;}
    .mobile-bar{
      display:flex;align-items:center;gap:14px;
      position:fixed;left:0;right:0;bottom:0;z-index:55;
      padding:11px 16px;padding-bottom:calc(11px + env(safe-area-inset-bottom));
      background:rgba(255,255,255,.92);
      -webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);
      border-top:1px solid #DFDEEF;
      box-shadow:0 -10px 30px -14px rgba(0,0,0,.22);
      transform:translateY(130%);transition:transform .32s cubic-bezier(.4,0,.2,1);
    }
    .mobile-bar.show{transform:translateY(0);}
  }
  @media(max-width:460px){
    .rec-card{flex-basis:78%;}
    .rec-foot{flex-direction:row;align-items:center;}
  }