.sf-cmp{flex-direction:column;gap:20px;padding-top:48px;display:flex}.sf-cmp__tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sf-cmp__count{font:400 15px/1.3 var(--sf-font);color:var(--sf-text-3)}.sf-cmp__scroll{border:1px solid var(--sf-line);border-radius:var(--sf-radius);overscroll-behavior-x:contain;overflow-x:auto}.sf-cmp__table{width:100%;min-width:calc(220px + var(--sf-cmp-cols,4) * 200px);border-collapse:collapse;table-layout:fixed;font:400 15px/1.45 var(--sf-font);color:var(--sf-text-2)}.sf-cmp__table th,.sf-cmp__table td{border-right:1px solid var(--sf-line);text-align:left;vertical-align:top;word-break:break-word;padding:16px 24px}.sf-cmp__table tr>:last-child{border-right:0}.sf-cmp__table tbody tr{border-top:1px solid var(--sf-line)}.sf-cmp__table tbody tr.is-zebra{background:var(--sf-surface-muted)}.sf-cmp__table th[scope=row],.sf-cmp__corner{z-index:1;background:var(--sf-bg);width:220px;font:500 15px/1.35 var(--sf-font);color:var(--sf-text-1);position:sticky;left:0}.sf-cmp__table tbody tr.is-zebra th[scope=row]{background:var(--sf-surface-muted)}.sf-cmp__corner{vertical-align:bottom;font:600 12px/1 var(--sf-font);letter-spacing:.08em;text-transform:uppercase;color:var(--sf-text-3)}.sf-cmp__product{padding:24px;font-weight:400;position:relative}.sf-cmp__product>*+*{margin-top:12px}.sf-cmp__product>.sf-media{display:block}.sf-cmp__product .sf-btn{margin-top:16px}.sf-cmp__remove{z-index:2;background:var(--sf-bg-deep);color:var(--sf-text-3);position:absolute;top:12px;right:12px}.sf-cmp__remove:hover{border-color:var(--sf-error);color:var(--sf-error)}.sf-cmp__name{font:500 18px/1.3 var(--sf-font);color:var(--sf-text-1);display:block}.sf a.sf-cmp__name{color:var(--sf-text-1)}.sf a.sf-cmp__name:hover{color:var(--sf-gold-300)}.sf-cmp__product .sf-price{display:flex}.sf-cmp__product .sf-price__now{font-size:18px}.sf-cmp__add-cell{vertical-align:middle}.sf-cmp__add{border:1px dashed var(--sf-line);border-radius:var(--sf-radius);min-height:220px;color:var(--sf-text-3);font:500 15px/1.3 var(--sf-font);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.sf a.sf-cmp__add{color:var(--sf-text-3)}.sf a.sf-cmp__add:hover{border-color:var(--sf-gold-500);color:var(--sf-gold-500)}.sf-cmp__add .sf-icon{font-size:40px}.sf-cmp__note{font:400 14px/1.4 var(--sf-font);color:var(--sf-text-3)}@media (width<=1199px){.sf-cmp__table{min-width:calc(180px + var(--sf-cmp-cols,4) * 190px)}.sf-cmp__table th[scope=row],.sf-cmp__corner{width:180px}}@media (width<=767px){.sf-cmp{gap:16px;padding-top:24px}.sf-cmp__scroll{margin-inline:calc(-1 * var(--sf-gutter));border-left:0;border-right:0;border-radius:0}.sf-cmp__table{min-width:calc(110px + var(--sf-cmp-cols,4) * 160px);font-size:14px}.sf-cmp__table th,.sf-cmp__table td{padding:12px}.sf-cmp__table th[scope=row],.sf-cmp__corner{width:110px;font-size:13px}.sf-cmp__product{padding:12px}.sf-cmp__remove{top:6px;right:6px}.sf-cmp__name{font-size:14px}.sf-cmp__product .sf-price__now{font-size:15px}.sf-cmp__product .sf-btn{padding:0 8px;font-size:13px}.sf-cmp__add{min-height:160px}}