:root{--pec-c:var(--pec-accent, var(--wp--preset--color--contrast, #111))}#pec-fab{position:fixed;bottom:var(--pec-bottom,20px);z-index:99990;width:56px;height:56px;border-radius:50%;border:0;background:var(--pec-c);color:var(--wp--preset--color--base,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgb(0 0 0 / .28),0 2px 6px rgb(0 0 0 / .18);transition:transform 0.18s,box-shadow 0.18s;padding:0;overflow:visible;animation:pec-pop 0.45s ease-out,pec-idle 3s ease-in-out 0.45s infinite}@keyframes pec-pop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes pec-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#pec-fab.pec-right{right:20px}#pec-fab.pec-left{left:20px}#pec-count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:#000;color:#fff;font-size:12px;font-weight:700;line-height:22px;text-align:center}#pec-overlay{position:fixed;inset:0;z-index:99991;background:rgb(0 0 0 / .45)}#pec-drawer{position:fixed;top:0;bottom:0;z-index:99992;width:min(420px, 92vw);background:var(--wp--preset--color--base,#fff);color:var(--wp--preset--color--contrast,#111);display:flex;flex-direction:column;box-shadow:0 0 40px rgb(0 0 0 / .3);transition:transform 0.25s ease}#pec-drawer.pec-right{right:0;transform:translateX(105%)}#pec-drawer.pec-left{left:0;transform:translateX(-105%)}#pec-drawer.pec-open{transform:translateX(0)}body.pec-noscroll{overflow:hidden}#pec-drawer.pec-busy #pec-items{opacity:.5;pointer-events:none}.pec-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgb(0 0 0 / .08)}.pec-head h3{margin:0;font-size:1.1em}#pec-close{border:0;background:#fff0;color:inherit;cursor:pointer;padding:4px;line-height:0}#pec-ship{padding:12px 20px 0;font-size:.85em}#pec-ship p{margin:0 0 6px}.pec-ship-ok{font-weight:600}.pec-bar{height:6px;border-radius:3px;background:rgb(0 0 0 / .08);overflow:hidden}.pec-bar span{display:block;height:100%;background:var(--pec-c);border-radius:3px;transition:width 0.3s ease}.pec-bar-full span{background:var(--wp--preset--color--vivid-green-cyan,#00d084)}#pec-items{flex:1;overflow-y:auto;padding:8px 20px}.pec-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid rgb(0 0 0 / .06);position:relative}.pec-item img,.pec-noimg{width:52px;height:70px;object-fit:contain;border-radius:4px;flex-shrink:0;border:0!important;background:transparent!important;box-shadow:0 1px 3px rgb(0 0 0 / .15)}.pec-item-info{flex:1;min-width:0}.pec-item-name{display:block;font-size:.9em;font-weight:600;line-height:1.3;color:inherit;text-decoration:none;margin-bottom:2px;padding-right:24px}.pec-item-name:hover{text-decoration:underline}.pec-item-var{display:block;font-size:.8em;opacity:.7;margin-bottom:6px}.pec-item-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.pec-line{font-size:.92em}.pec-qty{display:inline-flex;align-items:center;border:1.5px solid rgb(0 0 0 / .15);border-radius:999px;overflow:hidden}.pec-qty button{width:30px;height:30px;border:0;background:#fff0;color:inherit;font-size:16px;cursor:pointer;line-height:1}.pec-qty button:hover{background:rgb(0 0 0 / .06)}.pec-qty input{width:36px;border:0;background:#fff0;text-align:center;font-size:.9em;-moz-appearance:textfield;appearance:textfield;padding:0}.pec-qty input::-webkit-outer-spin-button,.pec-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pec-remove{position:absolute;top:14px;right:0;border:0;background:#fff0;color:inherit;opacity:.45;cursor:pointer;padding:2px;line-height:0}.pec-remove:hover{opacity:1;color:var(--wp--preset--color--vivid-red,#cf2e2e)}.pec-empty{text-align:center;padding:48px 12px}.pec-empty p{margin:0 0 16px;opacity:.7}.pec-foot{padding:14px 20px 18px;border-top:1px solid rgb(0 0 0 / .08)}.pec-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.02em}.pec-btn-primary,.pec-btn-ghost{display:block;text-align:center;padding:12px 16px;border-radius:999px;font-weight:600;font-size:.95em;text-decoration:none;transition:opacity 0.15s ease}.pec-btn-primary{background:var(--pec-c);color:var(--wp--preset--color--base,#fff);margin-bottom:8px}.pec-btn-primary:hover{opacity:.88;color:var(--wp--preset--color--base,#fff)}.pec-btn-ghost{border:1.5px solid var(--pec-c);color:var(--pec-c)}.pec-btn-ghost:hover{background:var(--pec-c);color:var(--wp--preset--color--base,#fff)}.pec-btn-link{display:block;width:100%;border:0;background:#fff0;color:inherit;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.02em;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:10px 0 2px;text-align:center}.pec-link-mini{display:block;text-align:center;font-size:.78em;color:inherit;opacity:.65;margin-top:8px;text-decoration:underline}.pec-link-mini:hover,.pec-btn-link:hover{opacity:.85;color:inherit}#pec-drawer.pec-modal{inset:0;margin:auto;height:fit-content;max-height:86vh;width:min(560px, 92vw);border-radius:14px;background:var(--pec-c);color:#fff;opacity:0;visibility:hidden;transition:opacity 0.2s ease,transform 0.2s ease;transform:translateY(12px)}#pec-drawer.pec-modal.pec-open{opacity:1;visibility:visible;transform:translateY(0)}.pec-modal .pec-head{background:rgb(0 0 0 / .22);border-radius:14px 14px 0 0;border-bottom:0;padding:14px 20px}.pec-modal .pec-head h3{text-transform:uppercase;font-size:.95em;letter-spacing:.03em;color:#fff}.pec-modal #pec-close{color:#fff}.pec-modal .pec-item{background:#fff;color:#1a1a1a;border-radius:10px;border-bottom:0;padding:12px 14px;margin:10px 0}.pec-modal .pec-item-name{color:#1a1a1a}.pec-modal .pec-remove{top:10px;right:10px;color:#1a1a1a}.pec-modal #pec-ship{color:#fff}.pec-modal .pec-bar{background:rgb(255 255 255 / .25)}.pec-modal .pec-bar span{background:#fff}.pec-modal .pec-foot{border-top:0;color:#fff}.pec-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.98em}.pec-row+.pec-row{margin-bottom:14px}.pec-modal .pec-btn-primary{background:#fff;color:var(--pec-c);text-transform:uppercase;border-radius:8px}.pec-modal .pec-btn-primary:hover{opacity:.9;color:var(--pec-c)}.pec-modal .pec-empty{color:#fff}.pec-modal .pec-empty .pec-btn-ghost{border-color:#fff;color:#fff}@media (max-width:480px){#pec-drawer.pec-right,#pec-drawer.pec-left{width:100vw}}