:root{--patc-accent:#7B3F9E;--patc-accent-h:#9B5FBE;--patc-border:#e8e2d9;--patc-surface:#f9f7f4;--patc-text:#1a1a1a;--patc-radius:10px;--patc-ease:cubic-bezier(0.4,0,0.2,1)}.patc-wrap{display:flex;flex-direction:column;gap:10px;width:100%}.patc-qty-row{display:flex;align-items:center;border:1.5px solid var(--patc-border);border-radius:var(--patc-radius);overflow:hidden;height:52px;background:#fff;width:100%}.patc-qty-btn{width:52px;height:52px;background:var(--patc-surface);border:none;cursor:pointer;font-size:22px;font-weight:300;color:var(--patc-text);display:flex;align-items:center;justify-content:center;transition:all 0.18s var(--patc-ease);flex-shrink:0;font-family:'Montserrat',sans-serif;line-height:1;user-select:none}.patc-qty-btn:hover{background:var(--patc-accent);color:#fff}.patc-qty-input{flex:1;border:none;text-align:center;font-size:16px;font-weight:700;font-family:'Montserrat',sans-serif;color:var(--patc-text);background:#fff0;outline:none;padding:0;-moz-appearance:textfield}.patc-qty-input::-webkit-inner-spin-button,.patc-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.patc-btn{width:100%;height:54px;background:transparent!important;color:var(--patc-accent)!important;border:2px solid var(--patc-accent)!important;border-radius:var(--patc-radius);font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;transition:all 0.25s var(--patc-ease);padding:0 24px}.patc-btn::before{content:'';position:absolute;inset:0;background:var(--patc-accent);transform:translateY(100%);transition:transform 0.28s var(--patc-ease);z-index:0}.patc-btn:hover::before{transform:translateY(0)}.patc-btn:hover{color:#fff!important;box-shadow:0 6px 24px rgb(123 63 158 / .28);transform:translateY(-1px)}.patc-btn__text{color:inherit!important}.patc-btn:focus,.patc-btn:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgb(123 63 158 / .25)!important}.patc-btn__text,.patc-btn__spinner{position:relative;z-index:1}.patc-btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:#fff0;border-radius:50%;animation:patc-spin 0.6s linear infinite}@keyframes patc-spin{to{transform:rotate(360deg)}}.patc-btn.is-loading{pointer-events:none;opacity:.75}.patc-btn.is-added{background:var(--patc-accent)!important;color:#fff!important;border-color:var(--patc-accent)!important;pointer-events:none}.patc-btn.is-added::before{transform:translateY(0)}.patc-btn--disabled{background:var(--patc-surface)!important;color:#aaa!important;border-color:var(--patc-border)!important;cursor:not-allowed!important}.patc-toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(16px);background:var(--patc-accent);color:#fff;padding:12px 24px;border-radius:30px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:999999;opacity:0;visibility:hidden;transition:all 0.28s var(--patc-ease);box-shadow:0 8px 24px rgb(123 63 158 / .35);pointer-events:none;white-space:nowrap}.patc-toast.is-visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}@media (max-width:640px){.patc-btn{height:50px;font-size:11px}.patc-qty-btn{width:46px;height:46px}.patc-qty-row{height:46px}}