.rvdc-progress {
--rvdc-progress-fill: var(--rvdc-text, #1a0e00);
--rvdc-progress-track: var(--rvdc-bg-soft, #ffe0c1);
box-sizing: border-box;
margin: 0 0 16px;
color: var(--rvdc-black, #000);
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
line-height: 1.4;
}
.rvdc-progress__text {
margin: 0 0 6px;
font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 400;
}
.rvdc-progress__text strong {
font-weight: 700;
color: var(--rvdc-text, #1a0e00);
}
.rvdc-progress__track {
height: 6px;
border-radius: 999px;
background: var(--rvdc-progress-track);
overflow: hidden;
}
.rvdc-progress__bar {
display: block;
width: 100%;
height: 100%;
}
.rvdc-progress__fill {
display: block;
height: 100%;
border-radius: 999px;
background: var(--rvdc-progress-fill);
transition: width 0.25s ease;
}
.rvdc-progress--reached .rvdc-progress__fill {
background: var(--rvdc-black, #000);
}
.rvdc-progress--unknown .rvdc-progress__fill {
background: var(--rvdc-text, #1a0e00);
opacity: 0.25;
} .rvdc-progress--product {
margin: 14px 0 18px;
padding: 12px 14px;
border-radius: 8px;
background: #fff8f1;
} .rvdc-progress--cart {
padding: 14px 16px;
border-radius: 8px;
background: #fff8f1;
} .rvdc-progress--mini {
margin: 12px 0;
padding: 10px 12px;
border-radius: 8px;
background: #fff8f1;
font-size: 13px;
}
.rvdc-progress--mini .rvdc-progress__text {
font-size: 13px;
}
@media (max-width: 544px) {
.rvdc-progress--cart,
.rvdc-progress--product {
padding: 10px 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.rvdc-progress__fill {
transition: none;
}
} .rvdc-cross {
margin: 16px 0 20px;
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.rvdc-cross__title {
margin: 0 0 10px;
font-size: 16px;
font-weight: 700;
color: var(--rvdc-text, #1a0e00);
}
.rvdc-cross__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.rvdc-cross__item {
display: flex;
flex-direction: column;
gap: 6px;
padding: 10px;
border: 1px solid #f0e4d8;
border-radius: 8px;
background: #fff;
}
.rvdc-cross__link {
display: flex;
flex-direction: column;
gap: 6px;
color: inherit;
text-decoration: none;
}
.rvdc-cross__img {
width: 100%;
height: auto;
border-radius: 6px;
}
.rvdc-cross__name {
font-size: 13px;
font-weight: 500;
line-height: 1.3;
}
.rvdc-cross__price {
font-size: 14px;
font-weight: 700;
}
.rvdc-cross__add {
align-self: flex-start;
margin-top: auto;
padding: 6px 12px;
border: 0;
border-radius: 20px;
background: var(--rvdc-black, #000);
color: var(--rvdc-white, #fff);
font-size: 13px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
.rvdc-cross__add:hover,
.rvdc-cross__add:focus {
background: var(--rvdc-text, #1a0e00);
color: var(--rvdc-white, #fff);
}
.rvdc-cross--mini .rvdc-cross__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .rvdc-sticky {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 9998;
display: flex;
align-items: center;
gap: 12px;
padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
background: var(--rvdc-black, #000);
color: var(--rvdc-white, #fff);
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
line-height: 1.3;
box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.25);
}
.rvdc-sticky__text {
flex: 1 1 auto;
}
.rvdc-sticky__cta {
flex: 0 0 auto;
padding: 8px 14px;
border-radius: 20px;
background: var(--rvdc-white, #fff);
color: var(--rvdc-black, #000);
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}
.rvdc-sticky__cta:hover,
.rvdc-sticky__cta:focus {
background: var(--rvdc-bg-soft, #ffe0c1);
color: var(--rvdc-black, #000);
}
.rvdc-sticky__close {
flex: 0 0 auto;
width: 32px;
height: 32px;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--rvdc-white, #fff);
font-size: 22px;
line-height: 1;
cursor: pointer;
}
.rvdc-sticky__close:hover,
.rvdc-sticky__close:focus {
background: rgba(255, 255, 255, 0.15);
}
@media (max-width: 544px) {
.rvdc-cross__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rvdc-sticky {
font-size: 13px;
}
}