/* pc1: desktop presentation of the existing server-backed cart components. */
.fgm09-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media screen and (min-width:768px){
  .fgm09-options{margin-top:9px;border-top:1px solid #e5ddd1;padding-top:7px}
  .fgm09-options>summary{min-height:44px;display:flex;gap:8px;align-items:center;justify-content:space-between;list-style:none;color:#675627;font-size:12px;font-weight:600;cursor:pointer;touch-action:manipulation}
  .fgm09-options>summary::-webkit-details-marker{display:none}
  .fgm09-options>summary:after{content:'+';font-size:20px;flex:0 0 auto}
  .fgm09-options[open]>summary:after{content:'−'}
  .fgm09-options:not([open])>:not(summary){display:none!important}
  .fgm09-options>summary:focus-visible{outline:2px solid #b88d12;outline-offset:2px;border-radius:5px}
  .fgm09-dialog-overlay{position:fixed;inset:0;z-index:100100;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:rgba(24,27,20,.46)}
  .fgm09-dialog{box-sizing:border-box;width:100%;max-width:480px;max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px calc(14px + env(safe-area-inset-bottom));border-radius:20px;background:#fffef9;color:#282b24;box-shadow:0 10px 35px #0003;font-family:FGManrope,Arial,sans-serif}
  .fgm09-dialog h2{font:800 18px/1.35 FGManrope,Arial,sans-serif;margin:0 0 8px}
  .fgm09-dialog-note{font-size:13px;line-height:1.5;margin:0 0 12px;color:#695a45}
  .fgm09-dialog .fgm09-summary{display:block!important;margin:0}
  .fgm09-dialog-close{appearance:none;display:block;width:100%;min-height:44px;padding:11px;border:1px solid #e6b122;border-radius:10px;background:#ffc321;color:#292a23;font:700 14px/1.4 FGManrope,Arial,sans-serif;touch-action:manipulation}
  .fgm09-dialog-close:focus-visible{outline:2px solid #675627;outline-offset:2px}



  #ajax_cart .fgm09-summary,#ajax_cart_popup .fgm09-summary{display:block!important;box-sizing:border-box;width:100%;margin:0 0 14px;font-family:FGManrope,Arial,sans-serif}
  .fgm09-summary *{box-sizing:border-box}
  .fgm09-group{min-width:0;margin:0 0 10px;padding:12px;border:1px solid #e9938c;border-radius:15px;background:#fff6f4;color:#282b24}
  .fgm09-group.fgm09-complete{border-color:#bbd4b3;background:#f7fbf5}
  .fgm09-summary .fgm09-heading{margin:0 0 10px;padding:0;font:800 15px/1.45 FGManrope,Arial,sans-serif;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
  .fgm09-heading span{font-size:12px;font-weight:500;color:#555d50;white-space:nowrap}
  .fgm09-trays{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px;align-items:end;max-width:360px;margin:0 auto 10px}
  .fgm09-box{min-width:0;text-align:center;color:#356329}
  .fgm09-tray{display:grid;grid-template-columns:repeat(var(--fgm09-cols,4),minmax(0,1fr));gap:4px;padding:6px;width:100%;max-width:108px;margin:0 auto;border:1.5px solid #689d58;border-radius:9px;background:#f2eddf;box-shadow:inset 0 1px 3px #0000000c}
  .fgm09-slot{display:block;width:100%;height:0;padding-top:100%;border-radius:50%;border:1px solid #d6cdbb;background:#e9e2d6;box-shadow:inset 0 1px 2px #0000000c}
  .fgm09-slot.fgm09-filled{border-color:#568635;background:#79a94a;box-shadow:inset 0 1px 3px #ffffff60,0 1px 1px #3d5c2426}
  .fgm09-box-partial{color:#864239}.fgm09-box-partial .fgm09-tray{border-color:#e79990;background:#fff0e9}
  .fgm09-count{display:block;margin:5px 0 1px;font-size:13px;line-height:1.3;white-space:nowrap}
  .fgm09-count b{display:inline-block;background:#e1eddb;border-radius:5px;padding:1px 4px;margin-left:2px}
  .fgm09-box small{display:block;font-size:11px;line-height:1.4}
  .fgm09-summary .fgm09-state{min-height:18px;margin:8px 0;font-size:12px;line-height:1.5;color:#804239}
  .fgm09-complete .fgm09-state{color:#356329;font-weight:700}
  .fgm09-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;border-top:1px solid #eadad5;padding-top:10px;margin-top:10px}
  .fgm09-summary button{appearance:none;display:block;width:100%;min-height:44px;margin:0;padding:9px 11px;text-align:left;border:1px solid #d6d8d0;border-radius:9px;background:#fff;color:#282b24;font:600 13px/1.45 FGManrope,Arial,sans-serif;white-space:normal;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}
  .fgm09-summary button strong{display:block;font-size:13px}.fgm09-actions button span{display:block;color:#60665a;font-size:12px;font-weight:400}
  .fgm09-summary button.fgm09-recommended,.fgm09-plan button[data-fgm09-flavors]{background:#fff3d0;border-color:#e8b935}
  .fgm09-summary button:focus-visible{outline:2px solid #5f7f31;outline-offset:2px}
  .fgm09-summary button:disabled{opacity:.55;cursor:wait}
  .fgm09-summary .fgm09-note{margin:7px 0 0;color:#66705f;font-size:11px;line-height:1.5}
  .fgm09-plan{border-top:1px solid #e4d7cf;padding-top:9px;margin-top:9px}.fgm09-plan p{margin:0 0 8px;font-size:12px;line-height:1.6}
  .fgm09-plan button+button{margin-top:7px}.fgm09-plan button.fgm09-cancel{background:transparent;color:#676b60;font-size:12px;border-color:transparent}
  .fgm09-error{padding:12px;border:1px solid #d6928a;border-radius:10px;background:#fff4f2;color:#873f32;font-size:13px;line-height:1.5}
  .fgm09-summary[data-fgm09-pending="true"] .fgm09-group{border-color:#d5c795;background:#fffcf1}
  .fgm09-summary[data-fgm09-pending="true"] .fgm09-state{color:#7a6832;font-weight:500}
  .fgm09-summary[data-fgm09-pending="true"] .fgm09-trays{opacity:.6}
  .fgm09-summary[data-fgm09-failed="true"] .fgm09-state{color:#9b3829}
  .fgm09-flavor-focus{outline:2px solid #efbd2f!important;outline-offset:3px;border-radius:7px}
  .fgm09-cell-added{animation:fgm09-add .21s ease-out}.fgm09-cell-removed{animation:fgm09-remove .2s ease-out}.fgm09-tray-changed{animation:fgm09-tray .2s ease-out}
  @keyframes fgm09-add{from{transform:scale(.65);opacity:.35}to{transform:scale(1);opacity:1}}
  @keyframes fgm09-remove{from{background:#8aac65}to{background:#e9e2d6}}
  @keyframes fgm09-tray{from{transform:translateY(3px);opacity:.65}to{transform:translateY(0);opacity:1}}
  @media(prefers-reduced-motion:reduce){.fgm09-cell-added,.fgm09-cell-removed,.fgm09-tray-changed{animation:none!important;transition:none!important}}
}


@media screen and (min-width:768px){
 .fgm09-group[data-fgm09-shape="square"] .fgm09-slot{border-radius:3px}
 .fgm09-group[data-fgm09-shape="triangle"] .fgm09-slot{height:auto;padding-top:0;border:0;border-radius:0;background:none;box-shadow:none}
 .fgm09-slot svg{display:block;width:100%;height:auto;overflow:visible}
 .fgm09-slot svg path{fill:#e9e2d6;stroke:#d6cdbb;stroke-width:1.3}
 .fgm09-slot.fgm09-filled svg path{fill:#79a94a;stroke:#568635}
 .fgm09-group[data-fgm09-shape="oval"] .fgm09-slot{padding-top:65%;border-radius:50%}
 .fgm09-group[data-fgm09-shape="roll"] .fgm09-slot{padding-top:35%;border-radius:4px}
 .fgm09-group[data-fgm09-shape="roll"] .fgm09-slot.fgm09-filled{background:repeating-linear-gradient(120deg,#79a94a 0,#79a94a 3px,#96b86e 3px,#96b86e 4px)}
 .fgm09-group[data-fgm09-shape="pie"] .fgm09-slot{border-width:2px;border-radius:50%}
 .fgm09-group[data-fgm09-shape="sachet"] .fgm09-slot{padding-top:115%;border-radius:2px;border-top-style:dashed;border-bottom-style:dashed}
 .fgm09-group[data-fgm09-shape="sachet"] .fgm09-tray{max-width:126px;gap:3px}
 .fgm09-group[data-fgm09-shape="roll"] .fgm09-tray{max-width:138px;gap:3px}
 .fgm09-group[data-fgm09-shape="triangle"] .fgm09-tray{max-width:138px;gap:3px}
}

@media screen and (min-width:768px){
  .fgm09-summary .fgm09-scheme{margin:-6px 0 8px;font-size:12px;line-height:1.45;color:#5d6455}
  .fgm09-summary .fgm09-boxact{margin:4px 0 2px;padding:9px 10px;border:1px dashed #e3a197;border-radius:11px;background:#fff}
  .fgm09-summary .fgm09-boxact-title{margin:0 0 8px;font-size:12px;line-height:1.45;color:#7d3d33}
  .fgm09-summary .fgm09-boxact-title b{font-size:13px}
  .fgm09-summary .fgm09-boxact-row{display:flex;gap:8px;align-items:stretch}
  .fgm09-summary .fgm09-boxact-row button{flex:1 1 50%;min-width:0;text-align:center;font-size:13px;padding:9px 6px}
  .fgm09-summary button.fgm09-topup{background:#ffc321;border-color:#e6b122;color:#292a23;font-weight:700}
  .fgm09-summary button.fgm09-boxcancel{background:#fff;border-color:#e2a49b;color:#b3261e;font-weight:700}
  .fgm09-summary button.fgm09-boxcancel span{display:inline;font-size:17px;line-height:1;vertical-align:-1px;margin-right:2px;color:#d0281c}
  .fgm09-summary .fgm09-reshuffle{margin-top:10px;border-top:1px solid #eadad5;padding-top:8px}
  .fgm09-summary .fgm09-subhead{margin:0 0 6px;font-size:12px;font-weight:700;color:#675627}
  .fgm09-summary .fgm09-reshuffle .fgm09-actions{border-top:0;padding-top:0;margin-top:0}
  .fgm09-confirm-overlay{position:fixed;inset:0;z-index:100200;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:rgba(24,27,20,.5)}
  .fgm09-confirm{box-sizing:border-box;width:100%;max-width:480px;max-height:86vh;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px calc(14px + env(safe-area-inset-bottom));border-radius:20px;background:#fffef9;color:#282b24;box-shadow:0 10px 35px #0003;font-family:FGManrope,Arial,sans-serif}
  .fgm09-confirm h2{margin:0 0 8px;font:800 17px/1.35 FGManrope,Arial,sans-serif;overflow-wrap:anywhere}
  .fgm09-confirm-text{margin:0 0 8px;font-size:14px;line-height:1.5}
  .fgm09-confirm-items{margin:0 0 8px;padding:0 0 0 18px;font-size:12px;line-height:1.55;color:#5d6455}
  .fgm09-confirm-msg{min-height:0;margin:0 0 8px;font-size:12px;line-height:1.5;color:#9b3829}
  .fgm09-confirm-msg:empty{display:none}
  .fgm09-confirm-btns{display:flex;gap:8px}
  .fgm09-confirm-btns button{appearance:none;flex:1 1 50%;min-width:0;min-height:46px;padding:10px 8px;border-radius:10px;font:700 14px/1.3 FGManrope,Arial,sans-serif;touch-action:manipulation;cursor:pointer}
  .fgm09-confirm-keep{border:1px solid #d6d8d0;background:#fff;color:#282b24}
  .fgm09-confirm-go{border:1px solid #c0362b;background:#d63a2e;color:#fff}
  .fgm09-confirm-go[aria-disabled="true"]{opacity:.55;cursor:wait}
  #fgm09-topup-banner{box-sizing:border-box;position:sticky;top:0;z-index:50;margin:0 0 12px;padding:10px 12px;border:1px solid #e8b935;border-radius:12px;background:#fff8e1;color:#282b24;font-family:FGManrope,Arial,sans-serif;box-shadow:0 2px 8px #0000000f;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center}
  #fgm09-topup-banner p{margin:0;grid-column:1}
  #fgm09-topup-banner .fgm09-tb-title{font-size:13px;font-weight:800;line-height:1.4;overflow-wrap:anywhere}
  #fgm09-topup-banner .fgm09-tb-state{font-size:13px;line-height:1.45;color:#7d3d33}
  #fgm09-topup-banner.fgm09-tb-done{border-color:#9cc28c;background:#f2f9ee}
  #fgm09-topup-banner.fgm09-tb-done .fgm09-tb-state{color:#2f6a22;font-weight:700}
  #fgm09-topup-banner[data-pending="true"] .fgm09-tb-state{opacity:.6}
  #fgm09-topup-banner .fgm09-tb-cart{grid-column:2;grid-row:1/span 2;display:inline-block;padding:10px 12px;border-radius:10px;background:#ffc321;color:#292a23;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}
  #fgm09-toast{position:fixed;z-index:100250;left:50%;bottom:150px;bottom:calc(150px + env(safe-area-inset-bottom));transform:translate(-50%,8px);max-width:86%;box-sizing:border-box;padding:9px 16px;border-radius:20px;background:rgba(32,33,31,.92);color:#fff;font:600 14px/1.3 Arial,sans-serif;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility 0s .18s}
  #fgm09-toast.fgm09-toast-show{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .18s,transform .18s}
}

@media screen and (min-width:768px){
  .fgm09-summary .fgm09-boxact-row{flex-wrap:wrap}
  .fgm09-summary .fgm09-boxact-row button.fgm09-reduce{flex:1 1 100%;background:#fff;border:1px solid #8fb07f;color:#2f5a22;font-weight:700}
  .fgm09-summary .fgm09-boxact-row button.fgm09-reduce.fgm09-reduce-on{background:#eef6e9;border-color:#6c9a5a}
  .fgm09-summary .fgm09-reduce-hint{margin:8px 0 0;font-size:12px;line-height:1.45;color:#2f5a22;font-weight:600}
  .fgm09-reduce-cardhint td{padding:0!important;border:0!important}
  .fgm09-reduce-cardhint p{margin:6px 0;padding:8px 10px;border:1px solid #9cc28c;border-radius:10px;background:#f2f9ee;color:#2f5a22;font:600 13px/1.45 FGManrope,Arial,sans-serif;text-align:left;scroll-margin-top:80px}
  tr.fgm09-reduce-row{outline:2px solid #9cc28c;outline-offset:-1px}
}

@media screen and (min-width:768px){
  .fgm09-group.fgm09-coll [data-fgm09-state]{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #e3c9a6;border-radius:10px;background:#fff8ef;-webkit-tap-highlight-color:transparent;user-select:none}
  .fgm09-group.fgm09-coll [data-fgm09-state]::after{content:'';flex:0 0 auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 2px 0 0;transition:transform .2s}
  .fgm09-group.fgm09-coll.fgm09-open [data-fgm09-state]::after{transform:rotate(-135deg);margin-top:4px}
  .fgm09-group.fgm09-coll:not(.fgm09-open) .fgm09-boxact,.fgm09-group.fgm09-coll:not(.fgm09-open) .fgm09-reshuffle{display:none!important}
}

@media screen and (min-width:768px){
  .fgm-minbar:not([hidden]){display:block!important;box-sizing:border-box;margin:12px 0 14px;padding:12px 14px;border:1px solid #ece6d6;border-radius:12px;background:#fff;font-family:FGManrope,Arial,sans-serif}
  .fgm-minbar-track{position:relative;height:10px;border-radius:999px;background:#efeee8;overflow:hidden}
  .fgm-minbar-fill{display:block;height:100%;width:0;max-width:100%;border-radius:999px;background:#d63a2b;transition:width .25s ease,background-color .25s ease}
  .fgm-minbar-text{margin:8px 0 0;padding:0;font-size:13px;line-height:1.4;font-weight:700;color:#20211f;text-align:left}
  .fgm-minbar--red .fgm-minbar-fill{background:#d63a2b}
  .fgm-minbar--red .fgm-minbar-text{color:#a3261a}
  .fgm-minbar--yellow .fgm-minbar-fill{background:#ffbf24}
  .fgm-minbar--yellow .fgm-minbar-text{color:#6b4d00}
  .fgm-minbar--green .fgm-minbar-fill{background:#2f9e44}
  .fgm-minbar--green .fgm-minbar-text{color:#1f6b2e}
  .fgm-minbar--pending{opacity:.6}
  @media (prefers-reduced-motion: reduce){.fgm-minbar-fill{transition:none}}
}

@media screen and (min-width:768px){
  #ajax_cart_popup{max-height:92vh;overscroll-behavior:contain}
  .fgm09-dialog-overlay,.fgm09-confirm-overlay{align-items:center}
  .fgm09-dialog,.fgm09-confirm{max-width:600px;padding:24px}
  #fgm09-confirm{display:flex!important}
  #fgm09-topup-banner{display:grid!important;position:relative}
  #fgm09-toast,#fg-cart-added,#fg-qty-toast{display:block!important;bottom:28px}
  #fg-cart-toast{left:auto;right:24px;bottom:24px;max-width:420px}
  tr.fgm09-reduce-cardhint{display:table-row!important}
  div.fgm09-reduce-cardhint{display:block!important}
  .fgm-minbar:not([hidden]) + .contacterror{display:none}
  .fgm09-summary .fgm09-heading{font-size:16px}
  .fgm09-summary .fgm09-state{font-size:13px}
  .fgm09-summary .fgm09-boxact-row button{flex-basis:0}
  .fgm09-summary .fgm09-boxact-row button.fgm09-reduce{flex-basis:100%}
}