.qco{--qco-ease:cubic-bezier(0.22,1,0.36,1);--qco-dur:220ms;--qco-radius:20px;position:fixed;inset:0;z-index:1060;display:flex;align-items:flex-end;justify-content:center;-webkit-tap-highlight-color:transparent}.qco *,.qco :after,.qco :before{box-sizing:border-box}.qco-backdrop{position:absolute;inset:0;background:var(--backdrop,rgba(0,0,0,.5));opacity:0;transition:opacity var(--qco-dur) ease;touch-action:none}.qco.is-open .qco-backdrop{opacity:1}.qco .qco-panel{position:relative;display:flex;flex-direction:column;width:100%;max-height:94vh;max-height:94dvh;padding:0;background:var(--cx-surface,#fff);border-radius:var(--qco-radius) var(--qco-radius) 0 0;box-shadow:0 -12px 40px -12px rgba(0,0,0,.28);font-size:14px;line-height:1.45;outline:none;overflow:hidden;overflow:clip;transform:translateY(100%);transition:transform var(--qco-dur) var(--qco-ease);will-change:transform}.qco.is-open .qco-panel{transform:none}.qco.is-dragging .qco-panel{transition:none}.qco-bar{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:56px;padding:14px 8px 6px 16px;border-bottom:1px solid var(--cx-line,#ebebeb);touch-action:none;cursor:-webkit-grab;cursor:grab}.qco-bar:before{content:"";position:absolute;top:7px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:999px;background:var(--cx-line-strong,#dcdce0)}.qco .qco-bar__title{flex:1 1 auto;min-width:0;margin:0;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--cx-ink,#141414)}.qco .qco-close{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cx-ink,#141414);cursor:pointer}.qco .qco-close:hover{background:var(--cx-soft,#f5f5f6)}.qco .qco-close:focus-visible{outline:2px solid var(--cx-brand-text,#db1215);outline-offset:2px}.qco-form{display:flex;flex-direction:column;margin:0}.qco-body,.qco-form{flex:1 1 auto;min-height:0}.qco-body{position:relative;padding:14px 16px 18px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.qco .qco-fields{gap:10px}.qco .qco-note-toggle{justify-self:start}.qco-section{margin-top:20px}.qco .qco-section__title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:12.5px;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--cx-muted,#6b6b6b)}.qco-section__count{font-weight:500;letter-spacing:0;text-transform:none}.qco-items{display:grid;grid-gap:8px;gap:8px}.qco .qco-items .cart-card--drawer{margin:0}@media (pointer:coarse){.qco .qco-items .cart-stepper{height:40px}.qco .qco-items .cart-stepper button{width:40px}.qco .sf-coupon .sf-coupon__toggle{min-height:44px}}.qco .qco-options{gap:8px}.qco .qco-options .sf-cx-option{min-height:52px;padding:10px 12px}.qco .qco-options .sf-cx-option__icon{width:32px;height:32px}.qco .qco-paymethod{display:flex;align-items:center;gap:10px;margin:0;font-weight:600;color:var(--cx-ink,#141414)}.qco-paymethod__body{display:flex;flex-direction:column;min-width:0}.qco .qco-paymethod__body .sf-cx-option__meta{font-weight:400}.qco .qco-close:disabled{opacity:.4;cursor:not-allowed}.qco-paymethod__icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--cx-radius-sm,10px);background:var(--cx-soft,#f5f5f6)}.qco .sf-co-payinfo,.qco .sf-mpay{margin-top:12px}.qco .qco-sum,.qco-coupon{margin-top:16px}.qco .qco-sum{padding-top:8px;border-top:1px solid var(--cx-line,#ebebeb)}.qco .qco-sum .sf-cx-sum__row{padding:4px 0}.qco-foot{flex:0 0 auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--cx-line,#ebebeb);background:var(--cx-surface,#fff);box-shadow:0 -6px 18px -12px rgba(0,0,0,.18)}.qco .qco-alert{max-height:30vh;margin:0 0 10px;overflow-y:auto}.qco-foot__row{display:flex;align-items:center;gap:14px}.qco-foot__total{display:flex;flex-direction:column;flex:none;min-width:0}.qco-foot__label{font-size:12px;line-height:1.2;color:var(--cx-muted,#6b6b6b)}.qco .qco-foot__amount{font-size:19px;font-weight:800;line-height:1.25;color:var(--cx-brand-text,#db1215);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.qco .qco-foot__btn{flex:1 1 auto;min-width:0;min-height:50px}.qco .qco-foot__note{margin-top:8px}.qco-loading{display:grid;grid-gap:12px;gap:12px;padding:18px 16px 24px}.qco-skel{display:block;height:48px;border-radius:10px;background:linear-gradient(90deg,#f0f0f2 25%,#e6e6e9 37%,#f0f0f2 63%);background-size:400% 100%;animation:qco-shimmer 1.4s ease infinite}.qco-skel--btn{height:50px;margin-top:8px}@keyframes qco-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.qco-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.qco-empty{display:grid;grid-gap:14px;gap:14px;padding:24px 16px calc(24px + env(safe-area-inset-bottom, 0px));text-align:center}.qco .qco-empty__text{margin:0;font-size:15px;color:var(--cx-ink,#141414)}@media (min-width:768px){.qco{align-items:center;padding:24px}.qco .qco-panel{width:min(520px,100%);max-height:min(88vh,860px);max-height:min(88dvh,860px);border-radius:var(--qco-radius);box-shadow:0 24px 64px -16px rgba(0,0,0,.35);opacity:0;transform:translateY(12px) scale(.98);transition:transform var(--qco-dur) var(--qco-ease),opacity var(--qco-dur) ease}.qco.is-open .qco-panel{opacity:1;transform:none}.qco-bar{padding:12px 8px 12px 20px;cursor:default}.qco-bar:before{display:none}.qco .qco-bar__title{font-size:17px}.qco-body{padding:16px 20px 20px}.qco-foot{padding:14px 20px 16px}}@media (prefers-reduced-motion:reduce){.qco .qco-panel,.qco-backdrop{transition:none}.qco-skel{animation:none}}.offcanvas.offcanvas-bottom.cmp{--cmp-ink:#0e0e13;--cmp-muted:#71717c;--cmp-line:rgba(14,14,19,0.08);--cmp-line-strong:rgba(14,14,19,0.16);--cmp-soft:#f5f5f7;--cmp-ok:#0b7a3b;--cmp-danger:#dc2626;--cmp-accent:var(--primary,#db1215);--cmp-ring:color-mix(in srgb,var(--cmp-accent) 35%,transparent);--cmp-col-w:210px;--cmp-thumb-max:168px;height:auto;min-height:min(64vh,540px);min-height:min(64dvh,540px);max-height:min(86vh,820px);max-height:min(86dvh,820px);border-top:0;border-radius:22px 22px 0 0;box-shadow:0 -24px 60px -20px rgba(14,14,19,.35);z-index:1065}.cmp :is(button,a,.cmp-scroll):focus-visible{outline:3px solid var(--cmp-ring);outline-offset:2px}.cmp-head{flex-shrink:0;position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading actions" "search search";align-items:center;grid-column-gap:16px;column-gap:16px;padding-top:20px;padding-bottom:14px;border-bottom:1px solid var(--cmp-line)}.cmp-heading{grid-area:heading;min-width:0}.cmp-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--cmp-ink)}.cmp-sub{margin:2px 0 0;font-size:13px;color:var(--cmp-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cmp-head-actions{grid-area:actions;display:flex;align-items:center;gap:10px}.cmp-clear{height:38px;padding:0 14px;border-radius:var(--btn-radius);border:1px solid var(--cmp-line-strong);background:#fff;font-size:13.5px;font-weight:600;color:var(--cmp-ink);cursor:pointer;white-space:nowrap}.cmp-clear:hover{border-color:var(--cmp-ink)}.cmp-close{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:var(--cmp-soft);color:var(--cmp-ink);font-size:18px;cursor:pointer}.cmp-close:hover{background:#e9e9ee}.cmp-search{grid-area:search;position:relative;margin-top:14px;min-width:0;max-width:560px}.cmp-search-icon{position:absolute;top:50%;inset-inline-start:14px;transform:translateY(-50%);display:grid;place-items:center;width:18px;height:18px;font-size:18px;color:var(--cmp-muted);pointer-events:none}.cmp-spinner{width:16px;height:16px;border:2px solid var(--cmp-line-strong);border-top-color:var(--cmp-accent);border-radius:50%;animation:cmp-spin .7s linear infinite}@keyframes cmp-spin{to{transform:rotate(1turn)}}.cmp .cmp-search-input{display:block;width:100%;height:44px;margin:0;padding:0 42px;border:1px solid var(--cmp-line-strong);border-radius:var(--btn-radius);background:var(--cmp-soft);color:var(--cmp-ink);font-size:14.5px;line-height:normal;transition:border-color .2s,background-color .2s,box-shadow .2s}.cmp .cmp-search-input::placeholder{color:var(--cmp-muted)}.cmp .cmp-search-input:hover{border-color:rgba(14,14,19,.28)}.cmp .cmp-search-input:focus{border-color:var(--cmp-accent);background:#fff;box-shadow:0 0 0 3px var(--cmp-ring);outline:0}.cmp .cmp-search-input::-webkit-search-cancel-button,.cmp .cmp-search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.cmp-search-clear{position:absolute;top:50%;inset-inline-end:8px;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:0;background:transparent;color:var(--cmp-muted);font-size:14px;cursor:pointer}.cmp-search-clear:hover{background:rgba(14,14,19,.07);color:var(--cmp-ink)}.cmp-results{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:3;padding:6px;max-height:min(300px,38vh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--cmp-line);border-radius:14px;background:#fff;box-shadow:0 12px 32px -14px rgba(14,14,19,.22)}.cmp-results[hidden]{display:none}.cmp-results-list{list-style:none;margin:0;padding:0}.cmp-result{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:7px 8px;border-radius:10px}.cmp-result-img,.cmp-result:hover{background:var(--cmp-soft)}.cmp-result-img{width:44px;height:44px;border-radius:8px;overflow:hidden}.cmp-result-img img{width:100%;height:100%;object-fit:cover}.cmp-result-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cmp-result-name{font-size:13.5px;line-height:1.35;color:var(--cmp-ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cmp-result-price{font-size:13px;font-weight:700;color:var(--primary-text,var(--cmp-ink));font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cmp-result-add{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:64px;height:34px;padding:0 14px;border-radius:var(--btn-radius);border:1.5px solid var(--cmp-ink);background:#fff;color:var(--cmp-ink);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.cmp-result-add:not([aria-disabled=true]):hover{background:var(--cmp-ink);color:#fff}.cmp-result-add[aria-disabled=true]{cursor:default;opacity:.45}.cmp-results-empty{margin:0;padding:12px 10px;font-size:13px;color:var(--cmp-muted)}.cmp-results-note{margin:6px 4px 2px;padding:8px 12px;border-radius:10px;background:#fff7e6;color:#8a4b00;font-size:12.5px;line-height:1.45}.cmp-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-top:8px;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))}.cmp-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:36px 0 28px;text-align:center;color:var(--cmp-muted);font-size:14px}.cmp-empty strong{color:var(--cmp-ink);font-size:16px}.cmp-empty-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:8px;border-radius:50%;background:var(--cmp-soft);color:var(--cmp-ink);font-size:24px}.cmp-scroll{overflow-x:auto;overscroll-behavior-x:contain;container-type:inline-size;border-radius:4px}.cmp-table{width:max-content;border-collapse:separate;border-spacing:0}.cmp-table td,.cmp-table th{padding:12px 14px;border-bottom:1px solid var(--cmp-line);vertical-align:top;font-size:14px;line-height:1.45;color:var(--cmp-ink);text-align:start;overflow-wrap:anywhere}.cmp-table .cmp-col{width:var(--cmp-col-w);min-width:var(--cmp-col-w);max-width:var(--cmp-col-w)}.cmp-table thead td,.cmp-table thead th{padding-top:14px;padding-bottom:16px}.cmp-table tbody tr:last-child>*{border-bottom:0}.cmp-table tfoot td{padding-top:14px;padding-bottom:4px;border-bottom:0}.cmp-table .cmp-label{position:-webkit-sticky;position:sticky;inset-inline-start:0;z-index:1;width:150px;min-width:150px;max-width:150px;background:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--cmp-muted)}.cmp-table .cmp-row-head{display:none}.cmp-table .cmp-slot,.cmp-table .cmp-slot-cell{border-bottom-color:transparent}.cmp-card{position:relative;z-index:0;max-width:var(--cmp-thumb-max)}.cmp-card-link{display:flex;flex-direction:column;gap:10px;color:var(--cmp-ink);text-decoration:none;border-radius:14px}.cmp-card-link:hover .cmp-name{color:var(--cmp-accent)}.cmp-thumb{position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--cmp-soft)}.cmp-thumb img{object-fit:cover}.cmp-name{font-size:14px;font-weight:600;line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.cmp-remove{position:absolute;top:8px;inset-inline-end:8px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.94);box-shadow:0 2px 8px rgba(14,14,19,.15);color:var(--cmp-ink);font-size:14px;cursor:pointer;transition:background-color .2s,color .2s}.cmp-remove:hover{background:var(--cmp-ink);color:#fff}.cmp-slot-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:var(--cmp-thumb-max);aspect-ratio:1/1;padding:12px;border:1.5px dashed var(--cmp-line-strong);border-radius:14px;background:transparent;color:var(--cmp-muted);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.cmp-slot-btn:hover{border-color:var(--cmp-accent);color:var(--cmp-ink);background:var(--cmp-soft)}.cmp-slot-plus{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--cmp-soft);color:var(--cmp-ink);font-size:18px}.cmp-price{display:inline-flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cmp-price small{font-size:.85em}.cmp-price s,.cmp-price small{font-weight:500;color:var(--cmp-muted)}.cmp-price s{font-size:.9em}.cmp-none{color:var(--cmp-muted)}.cmp-stock{font-weight:600}.cmp-stock--danger{color:var(--cmp-danger)}.cmp-stock--muted{color:var(--cmp-muted)}.cmp-view{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:var(--cmp-thumb-max);height:40px;padding:0 14px;border-radius:var(--btn-radius);border:1.5px solid var(--cmp-ink);background:#fff;color:var(--cmp-ink);font-size:13.5px;font-weight:600;white-space:nowrap;text-decoration:none;transition:background-color .2s,color .2s}.cmp-view:hover{background:var(--cmp-ink);color:#fff}@media (min-width:992px){.cmp-head{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"heading search actions";column-gap:24px}.cmp-search{margin-top:0;justify-self:end;width:min(100%,420px)}}@media (min-width:1200px){.offcanvas.offcanvas-bottom.cmp{--cmp-col-w:230px;--cmp-thumb-max:180px}}@media (max-width:767px){.offcanvas.offcanvas-bottom.cmp{--cmp-col-w:160px;border-radius:18px 18px 0 0}.cmp-head{padding-top:16px;padding-bottom:12px}.cmp-title{font-size:18px}.cmp-search{margin-top:12px}.cmp .cmp-search-input{font-size:16px}.cmp-scroll{scroll-snap-type:x mandatory}.cmp-table .cmp-col{width:50cqi;min-width:50cqi;max-width:50cqi}.cmp-table .cmp-product,.cmp-table .cmp-slot{scroll-snap-align:start}.cmp-table .cmp-label{width:0;min-width:0;max-width:0;padding:0;border:0}.cmp-table .cmp-label-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cmp-table .cmp-row-head{display:table-row}.cmp-table .cmp-row-head td{padding:12px 0 2px;border-bottom:0;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--cmp-muted)}.cmp-table .cmp-row-head td>span{position:-webkit-sticky;position:sticky;inset-inline-start:0;display:inline-block;padding-inline:10px}.cmp-table td,.cmp-table th{padding:6px 10px 12px;font-size:13.5px}.cmp-table thead td,.cmp-table thead th{padding-top:12px;padding-bottom:8px}.cmp-table tfoot td{padding-top:14px}.cmp-card,.cmp-slot-btn,.cmp-view{max-width:none}.cmp-name{font-size:13.5px}.cmp-remove{width:36px;height:36px}.cmp-result-add{height:40px}.cmp-search-clear{width:36px;height:36px}.cmp-clear,.cmp-close{height:40px}.cmp-close{width:40px}}@media (prefers-reduced-motion:reduce){.cmp-spinner{animation-duration:2s}.cmp .cmp-search-input,.cmp-card-link .cmp-name,.cmp-remove,.cmp-result-add,.cmp-slot-btn,.cmp-view{transition:none}}@media (max-width:1149px){#canvasSearch.offcanvas,#mobileMenu.offcanvas,.offcanvas.canvas-filter{--sfdrawer-width:min(85vw,400px);width:var(--sfdrawer-width)!important;max-width:var(--sfdrawer-width)!important}}@media (prefers-reduced-motion:reduce){#canvasSearch.offcanvas,#mobileMenu.offcanvas,.offcanvas.canvas-filter{transition:none}}