html body .dt-cmp .dt-cmp__badge{background: var(--dark-bg);box-shadow: var(--dark-shadow);color: #fff}html body .dt-cmp .dt-cmp__badge .dt-cmp-ic{width: 15px;height: 15px}html body .dt-ui .dt-cmp__diff{cursor: pointer;border: 0;font: 600 15px/1 var(--body)}html body .dt-cmp__switch{position: relative;display: inline-block;flex: none;width: 34px;height: 20px;border-radius: 999px;background: var(--stone-2);box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.12);transition: background 0.3s var(--ease)}html body .dt-cmp__switch i{position: absolute;top: 2px;left: 2px;width: 16px;height: 16px;border-radius: 50%;background: #fff;box-shadow: 0 1px 3px rgba(10, 10, 10, 0.25);transition: transform 0.45s var(--spring)}html body .dt-cmp__diff[aria-pressed="true"] .dt-cmp__switch{background: var(--green)}html body .dt-cmp__diff[aria-pressed="true"] .dt-cmp__switch i{transform: translateX(14px)}html body .dt-ui .dt-cmp__clear{color: var(--muted)}html body .dt-cmp__board{position: relative;padding: 0 0 56px}html body .dt-ui .dt-cmp__count{margin: 0 0 14px;color: var(--muted);font: 600 12.5px/1 var(--body);letter-spacing: 0.1em;text-align: center;text-transform: uppercase}html body .dt-cmp__scroller{position: relative;width: fit-content;max-width: 100%;margin: 0 auto;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x proximity;scroll-padding-left: var(--dt-cmp-label);border-radius: var(--radius);background: rgba(255, 255, 255, 0.55);box-shadow: var(--glass-shadow);scrollbar-width: thin;-webkit-overflow-scrolling: touch;--dt-cmp-label: 168px;--dt-cmp-col: 264px}html body .dt-cmp__scroller:focus-visible{outline: 2px solid var(--ink);outline-offset: 4px}html body .dt-cmp__grid{display: grid;grid-template-columns: var(--dt-cmp-label) repeat(var(--cols), var(--dt-cmp-col));width: max-content;margin: 0 auto}html body .dt-cmp__row{display: contents}html body .dt-cmp__label, html body .dt-cmp__cell{padding: 16px 18px;border-top: 1px solid var(--line);transition: opacity 0.35s var(--ease), background 0.35s var(--ease)}html body .dt-cmp__label{position: sticky;left: 0;z-index: 2;display: flex;align-items: center;background: linear-gradient(90deg, #fdfdfb 82%, rgba(253, 253, 251, 0));color: var(--muted);font: 600 12px/1.25 var(--body);letter-spacing: 0.08em;text-transform: uppercase}html body .dt-cmp__cell{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;min-width: 0;color: var(--ink);font: 500 14.5px/1.4 var(--body);scroll-snap-align: start}html body .dt-cmp__row:nth-child(even) > .dt-cmp__cell{background: rgba(241, 239, 234, 0.42)}html body .dt-cmp__row--head > *{border-top: 0}html body .dt-cmp__label--head{background: transparent}html body .dt-cmp__cell--head{align-items: stretch;padding: 18px 12px 14px}html body .dt-cmp__card{position: relative;display: flex;flex-direction: column;gap: 12px;width: 100%;animation: dt-cmp-in 0.7s var(--ease) both}html body .dt-cmp__cell--head:nth-child(3) .dt-cmp__card{animation-delay: 0.06s}html body .dt-cmp__cell--head:nth-child(4) .dt-cmp__card{animation-delay: 0.12s}html body .dt-cmp__cell--head:nth-child(5) .dt-cmp__card{animation-delay: 0.18s}@keyframes dt-cmp-in{from{opacity: 0;transform: translateY(14px)}}html body .dt-ui .dt-cmp__media{display: block;overflow: hidden;aspect-ratio: 1;border-radius: 22px;background: var(--stone)}html body .dt-ui .dt-cmp__media img{display: block;width: 100%;height: 100%;object-fit: cover;mix-blend-mode: multiply;transition: transform 0.8s var(--ease)}html body .dt-ui .dt-cmp__card:hover .dt-cmp__media img{transform: scale(1.045)}html body .dt-ui .dt-cmp__remove{position: absolute;top: 10px;right: 10px;z-index: 2;display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;background: var(--glass-bg);-webkit-backdrop-filter: blur(14px) saturate(170%);backdrop-filter: blur(14px) saturate(170%);box-shadow: var(--glass-shadow);color: var(--ink);transition: transform 0.45s var(--spring), background 0.25s var(--ease), color 0.25s var(--ease)}html body .dt-ui .dt-cmp__remove svg{width: 15px;height: 15px}html body .dt-ui .dt-cmp__remove:hover{background: var(--ink);color: #fff;transform: rotate(90deg)}html body .dt-ui .dt-cmp__remove.loading svg{animation: dt-act-spin 0.8s linear infinite}html body .dt-ui .dt-cmp__info{display: grid;gap: 5px;padding: 0 4px}html body .dt-ui .dt-cmp__brand{color: var(--green-deep);font: 700 11px/1 var(--body);letter-spacing: 0.14em;text-transform: uppercase}html body .dt-ui .dt-cmp__name{margin: 0;font: 700 16px/1.22 var(--display);letter-spacing: -0.02em}html body .dt-ui .dt-cmp__name a{display: -webkit-box;overflow: hidden;color: var(--ink);-webkit-box-orient: vertical;-webkit-line-clamp: 2}html body .dt-ui .dt-cmp__price{color: var(--ink);font: 700 17px/1.2 var(--display)}html body .dt-ui .dt-cmp__price del{margin-left: 6px;color: var(--soft);font-weight: 500;font-size: 14px}html body .dt-ui .dt-cmp__price ins{color: var(--red);text-decoration: none}html body .dt-ui .dt-cmp__cta{display: inline-flex;align-items: center;justify-content: center;gap: 8px;height: 44px;margin-top: auto;padding: 0 18px;border-radius: 999px;background: var(--dark-bg);box-shadow: var(--dark-shadow);color: #fff;font: 600 14px/1 var(--body);transition: transform 0.45s var(--spring)}html body .dt-ui .dt-cmp__cta:hover{color: #fff;transform: translateY(-1px)}html body .dt-ui .dt-cmp__cta .dt-i{width: 16px;height: 16px;transition: transform 0.45s var(--spring)}html body .dt-ui .dt-cmp__cta:hover .dt-i{transform: translateX(3px)}html body .dt-cmp__none, html body .dt-cmp__muted{color: var(--soft)}html body .dt-cmp__stars{position: relative;display: inline-block;width: 72px;height: 13px;background: linear-gradient(90deg, #f5b301 var(--r), var(--stone-2) var(--r));-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 13'%3E%3Cg fill='%23000'%3E%3Cpath id='s' d='m6.5.5 1.8 3.8 4.2.6-3 2.9.7 4.2-3.7-2-3.8 2 .7-4.2-3-2.9 4.2-.6z'/%3E%3Cuse href='%23s' x='14.8'/%3E%3Cuse href='%23s' x='29.6'/%3E%3Cuse href='%23s' x='44.4'/%3E%3Cuse href='%23s' x='59.2'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 13'%3E%3Cg fill='%23000'%3E%3Cpath id='s' d='m6.5.5 1.8 3.8 4.2.6-3 2.9.7 4.2-3.7-2-3.8 2 .7-4.2-3-2.9 4.2-.6z'/%3E%3Cuse href='%23s' x='14.8'/%3E%3Cuse href='%23s' x='29.6'/%3E%3Cuse href='%23s' x='44.4'/%3E%3Cuse href='%23s' x='59.2'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat}html body .dt-cmp__sizes{display: flex;flex-wrap: wrap;gap: 5px}html body .dt-cmp__sizes span{display: inline-grid;place-items: center;min-width: 38px;height: 28px;padding: 0 8px;border-radius: 999px;background: #fff;box-shadow: var(--chip-shadow);font: 600 12px/1 var(--body)}html body .dt-cmp__sizes .dt-cmp__more{background: var(--stone);box-shadow: none;color: var(--muted)}html body .dt-cmp__stock{display: inline-flex;align-items: center;gap: 7px;font-weight: 600}html body .dt-cmp__stock::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--green);box-shadow: 0 0 0 4px rgba(76, 217, 100, 0.18)}html body .dt-cmp__stock--low::before{background: #f5a623;box-shadow: 0 0 0 4px rgba(245, 166, 35, 0.18)}html body .dt-cmp__stock--out{color: var(--soft)}html body .dt-cmp__stock--out::before{background: var(--soft);box-shadow: none}html body .dt-cmp__ok{color: var(--green-deep);font-weight: 600}html body .dt-cmp.is-diff .dt-cmp__row[data-same="1"] > *{display: none}html body .dt-cmp.is-diff .dt-cmp__row:not(.dt-cmp__row--head)[data-same="0"] > .dt-cmp__label{color: var(--ink)}html body .dt-cmp.is-diff .dt-cmp__row:not(.dt-cmp__row--head)[data-same="0"] > .dt-cmp__label::before{content: "";flex: none;width: 6px;height: 6px;margin-right: 8px;border-radius: 50%;background: var(--green)}html body .dt-cmp__cell.is-leaving{opacity: 0;transform: scale(0.97);transition: opacity 0.35s var(--ease), transform 0.35s var(--ease)}html body .dt-cmp__empty{padding: 0 0 40px}html body .dt-ui .dt-cmp__steps{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px;max-width: 980px;margin: 0 auto;padding: 0;list-style: none;counter-reset: none}html body .dt-ui .dt-cmp__steps li{display: grid;gap: 6px;padding: 24px 22px;border-radius: var(--radius);background: var(--glass-bg);box-shadow: var(--glass-shadow);animation: dt-cmp-in 0.7s var(--ease) both}html body .dt-ui .dt-cmp__steps li:nth-child(2){animation-delay: 0.08s}html body .dt-ui .dt-cmp__steps li:nth-child(3){animation-delay: 0.16s}html body .dt-ui .dt-cmp__steps strong{font: 700 18px/1.2 var(--display);letter-spacing: -0.02em}html body .dt-ui .dt-cmp__steps li > span:last-child{color: var(--muted);font: 500 14px/1.45 var(--body)}html body .dt-ui .dt-cmp__step-n{display: grid;place-items: center;width: 34px;height: 34px;margin-bottom: 8px;border-radius: 50%;background: var(--dark-bg);box-shadow: var(--dark-shadow);color: #fff;font: 700 14px/1 var(--display)}@media (max-width: 767px){html body .dt-cmp__scroller{width: auto;max-width: none;margin: 0 -16px;border-radius: 0;--dt-cmp-label: 92px;--dt-cmp-col: 176px}html body .dt-cmp__label, html body .dt-cmp__cell{padding: 13px 12px}html body .dt-cmp__label{font-size: 10.5px;letter-spacing: 0.06em}html body .dt-cmp__cell{font-size: 13.5px}html body .dt-cmp__cell--head{padding: 14px 8px 12px}html body .dt-ui .dt-cmp__name{font-size: 14.5px}html body .dt-ui .dt-cmp__price{font-size: 15.5px}html body .dt-ui .dt-cmp__cta{height: 40px;padding: 0 12px;font-size: 13px}html body .dt-cmp__sizes span{min-width: 34px;height: 26px;font-size: 11px}html body .dt-ui .dt-cmp__steps{grid-template-columns: 1fr}html body .dt-ui .dt-cmp__diff, html body .dt-ui .dt-cmp__clear{height: 46px;padding: 0 18px;font-size: 14px}}@media (prefers-reduced-motion: reduce){html body .dt-cmp__card, html body .dt-ui .dt-cmp__steps li{animation: none !important}html body .dt-cmp__label, html body .dt-cmp__cell, html body .dt-ui .dt-cmp__media img{transition: none !important}}