.products{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.add,.add-to-basket .counter,.decrement,.increment{display:flex}.add,.decrement,.increment{padding:13px;max-height:44px}.add-to-basket{border-radius:99px;border:2px solid var(--primary);transition:color .3s ease,background-color .3s ease,border .3s ease}.add-to-basket.adding{background:var(--primary)}.count{color:var(--white);font-size:16px;line-height:1.2;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn.btn-counter{background-color:var(--primary);border-color:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0}.btn.btn-counter path{stroke:var(--white)}.btn.btn-counter .btn-decrement,.btn.btn-counter .btn-increment{display:flex;padding:23px}html[data-theme=dark] .add path{stroke:var(--white)}html[data-theme=dark] .add-to-basket{border-color:var(--white)}html[data-theme=dark] .add-to-basket.adding{background:var(--addGray);border-color:var(--addGray)}html[data-theme=dark] .chevron-right{border-color:var(--white)}html[data-theme=dark] .chevron-right path{fill:var(--white)}html[data-theme=dark] .btn.btn-counter{background-color:var(--white);border-color:var(--white);color:var(--black)}html[data-theme=dark] .btn.btn-counter path{stroke:var(--black)}