/*! dk-src:d777f0056b4f29dcd0fa08a50aa7adc1 v1 */
:root {
--dk-font-sans: 'Inter', 'Inter Fallback', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}
@font-face {
font-family: 'Inter Fallback';
src: local('Arial'), local('Helvetica Neue'), local('Helvetica');
size-adjust: 107.12%;
ascent-override: 90.44%;
descent-override: 22.52%;
line-gap-override: 0.00%;
}
body {
font-family: var(--dk-font-sans);
}
input, textarea, select,
[name=bx_popup_form] select,
button, .btn,
.tabs__content .box-text p {
font-family: var(--dk-font-sans);
}
.home,
.page {
padding-top: calc(var(--hdr-h) + 24px);
}
h2 {
font-size: var(--fs-2xl);
}
.col-20 {
width: 20%;
padding: 0 8px;
}
.downloadButton {
color: var(--dk-text);
border: 2px solid var(--dk-dark);
background-color: var(--dk-white);
transition: 0.15s;
justify-content: initial;
width: 100%;
margin-bottom: 8px;
}
.downloadButton:hover {
background: var(--dk-dark);
color: var(--dk-white);
}
.downloadButton svg {
width: 20px;
right: 20px;
position: absolute;
}
.downloadButton img {
width: 20px;
margin-right: 10px;
}
.distribution-page .product-image img {
width: inherit;
height: inherit;
object-fit: contain;
padding: 20px;
}
.page.page-acticle .box-text:not(.article-products) img:not(.article-products img):not(.article-promo-shortcode img) {
width: 100%;
height: auto;
border-radius: var(--radius-md);
border: 1px solid var(--dk-border-i);
box-shadow: var(--shadow-sm);
margin-bottom: 30px;
}
hr {
border-top: 1px solid var(--dk-grey-bg);
}
.page-acticle .box-text li:not(.article-promo-shortcode li) {
font-size: var(--fs-md);
}
.fancybox-slide:before {
display: none !important;
}
.fancybox-is-open .fancybox-toolbar {
visibility: visible;
opacity: 1;
}
.table thead tr,
table thead tr {
background: var(--dk-soft);
}
.page-acticle .box-text a:not(.article-promo-shortcode a),
.page-acticle .box-text b {
display: inline;
}
.page-acticle .box-text:not(.article-products) a:not(.article-promo-shortcode a) {
display: initial;
text-decoration: underline;
color: var(--dk-dark);
}
.page-acticle .box-text b {
font-weight: var(--fw-semibold);
}
.page-acticle .box-text .btn.btn-accent {
text-decoration: none;
margin-top: 15px;
}
.article-evaluation {
text-align: center;
padding: 36px 24px 32px;
}
.article-eval-title {
font-size: var(--fs-lg);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
margin-bottom: 20px;
}
.article-eval-sub {
font-size: var(--fs-xs);
color: var(--dk-grey-500);
margin-top: 10px;
line-height: var(--lh-body);
}
.article-like-btn {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 6px;
background: none;
border: none;
cursor: pointer;
padding: 12px 20px;
border-radius: var(--radius-lg);
position: relative;
transition: background 0.2s;
-webkit-tap-highlight-color: transparent;
}
.article-like-btn:hover:not(:disabled) {
background: rgba(22, 22, 22, 0.04);
}
.article-like-btn:disabled {
cursor: default;
}
.article-like-heart-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
}
.article-like-heart {
width: 52px;
height: 52px;
transition: transform 0.2s;
}
.article-like-btn:hover:not(:disabled) .article-like-heart {
transform: scale(1.08);
}
.heart-path {
stroke: var(--dk-text);
stroke-width: 1.6;
fill: none;
transition: fill 0.25s ease, stroke 0.25s ease;
}
.article-like-btn.is-voted .heart-path {
fill: var(--dk-error);
stroke: var(--dk-error);
}
.article-like-count {
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
color: var(--dk-grey-500);
min-height: 22px;
display: block;
transition: color 0.25s;
}
.article-like-btn.is-voted .article-like-count {
color: var(--dk-error);
}
.article-like-heart.heart-pop {
animation: article-heart-spring 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes article-heart-spring {
0%   { transform: scale(1); }
35%  { transform: scale(1.5); }
65%  { transform: scale(0.88); }
100% { transform: scale(1); }
}
.article-like-plus {
position: fixed;
font-size: var(--fs-base);
font-weight: var(--fw-bold);
color: var(--dk-error);
pointer-events: none;
white-space: nowrap;
z-index: 9999;
letter-spacing: -0.01em;
animation: dk-plus-one 1.15s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes dk-plus-one {
0%   { opacity: 1; transform: translate(-50%, -50%) translateY(0px)   scale(1);    }
55%  { opacity: 1; transform: translate(-50%, -50%) translateY(-40px) scale(1.05); }
100% { opacity: 0; transform: translate(-50%, -50%) translateY(-43px) scale(1.45); }
}
.article-particle {
position: fixed;
pointer-events: none;
z-index: 9999;
transform: translate(-50%, -50%);
user-select: none;
line-height: 1;
}
.article-tags {
margin: 30px 0;
}
.article-tags__title {
font-weight: var(--fw-medium);
margin-right: 15px;
font-size: var(--fs-base);
}
.list-tags {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.list-tags li {
margin: 0 10px 10px 0;
}
.list-tags a {
display: inline-block;
padding: 5px 15px;
border-radius: var(--radius-xs);
background: var(--dk-soft);
color: var(--dk-dark);
font-size: var(--fs-sm);
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease;
}
.list-tags a:hover {
background: var(--dk-dark);
color: var(--dk-white);
text-decoration: none;
}
.article-tags {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.article-tag {
display: inline-block;
padding: 3px 8px;
background: var(--dk-border);
border-radius: var(--radius-xs);
font-size: var(--fs-xs);
color: var(--dk-text);
text-decoration: none;
transition: background 0.2s;
}
.article-tag:hover {
background: var(--dk-border-i);
color: var(--dk-text);
}
.article-tag-more {
display: inline-block;
padding: 3px 8px;
background: var(--dk-border-i);
border-radius: var(--radius-xs);
font-size: var(--fs-xs);
color: var(--dk-grey-500);
}
.tags-cloud {
margin-bottom: 30px;
}
.tags-cloud-items {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 15px;
}
.tag-cloud-item,
.list-tags a.tag-cloud-item {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 14px;
background: var(--dk-soft);
border-radius: var(--radius-sm);
font-size: var(--fs-sm);
color: var(--dk-dark);
text-decoration: none;
transition: background 0.15s ease;
}
.tag-cloud-item:hover,
.list-tags a.tag-cloud-item:hover {
background: var(--dk-border-h);
}
.tag-count {
font-size: var(--fs-xs);
color: var(--dk-grey-500);
font-weight: var(--fw-regular);
margin: 0;
}
.recommended {
overflow: hidden;
}
.page-product h1 {
font-size: var(--fs-xl);
font-weight: var(--fw-medium);
color: var(--dk-dark);
}
.about-in-numbers-box {
padding: 28px 24px;
}
.panel_heading .block_title {
padding: 12px 20px;
}
.panel_heading.in .block_title {
padding: 12px 20px;
}
.block_hover {
padding: 0 24px 15px
}
.shiny-gold-button {
position: relative;
overflow: hidden;
}
.shiny-gold-button::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
height: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, .1)), color-stop(20%, hsla(0, 0%, 100%, .2)), to(hsla(0, 0%, 100%, .6)));
background: linear-gradient(90deg, hsla(0, 0%, 100%, .1) 10%, hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .6));
width: 20px;
-webkit-transform: skewX(-45deg);
transform: skewX(-45deg);
left: -20%;
-webkit-transition: color .6s ease, background-color .6s ease, border-color .6s ease, box-shadow .6s ease, transform .6s ease, opacity .6s ease, fill .6s ease;
transition: color .6s ease, background-color .6s ease, border-color .6s ease, box-shadow .6s ease, transform .6s ease, opacity .6s ease, fill .6s ease;
-webkit-animation-name: blick;
animation-name: blick;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes blick {
15%,
to {
left: 110%
}
}
.optimal-template .checkout-box {
top: 140px
}
.checkout-box-wrap {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
.checkout-box-wrap .old-price {
font-size: var(--fs-lg);
}
.checkout-box-wrap .sale-price {
font-size: var(--fs-3xl);
}
.checkout-box-wrap .price {
font-size: var(--fs-3xl);
}
.checkout-box-wrap .shiny-gold-button {
min-width: 360px;
}
.checkout-box .old-price {
font-weight: var(--fw-bold);
color: var(--dk-grey-500);
}
.page-product .col-55 h1 {
font-size: var(--fs-xl);
}
.page-product .col-45 .product-image-wrapper {
padding-right: 40px;
}
.page-product .col-55 .checkout-column {
display: none;
}
.subtitle-product {
width: 100%;
display: block;
}
.distribution-page.page-product .col-55 h1 {
font-size: var(--fs-lg);
padding-bottom: 20px;
}
.product-info-box__head {
margin: 12px 0 0;
}
.delivery-instant img {
width: 36px;
}
.page-acticle .box-text .copy-line {
margin: 24px 0;
padding: 16px 52px 16px 22px;
background: var(--dk-soft);
color: var(--dk-dark);
border-radius: var(--radius-md);
font-family: "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;
font-size: var(--fs-sm);
line-height: var(--lh-body);
letter-spacing: 0.1px;
word-break: break-word;
}
.page-acticle .box-text .copy-line p {
margin: 0;
color: inherit;
font: inherit;
line-height: inherit;
}
.page-acticle .box-text .copy-line .link-copy {
stroke: var(--dk-grey-300);
margin-left: auto;
transition: stroke 0.2s ease;
}
.page-acticle .box-text .copy-line .link-copy:hover {
stroke: var(--dk-dark);
}
.page-acticle .box-text blockquote {
margin: 28px 0;
padding: 18px 22px;
background: var(--dk-soft);
border-left: 0;
border-radius: var(--radius-md);
color: var(--dk-dark);
font-style: normal;
}
.page-acticle .box-text blockquote p {
margin: 0;
color: inherit;
}
.page-acticle .box-text blockquote p + p {
margin-top: 10px;
}
.page-acticle .box-text blockquote b,
.page-acticle .box-text blockquote strong {
font-weight: var(--fw-bold);
color: var(--dk-dark);
}
@media (max-width: 768px) {
.page-acticle .box-text .copy-line {
margin: 20px 0;
padding: 14px 44px 14px 18px;
font-size: var(--fs-xs);
}
.page-acticle .box-text blockquote {
margin: 22px 0;
padding: 16px 18px;
}
}
.checkout-box .sale-price {
color: var(--dk-text);
font-weight: var(--fw-bold);
}
.product-info-box .list-characteristics li::before {
border-bottom: 2px dotted var(--dk-border-i);
background: none;
}
.product-info-box__head {
justify-content: space-between;
}
.product-info-box__head .ya-share2 {
height: 25px;
}
.optimal-template .product-info-box__head.d-pc .list-rating {
color: var(--dk-star);
font-weight: var(--fw-bold);
font-size: var(--fs-sm);
}
.list-rating li svg {
width: 14px;
height: 14px;
min-width: 14px;
}
.optimal-template .product-info-box__head.d-pc .list-rating li svg {
width: 17px;
height: 17px;
min-width: 12px;
}
.optimal-template .product-info-box__head.d-pc .list-rating li span {
font-size: var(--fs-base);
font-weight: var(--fw-bold);
}
.reviews-product-box {
background: var(--dk-white);
border: 1px solid var(--dk-border);
box-shadow: var(--shadow-md);
transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.reviews-product-box:hover {
border-color: var(--dk-border-i);
box-shadow: var(--shadow-md);
}
.reviews-product-box .list-rating li span {
color: var(--dk-grey-500);
font-weight: var(--fw-bold);
font-size: var(--fs-sm);
}
.product-info-box .list-characteristics li span,
.product-info-box .list-characteristics li a {
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
}
.optimal-template .product-image {
width: 100%;
height: auto;
}
.optimal-template .tabs__content .box-text p,
.optimal-template.page-product .box-text ul,
.optimal-template.page-product .box-text ol,
.faq .tabs__content .box-text p {
font-size: var(--fs-sm);
line-height: var(--lh-body);
margin-bottom: 14px;
}
.optimal-template .dk-table td { font-size: var(--fs-sm); }
.optimal-template .attention-box {
max-width: 100%;
width: 100%;
margin: 24px 0;
padding: 16px 20px;
border-radius: var(--radius-md);
color: var(--dk-dark);
background: var(--dk-warn-bg);
display: flex;
gap: 14px;
align-items: flex-start;
position: relative;
}
.optimal-template .attention-box:before {
content: none;
}
.optimal-template .attention-box__icon {
width: 28px;
height: 28px;
min-width: 28px;
background: transparent;
border-radius: 0;
order: 0;
margin-top: 1px;
}
.optimal-template .attention-box__icon img {
width: 100%;
height: 100%;
display: block;
}
.optimal-template .attention-box__text {
flex: 1;
width: auto;
}
.optimal-template .attention-box .box-text,
.optimal-template .attention-box .box-text p {
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-dark);
}
.optimal-template .attention-box .box-text p {
margin: 0 0 8px;
}
.optimal-template .attention-box .box-text p:last-child {
margin-bottom: 0;
}
.optimal-template .attention-box .box-text strong,
.optimal-template .attention-box .box-text b {
color: var(--dk-dark);
}
.page-product .attention-box .box-text a {
color: var(--dk-blue);
text-decoration: underline;
}
.key-info-box {
width: 100%;
margin: 20px 0;
border-radius: var(--radius-lg);
background-color: var(--dk-soft);
display: flex;
align-items: center;
padding: 12px 16px;
box-shadow: none;
transition: none;
}
.key-info-box.info-banner {
max-width: 310px;
width: 100%;
margin: 20px 0 20px auto;
}
.info-banner--hot {
background-color: var(--dk-warn-bg);
}
.info-banner--new {
background-color: var(--dk-success-bg);
}
.info-banner--sale {
background-color: var(--dk-error-bg);
}
.info-banner--popular {
background-color: var(--dk-soft);
}
.info-banner--limited {
background-color: var(--dk-soft);
}
.key-info-box.popular-product-info {
background-color: var(--dk-success-bg);
max-width: 310px;
width: 100%;
margin: 20px 0 20px auto;
}
.key-info-box.key-info-box.mobile {
display: none;
}
.key-info-box__content {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}
.key-info-box__text {
margin: 0;
font-size: var(--fs-sm);
line-height: var(--lh-snug);
color: var(--dk-text);
}
.key-info-box__link {
display: inline;
text-decoration: underline;
color: inherit;
}
.btn-paymnent svg {
margin-left: 6px;
flex-shrink: 0;
}
.key-info-box__icon-inline {
display: inline-block;
vertical-align: top;
margin-right: 6px;
}
.key-info-box__icon-inline svg {
width: 14px;
height: 14px;
color: var(--dk-blue);
}
.key-info-box__button {
margin-top: 5px;
background-color: var(--dk-text);
color: var(--dk-white) !important;
border: none;
padding: 5px 10px;
border-radius: var(--radius-sm);
cursor: pointer;
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
text-align: center;
white-space: nowrap;
transition: background-color 0.2s ease, transform 0.1s ease;
flex-shrink: 0;
text-decoration: none !important;
display: inline-flex;
align-items: center;
gap: 4px;
align-self: flex-start;
}
.key-info-box__button:hover {
background-color: var(--dk-text);
}
.key-info-box__button:active {
transform: scale(0.98);
}
.key-info-box__button svg {
width: 12px;
height: 12px;
}
@media (max-width: 767px) {
.key-info-box {
padding: 12px 16px;
margin: 16px 0;
}
.key-info-box__icon-inline svg {
width: 14px;
height: 14px;
}
.key-info-box__text {
font-size: var(--fs-sm);
}
.key-info-box__button {
font-size: var(--fs-xs);
padding: 5px 10px;
}
}
.checkout-box .new-price {
font-weight: var(--fw-bold);
}
.checkout-box .sale-value {
position: absolute;
right: 20px;
top: 20px;
padding: 4px 5px;
}
.checkout-box .availability-in-stock {
color: var(--dk-green);
font-weight: var(--fw-bold);
}
.checkout-box .availability-out-stock {
color: var(--dk-error);
font-weight: var(--fw-bold);
}
.checkout-box .list-loyalty li img {
width: 20px;
margin-right: 5px;
}
.checkout-box .list-loyalty.list-characteristics li {
display: flex;
align-items: center;
justify-content: flex-start;
}
.checkout-box .list-loyalty.list-characteristics span {
font-size: var(--fs-xs);
text-align: left;
font-weight: var(--fw-bold);
color: var(--dk-grey-500);
}
.availability-status {
display: flex;
align-items: center;
}
.pulsating-dot {
width: 10px;
height: 10px;
background-color: var(--dk-green);
border-radius: 50%;
margin-right: 8px;
animation: pulse 1.5s infinite ease-in-out;
}
.phone-link,
.mail-link {
margin-bottom: 8px;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.3);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.ordered-product {
border-radius: 0;
border: none;
}
.availability-text {
font-size: var(--fs-sm);
color: var(--dk-green);
font-weight: var(--fw-bold);
}
.black .availability-text {
color: var(--dk-green);
}
.black .pulsating-dot {
background-color: var(--dk-green);
}
.reviews-gallery__photo {
border: 1px solid var(--dk-border-i);
margin: 0 13px 8px 0;
}
.article-author__img {
width: 25px;
height: 25px;
border-radius: 50%;
border: 1px solid var(--dk-grey-300);
margin-right: 5px;
}
.article-menu {
top: 150px
}
.article-menu__link {
font-size: var(--fs-sm);
line-height: 18px;
overflow-wrap: anywhere;
}
.page-acticle .box-text p,
.page-acticle .box-text li:not(.article-promo-shortcode li) {
font-size: var(--fs-base);
line-height: var(--lh-body);
}
.seo-section .box-text p {
font-size: var(--fs-sm);
line-height: var(--lh-body);
}
.seo-section h2 {
font-size: var(--fs-lg);
}
.page-acticle h2,
.page-acticle .h2 {
font-size: var(--fs-xl);
font-weight: var(--fw-semibold);
letter-spacing: -0.015em;
margin: 40px 0 16px;
}
.page-acticle h3 {
font-size: var(--fs-lg);
font-weight: var(--fw-semibold);
margin: 32px 0 12px;
}
.page-acticle h1 {
font-size: var(--fs-3xl);
letter-spacing: -0.015em;
overflow-wrap: anywhere;
}
.page-acticle .box-text {
overflow-wrap: break-word;
}
.page-acticle .box-text p:not(.article-promo-shortcode p) {
margin: 0 0 18px;
}
.page-acticle .box-text small {
font-size: var(--fs-xs);
}
.product-card__title,
.reviews .box-text {
font-size: var(--fs-base);
}
.block_title h3 {
font-size: var(--fs-base);
line-height: 32px;
}
.dk-section-head {
display: flex;
align-items: baseline;
justify-content: space-between;
margin-bottom: 20px;
gap: 16px;
}
.dk-section-head h2 {
margin-bottom: 0;
}
.dk-section-link {
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
color: var(--dk-dark);
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 5px;
white-space: nowrap;
flex-shrink: 0;
opacity: 0.55;
transition: opacity 0.2s;
}
.dk-section-link:hover {
opacity: 1;
}
.dk-tabs__nav {
display: flex;
background: var(--dk-soft);
border-radius: var(--radius-md);
padding: 3px;
gap: 2px;
margin-bottom: 20px;
width: fit-content;
max-width: 100%;
overflow-x: auto;
}
.dk-tabs__btn {
background: transparent;
border: none;
border-radius: var(--radius-md);
padding: 9px 22px;
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
color: var(--dk-grey-500);
cursor: pointer;
white-space: nowrap;
transition: color 0.15s, background 0.15s, box-shadow 0.15s;
}
.dk-tabs__btn:hover {
color: var(--dk-dark);
}
.dk-tabs__btn.active {
background: var(--dk-white);
color: var(--dk-dark);
box-shadow: var(--shadow-sm);
}
.dk-tabs__panel {
display: none;
}
.dk-tabs__panel.active {
display: block;
}
.popular-articles__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
@media (max-width: 900px) {
.popular-articles__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.popular-articles__grid {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 14px;
scrollbar-width: none;
}
.popular-articles__grid::-webkit-scrollbar { display: none; }
.popular-articles__grid > .news-box {
flex: 0 0 80%;
scroll-snap-align: start;
}
.dk-tabs__btn {
padding: 8px 14px;
font-size: var(--fs-xs);
}
}
.news-box__image > picture,
.news-box-title__image > picture {
display: contents;
}
.distribution-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.distribution-card {
display: flex;
align-items: center;
padding: 20px;
width: 100%;
box-shadow: none;
background-color: var(--dk-soft);
border-radius: var(--radius-lg);
text-decoration: none;
color: var(--dk-text);
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease;
position: relative;
overflow: hidden;
}
.distribution-card:hover {
color: var(--dk-dark);
box-shadow: var(--shadow-md);
}
.distribution-card:hover .distribution-card__arrow {
transform: translateX(2px);
}
.distribution-card__icon {
flex-shrink: 0;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background: var(--dk-white);
border-radius: var(--radius-md);
margin-right: 16px;
padding: 10px;
}
.distribution-card__icon img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.distribution-card__content {
flex: 1;
min-width: 0;
}
.distribution-card__title {
font-size: var(--fs-md);
font-weight: var(--fw-medium);
margin: 0 0 4px 0;
color: var(--dk-dark);
line-height: var(--lh-heading);
}
.distribution-card:hover .distribution-card__title {
color: var(--dk-dark);
}
.distribution-card__description {
font-size: var(--fs-sm);
color: var(--dk-grey-500);
margin: 0 0 8px 0;
line-height: var(--lh-snug);
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.distribution-card__meta {
display: flex;
align-items: center;
}
.distribution-card__count {
display: flex;
align-items: center;
font-size: var(--fs-xs);
color: var(--dk-grey-500);
font-weight: var(--fw-medium);
}
.distribution-card__count svg {
margin-right: 6px;
opacity: 0.7;
}
.distribution-card__arrow {
flex-shrink: 0;
margin-left: 16px;
color: var(--dk-grey-500);
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease;
}
.distribution-card:hover .distribution-card__arrow {
color: var(--dk-dark);
}
@media (max-width: 1024px) {
.distribution-grid {
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
gap: 10px;
}
.distribution-card {
padding: 16px;
}
.distribution-card__title {
font-size: var(--fs-base);
}
}
@media (max-width: 768px) {
.distribution-grid {
grid-template-columns: 1fr;
gap: 8px;
}
.distribution-card {
padding: 14px;
}
.distribution-card__icon {
width: 48px;
height: 48px;
margin-right: 14px;
}
.distribution-card__title {
font-size: var(--fs-base);
}
.distribution-card__description {
font-size: var(--fs-xs);
-webkit-line-clamp: 1;
line-clamp: 1;
}
.distribution-card__arrow {
margin-left: 12px;
}
}
@media (max-width: 480px) {
.distribution-card {
padding: 12px;
}
.distribution-card__icon {
width: 44px;
height: 44px;
margin-right: 12px;
}
.distribution-card__title {
font-size: var(--fs-sm);
}
.distribution-card__count {
font-size: var(--fs-2xs);
}
}
.how-it-works {
padding: 100px 0;
background: var(--dk-soft);
margin-bottom: 80px;
}
.how-it-works h2 {
margin-bottom: 12px;
text-align: center;
}
.hiw-lead {
text-align: center;
color: var(--dk-grey-500);
font-size: var(--fs-sm);
line-height: var(--lh-body);
margin: 0 auto 56px;
max-width: 480px;
}
.hiw-timeline {
position: relative;
display: flex;
justify-content: space-between;
gap: 20px;
}
.hiw-timeline::before {
content: '';
position: absolute;
top: 45px;
left: 10%;
right: 10%;
height: 2px;
background: linear-gradient(90deg, var(--dk-border-i) 0%, var(--dk-border-i) 55%, var(--dk-dark) 100%);
opacity: 0.55;
border-radius: var(--radius-xs);
z-index: 0;
}
.hiw-step {
flex: 1;
min-width: 140px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
z-index: 1;
}
.hiw-step__node {
width: 92px;
height: 92px;
background: var(--dk-white);
border: 1.5px solid var(--dk-border);
border-radius: var(--radius-2xl);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
position: relative;
color: var(--dk-dark);
box-shadow: var(--shadow-lg);
}
.hiw-step__node--final {
background: var(--dk-dark);
border-color: var(--dk-dark);
color: var(--dk-white);
animation: hiw-pulse 2.2s ease-out infinite;
}
.hiw-step__badge {
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
background: var(--dk-dark);
color: var(--dk-white);
font-size: var(--fs-2xs);
font-weight: var(--fw-bold);
padding: 2px 8px;
border-radius: var(--radius-md);
white-space: nowrap;
letter-spacing: 0.02em;
}
.hiw-step__badge--time {
top: -13px;
bottom: auto;
background: var(--dk-green);
color: var(--dk-white);
border: none;
font-size: var(--fs-2xs);
font-weight: var(--fw-bold);
letter-spacing: 0.4px;
text-transform: uppercase;
box-shadow: 0 2px 8px rgba(30, 155, 24, 0.35);
}
.hiw-step__title {
font-size: var(--fs-base);
font-weight: var(--fw-bold);
color: var(--dk-dark);
margin: 0 0 8px;
line-height: var(--lh-heading);
}
.hiw-step__desc {
font-size: var(--fs-xs);
color: var(--dk-grey-500);
line-height: var(--lh-body);
margin: 0;
padding: 0 8px;
}
@keyframes hiw-pulse {
0%   { box-shadow: 0 8px 24px rgba(22,22,22,0.18), 0 0 0 0 rgba(22,22,22,0.22); }
70%  { box-shadow: 0 8px 24px rgba(22,22,22,0.18), 0 0 0 14px rgba(22,22,22,0); }
100% { box-shadow: 0 8px 24px rgba(22,22,22,0.18), 0 0 0 0 rgba(22,22,22,0); }
}
@media (max-width: 991px) {
.hiw-timeline {
flex-direction: column;
align-items: center;
gap: 40px;
width: 100%;
}
.hiw-timeline::before {
display: none;
}
.hiw-step {
width: 100%;
max-width: 320px;
}
.hiw-lead {
font-size: var(--fs-sm);
margin-bottom: 44px;
}
.how-it-works {
padding: 64px 0;
}
}
.purchase-flow {
margin: var(--space-8) 0;
padding: var(--space-6);
background-color: var(--dk-soft);
border-radius: var(--radius-lg);
}
.purchase-flow__title {
margin-bottom: var(--space-2);
}
.purchase-flow__lead {
color: var(--dk-grey-500);
font-size: var(--fs-sm);
line-height: var(--lh-body);
margin: 0 0 var(--space-5);
max-width: 600px;
}
.purchase-flow__steps {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--space-6);
}
.pflow-step {
display: flex;
flex-direction: column;
gap: var(--space-3);
}
.pflow-step__node {
width: 44px;
height: 44px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-md);
line-height: 0;
background: var(--dk-white);
color: var(--dk-dark);
}
.pflow-step__node svg {
width: 24px;
height: 24px;
}
.pflow-step__node--blue   { background: var(--dk-white); color: var(--dk-blue); }
.pflow-step__node--orange { background: var(--dk-warn-bg); color: var(--dk-orange); }
.pflow-step__node--green  { background: var(--dk-success-bg); color: var(--dk-green); }
.pflow-step__body {
flex: 1 1 auto;
min-width: 0;
}
.pflow-step__num {
display: block;
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
color: var(--dk-grey-500);
margin-bottom: var(--space-1);
}
.pflow-step__title {
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
margin: 0 0 var(--space-1);
line-height: var(--lh-heading);
}
.pflow-step__desc {
font-size: var(--fs-sm);
color: var(--dk-grey-500);
line-height: var(--lh-body);
margin: 0;
}
@media (max-width: 991px) {
.purchase-flow {
padding: var(--space-5);
}
.purchase-flow__steps {
grid-template-columns: 1fr;
gap: var(--space-5);
}
.pflow-step {
flex-direction: row;
align-items: flex-start;
gap: var(--space-4);
}
}
.dl-section-more {
text-align: center;
margin: 32px auto 80px;
}
.official-distrib-box {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 10px 14px;
background: var(--dk-success-bg);
border-radius: var(--radius-md);
margin: 0 0 20px 0;
color: var(--dk-green);
font-weight: var(--fw-medium);
font-size: var(--fs-xs);
}
.official-distrib-box__icon {
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
flex-shrink: 0;
}
.official-distrib-box__icon svg {
width: 16px;
height: 16px;
color: var(--dk-green);
}
.official-distrib-box__text {
line-height: var(--lh-heading);
}
@media (max-width: 768px) {
.official-distrib-box {
padding: 8px 12px;
font-size: var(--fs-xs);
}
.official-distrib-box__icon {
margin-right: 6px;
}
.official-distrib-box__icon svg {
width: 14px;
height: 14px;
}
}
.warranty-box-product {
width: 100%;
margin: 20px 0;
border-radius: var(--radius-lg);
background-color: var(--dk-soft);
display: flex;
align-items: center;
padding: 12px 16px;
box-shadow: none;
transition: 0.15s;
}
.warranty-box-product__content {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}
.warranty-box-product__text {
margin: 0;
font-size: var(--fs-xs);
line-height: var(--lh-heading);
color: var(--dk-grey-500);
}
.warranty-box-product__icon-inline {
display: inline-block;
vertical-align: top;
margin-right: 3px;
}
.warranty-box-product__icon-inline svg {
width: 14px;
height: 14px;
color: var(--dk-green);
}
.warranty-box-product__button {
margin-top: 5px;
background-color: var(--dk-text);
color: var(--dk-white) !important;
border: none;
padding: 5px 10px;
border-radius: var(--radius-sm);
cursor: pointer;
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
text-align: center;
white-space: nowrap;
transition: background-color 0.2s ease, transform 0.1s ease;
flex-shrink: 0;
text-decoration: none !important;
display: inline-flex;
align-items: center;
gap: 4px;
align-self: flex-start;
}
.warranty-box-product__button:hover {
background-color: var(--dk-text);
}
.warranty-box-product__button:active {
transform: scale(0.98);
}
.warranty-box-product__button svg {
width: 12px;
height: 12px;
}
@media (max-width: 767px) {
.warranty-box-product {
padding: 12px 16px;
margin: 16px 0;
}
.warranty-box-product__icon-inline svg {
width: 14px;
height: 14px;
}
.warranty-box-product__text {
font-size: var(--fs-xs);
}
.warranty-box-product__button {
font-size: var(--fs-xs);
padding: 5px 10px;
}
}
.product-line {
box-shadow: none !important;
background-color: var(--dk-soft) !important;
border-radius: var(--radius-lg) !important;
}
.distribution-line {
box-shadow: none !important;
background-color: var(--dk-soft) !important;
border-radius: var(--radius-lg) !important;
}
.distribution-line .distribution-box__icon {
background: var(--dk-white) !important;
border-radius: var(--radius-md) !important;
}
.distribution-line-new {
display: flex !important;
align-items: center !important;
text-decoration: none !important;
color: var(--dk-text) !important;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease !important;
padding: 20px !important;
margin: 16px 0 !important;
}
.distribution-line-new:hover {
box-shadow: var(--shadow-md) !important;
}
.distribution-line-new:hover .distribution-line__arrow {
transform: translateX(2px);
}
.distribution-line__icon {
flex-shrink: 0;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
background: var(--dk-white);
border-radius: var(--radius-md);
margin-right: 20px;
padding: 12px;
}
.distribution-line__icon img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.distribution-line__content {
flex: 1;
min-width: 0;
}
.distribution-line__main {
margin-bottom: 12px;
}
.distribution-line__title {
font-size: var(--fs-md);
font-weight: var(--fw-medium);
margin: 0 0 4px 0;
color: var(--dk-dark);
line-height: var(--lh-heading);
}
.distribution-line__developer {
font-size: var(--fs-sm);
color: var(--dk-grey-500);
margin: 0 0 8px 0;
}
.distribution-line__badge {
display: inline-block;
background: var(--dk-success-bg);
color: var(--dk-green);
font-size: var(--fs-2xs);
font-weight: var(--fw-semibold);
padding: 4px 8px;
border-radius: var(--radius-md);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.distribution-line__details {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.distribution-line__size,
.distribution-line__sources,
.distribution-line__reviews,
.distribution-line__updated {
display: flex;
align-items: center;
font-size: var(--fs-xs);
color: var(--dk-grey-500);
font-weight: var(--fw-medium);
}
.distribution-line__size svg,
.distribution-line__sources svg,
.distribution-line__reviews svg,
.distribution-line__updated svg {
margin-right: 6px;
opacity: 0.7;
}
.distribution-line__reviews {
font-weight: var(--fw-semibold);
}
.distribution-line__reviews svg {
color: var(--dk-star);
opacity: 1;
}
.distribution-line__arrow {
flex-shrink: 0;
margin-left: 20px;
color: var(--dk-grey-500);
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease;
}
.distribution-line-new:hover .distribution-line__arrow {
color: var(--dk-text);
}
@media (max-width: 768px) {
.distribution-line-new {
padding: 16px !important;
flex-wrap: wrap;
}
.distribution-line__icon {
width: 56px;
height: 56px;
margin-right: 16px;
}
.distribution-line__content {
width: calc(100% - 72px - 40px);
}
.distribution-line__details {
gap: 16px;
margin-top: 8px;
}
.distribution-line__title {
font-size: var(--fs-base);
}
.distribution-line__arrow {
margin-left: 16px;
}
}
@media (max-width: 480px) {
.distribution-line-new {
padding: 14px !important;
}
.distribution-line__icon {
width: 48px;
height: 48px;
margin-right: 14px;
}
.distribution-line__content {
width: calc(100% - 62px - 34px);
}
.distribution-line__details {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.distribution-line__title {
font-size: var(--fs-sm);
}
.distribution-line__badge {
font-size: var(--fs-2xs);
padding: 3px 6px;
}
}
.ya-share2__list.ya-share2__list_direction_horizontal {
margin: 0 auto 30px;
display: block;
text-align: center;
}
.star-rating label svg {
fill: var(--dk-star);
}
.star-rating input:checked+label~label svg {
fill: var(--dk-border-i);
}
.label-file {
border: 1px dashed var(--dk-grey-400);
}
.product-info-box__head.d-pc .rating-value {
color: var(--dk-text);
text-decoration: none;
font-size: var(--fs-sm);
font-weight: var(--fw-bold);
margin-left: 5px;
border-bottom: none;
}
.product-info-box__head.d-pc .rating-value:hover {
color: var(--dk-grey-500);
}
.o-style .sale-value {
position: absolute;
top: 15px;
right: 15px;
}
.o-style .btn-blue {
background: var(--dk-blue);
color: var(--dk-white);
transition: 0.15s;
}
.o-style .btn-blue:hover {
background-color: var(--dk-blue);
}
.o-style .checkout-box .sale-price,
.o-style .checkout-box .new-price {
color: var(--dk-white);
font-weight: var(--fw-bold);
background-color: var(--dk-green);
padding: 10px 15px;
border-radius: var(--radius-md);
}
.o-style .checkout-box .old-price {
font-weight: var(--fw-semibold);
color: var(--dk-grey-500);
}
.product-content-wrapper {
padding-left: 10px;
}
.reviews-head {
font-size: var(--fs-sm);
margin-bottom: 40px
}
.reviews-head .box-text {
font-size: var(--fs-sm);
max-width: 350px
}
.rating-product {
display: flex;
align-items: flex-end;
margin-bottom: 14px;
line-height: 22px;
}
.rating-product p {
font-size: var(--fs-sm);
}
.rating-product__value {
margin: 0;
font-size: 40px;
font-weight: var(--fw-bold);
padding-right: 5px;
box-sizing: border-box;
width: 110px;
text-align: right;
line-height: 40px;
}
.rating-product__text {
font-size: var(--fs-xs);
}
.rating-product__stars {
display: flex;
align-items: center;
margin: 4px 0 0;
fill: var(--dk-star);
padding-left: 0;
}
.rating-product__stars li {
width: 16px;
height: 16px;
min-width: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 2px 0 0
}
.rating-product__stars li:last-child {
margin: 0
}
.rating-product__stars li.star0 {
fill: var(--dk-grey-300)
}
.rating-product .d-mobile {
display: none
}
.rating-details {
width: 100%;
font-size: var(--fs-sm);
margin-bottom: 15px;
}
.rating-details-row {
width: 100%;
display: flex;
align-items: center;
margin: 0 0 5px
}
.rating-details-row:last-child {
margin: 0
}
.rating-details-row__number {
min-width: 32px;
display: flex;
align-items: center;
width: 120px;
justify-content: flex-end;
}
.rating-details-row__number svg {
width: 16px;
height: 16px;
min-width: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
fill: var(--dk-grey-500);
}
.rating-details-row__line {
width: 100%;
height: 7px;
background: var(--dk-border-i);
margin: 0 8px;
position: relative;
z-index: 1;
border-radius: var(--radius-md);
}
.rating-details-row__line-bg {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: var(--dk-star);
border-radius: var(--radius-md);
}
.rating-details-row__line-bg.bg-60 {
width: 60%
}
.rating-details-row__line-bg.bg-20 {
width: 20%
}
.rating-details-row__value {
min-width: 38px;
font-size: var(--fs-xs);
font-weight: var(--fw-semibold);
color: var(--dk-text);
}
.fancybox-navigation {
display: none;
}
.reviews-modal-slider .reviews-box__user-avatar {
display: none;
}
.reviews-modal-slider .reviews-product-box__head {
flex-wrap: wrap;
}
.fancybox-stage .fancybox-slide {
padding-left: 5px;
padding-right: 5px;
}
.fancybox-slide .modal__wrapper {
padding: 10px;
}
.fancybox-stage .fancybox-slide {
padding: 5px;
}
.fancybox-slide .modal__wrapper {
padding: 15px;
}
.reviews-product-slider .reviews-product-box__body .box-text {
font-size: var(--fs-base);
line-height: var(--lh-body);
max-width: none;
}
.reviews-product-slider .reviews-product-box__body.collapsed {
max-height: 120px;
overflow: hidden;
position: relative;
margin-bottom: 10px;
}
.reviews-product-slider .reviews-product-box__body.collapsed::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--dk-white) 100%);
pointer-events: none;
z-index: 2;
}
.reviews-product-slider .reviews-product-box__body.expanded {
max-height: none;
overflow: visible;
}
.reviews-product-slider .reviews-product-box__body.expanded::after {
display: none;
}
.reviews-product-slider .reviews-product-box .show-all-text {
display: inline-block;
margin-top: 0;
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
text-decoration: none;
cursor: pointer;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease;
position: relative;
z-index: 3;
color: var(--dk-dark);
}
.reviews-product-slider .reviews-product-box .show-all-text:hover {
text-decoration: underline;
text-decoration-color: var(--dk-dark);
}
.reviews-product-slider .reviews-product-box .show-all-text:active {
transform: scale(0.98);
}
.reviews-product__head h1 {
margin-bottom: 10px;
}
.reviews-product__head .box-text {
font-size: var(--fs-sm);
}
.cookie-notice {
position: fixed;
bottom: 16px;
right: 116px;
background-color: var(--dk-soft);
box-shadow: var(--shadow-md);
border-radius: var(--radius-lg);
color: var(--dk-text);
padding: 12px 16px;
font-size: var(--fs-xs);
line-height: var(--lh-snug);
z-index: 10000;
max-width: 380px;
display: none;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
}
.cookie-notice.show {
display: flex;
animation: cookieSlideIn 0.3s ease-out;
}
.cookie-notice__content {
flex-grow: 1;
}
.cookie-notice__text {
margin: 0;
}
.cookie-notice__link {
color: var(--dk-text);
text-decoration: underline;
transition: color 0.2s ease;
display: inline;
}
.cookie-notice__link:hover {
color: var(--dk-text);
}
.cookie-notice__btn--accept {
margin-top: 5px;
background-color: var(--dk-text);
color: var(--dk-white);
border: none;
padding: 5px 10px;
border-radius: var(--radius-sm);
cursor: pointer;
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
text-align: center;
white-space: nowrap;
transition: background-color 0.2s ease, transform 0.1s ease;
flex-shrink: 0;
}
.cookie-notice__btn--accept:hover {
background-color: var(--dk-text);
}
.cookie-notice__btn--accept:active {
transform: scale(0.98);
}
.feedback_page h1 {
margin-bottom: 10px;
}
@media (max-width: 767px) {
.cookie-notice {
left: 0;
right: 0;
top: auto;
bottom: 0;
max-width: none;
border-radius: 0;
padding: 10px 12px;
font-size: var(--fs-xs);
flex-direction: column;
align-items: stretch;
gap: 10px;
}
.cookie-notice__btn--accept {
width: 100%;
padding: 10px 12px;
font-size: var(--fs-xs);
}
@keyframes cookieSlideIn {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@keyframes cookieSlideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(100%);
}
}
}
@media (min-width: 768px) {
@keyframes cookieSlideIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes cookieSlideOut {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(20px);
}
}
}
@media only screen and (min-width: 1200px) {
.checkout-box {
background-color: var(--dk-white);
border: 1px solid var(--dk-border);
box-shadow: var(--shadow-md);
padding: 24px;
}
.o-style .checkout-box {
box-shadow: 0 20px 12px -16px rgba(22, 22, 22, .1), 0 8px 24px 18px rgba(22, 22, 22, .05);
background-color: var(--dk-white);
}
.checkout-box.black {
background-color: var(--dk-dark);
color: var(--dk-white);
}
.checkout-box.black h3,
.checkout-box.black .new-price,
.checkout-box.black .sale-price,
.checkout-box.black .list-loyalty.list-characteristics span {
color: var(--dk-white);
}
.checkout-box .list-loyalty.list-characteristics {
margin-bottom: 0;
}
}
.reviews-modal-slide__photo img {
border: 1px solid var(--dk-border-i);
}
@media only screen and (max-width: 1200px) {
.page-product .col-40 .product-image-wrapper {
padding-right: 0px;
}
.page-product .col-55 h1 {
font-size: var(--fs-2xl);
}
.checkout-box .list-characteristics .d-pc,
.checkout-box .list-loyalty.list-characteristics li.d-pc,
.checkout-box-wrap,
.checkout-box .sale-value {
display: none;
}
.page-product .col-55 .checkout-column {
display: block;
}
.product-info-box__head .rating {
margin: -12px 0 12px;
}
.optimal-template .sale-value {
display: none;
}
.product-card__img {
height: auto;
}
.col-20 {
width: 50%;
}
.col-40,
.col-60 {
width: 100%;
}
.product-image__preview {
display: none !important;
}
.optimal-template .checkout-box {
top: 0px
}
.optimal-template .popular-product-info,
.optimal-template .info-banner:not(.mobile) {
display: none;
}
.info-banner.mobile {
display: block;
max-width: 100%;
margin: 15px 0;
}
.optimal-template .key-info-box.mobile {
display: block !important;
width: 100%;
margin: 0;
max-width: fit-content;
}
.rating-value {
border-bottom: none;
margin-left: 5px;
font-weight: var(--fw-bold);
}
.fancybox-navigation {
display: none;
}
.reviews-modal-slider .reviews-box__user-avatar {
display: none;
}
.reviews-modal-slider .reviews-product-box__head {
flex-wrap: wrap;
}
.fancybox-stage .fancybox-slide {
padding-left: 5px;
padding-right: 5px;
}
.fancybox-slide .modal__wrapper {
padding: 10px;
}
.fancybox-stage .fancybox-slide {
padding: 5px;
}
.fancybox-slide .modal__wrapper {
padding: 15px;
}
.rating-details {
padding: 0;
}
.rating-product {
padding-top: 15px;
}
.rating-product__value {
margin-right: 10px;
width: auto;
}
.discount-section .product-card,
.discount-section .timer-card {
min-width: auto;
}
.product-card__title,
.reviews .box-text,
.reviews-product-slider .reviews-product-box__body .box-text {
font-size: var(--fs-sm);
}
}
.js-rating-filter {
cursor: pointer;
padding: 2px 8px;
margin-bottom: 0;
border-radius: var(--radius-sm);
transition: background-color 0.15s ease;
}
.js-rating-filter:hover {
background-color: var(--dk-grey-bg);
}
.js-rating-filter:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(22, 22, 22, 0.16);
}
.js-rating-filter.active {
background-color: var(--dk-soft);
}
.js-rating-filter.active .rating-details-row__value {
color: var(--dk-dark);
font-weight: var(--fw-bold);
}
.rating-details-row--empty {
opacity: 0.45;
pointer-events: none;
cursor: default;
}
.grecaptcha-badge {
visibility: hidden !important;
}
.btn-toggle-reviews.loading {
opacity: 0.7;
cursor: not-allowed;
pointer-events: none;
}
.btn-toggle-reviews.loading::after {
content: '';
display: inline-block;
width: 16px;
height: 16px;
margin-left: 8px;
border: 2px solid var(--dk-white);
border-radius: 50%;
border-top-color: transparent;
animation: spin 1s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.popular-product-column {
margin-top: 15px;
}
.popular-product-box {
background: var(--dk-white);
border-radius: var(--radius-sm);
box-shadow: var(--shadow-md);
overflow: hidden;
}
.social-proof {
background: var(--dk-warn-bg);
border-radius: var(--radius-md);
padding: 12px 15px;
text-align: center;
margin: 0;
}
.social-proof .recent-purchase {
display: block;
font-weight: var(--fw-semibold);
font-size: var(--fs-sm);
color: var(--dk-orange);
margin-bottom: 4px;
}
.social-proof small {
font-size: var(--fs-xs);
color: var(--dk-error);
opacity: 0.8;
line-height: var(--lh-heading);
}
@media (max-width: 768px) {
.popular-product-column {
margin-top: 10px;
}
.social-proof {
padding: 10px 12px;
}
.social-proof .recent-purchase {
font-size: var(--fs-xs);
}
.social-proof small {
font-size: var(--fs-2xs);
}
}
.article-products .product-card__img {
height: auto;
}
.article-products .product-card__title {
font-size: var(--fs-sm);
line-height: 18px;
text-decoration: none;
}
.page-acticle .box-text .article-products a.product-card__title {
text-decoration: none;
}
.date-experience-row {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
margin: 2px 0;
font-size: var(--fs-xs);
color: var(--dk-grey-500);
}
.date-experience-row .date {
color: inherit;
font-size: inherit;
width: auto;
flex: 0 0 auto;
white-space: nowrap;
}
.user-experience {
display: inline;
padding: 0;
background: none;
border: 0;
border-radius: 0;
font-size: inherit;
font-weight: var(--fw-regular);
color: inherit;
}
.user-experience svg {
display: none;
}
.experience-text {
color: inherit;
font-weight: inherit;
}
@media (max-width: 768px) {
.date-experience-row {
font-size: var(--fs-xs);
}
}
.office-programs-block {
margin: 32px 0;
}
.office-programs-block__header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 18px;
}
.page-product .box-text .office-programs-block__header .product-section-title {
margin: 0;
}
.office-programs-toggle {
display: inline-flex;
padding: 3px;
background: var(--dk-soft);
border-radius: var(--radius-md);
gap: 2px;
}
.office-programs-toggle__btn {
appearance: none;
border: 0;
background: transparent;
padding: 6px 14px;
font: inherit;
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
color: var(--dk-grey-500);
border-radius: var(--radius-sm);
cursor: pointer;
transition: color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.office-programs-toggle__btn:hover {
color: var(--dk-dark-h);
}
.office-programs-toggle__btn[aria-pressed="true"] {
background: var(--dk-white);
color: var(--dk-dark-h);
box-shadow: var(--shadow-xs);
}
.office-programs-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
gap: 4px 0;
align-items: start;
}
.office-program-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 12px 4px;
transition: opacity 0.2s ease;
cursor: default;
}
.office-program-item__icon {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.office-program-item__icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.office-program-item__fallback {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: var(--dk-soft);
color: var(--dk-text);
font-size: var(--fs-lg);
font-weight: var(--fw-semibold);
border-radius: var(--radius-md);
}
.office-program-item__name {
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
color: var(--dk-text);
text-align: center;
line-height: var(--lh-heading);
word-break: break-word;
}
.office-program-item__status {
font-size: var(--fs-2xs);
line-height: var(--lh-heading);
color: var(--dk-grey-300);
text-align: center;
visibility: hidden;
margin-top: -4px;
}
.office-program-item.is-unavailable {
opacity: 0.35;
}
.office-program-item.is-unavailable .office-program-item__status {
visibility: visible;
}
@media (max-width: 768px) {
.office-programs-block__header {
margin-bottom: 14px;
}
.office-programs-grid {
grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
}
.office-program-item {
padding: 10px 4px;
gap: 6px;
}
.office-program-item__icon {
width: 40px;
height: 40px;
}
.office-program-item__fallback {
width: 40px;
height: 40px;
font-size: var(--fs-md);
}
.office-program-item__name {
font-size: var(--fs-xs);
}
}
@media (max-width: 480px) {
.office-programs-block {
margin: 24px 0;
}
.office-programs-toggle__btn {
padding: 5px 11px;
font-size: var(--fs-xs);
}
.office-programs-grid {
grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
}
.office-program-item {
padding: 8px 2px;
}
.office-program-item__icon {
width: 36px;
height: 36px;
}
.office-program-item__fallback {
width: 36px;
height: 36px;
font-size: var(--fs-base);
}
.office-program-item__name {
font-size: var(--fs-2xs);
}
}
@media (max-width: 768px) {
.rating .list-rating li svg:nth-child(n+2) {
display: none;
}
.rating .list-rating li span {
margin-left: 4px;
}
}
.product-version-btn {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
min-width: 100px;
padding: 12px 16px;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease;
}
.product-version-btn__content {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.product-version-btn__name {
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
line-height: var(--lh-heading);
color: inherit;
}
.product-version-btn__price {
font-size: var(--fs-2xs);
color: inherit;
opacity: 0.8;
font-weight: var(--fw-regular);
}
@media (max-width: 768px) {
.product-version-btn {
min-width: 100px;
padding: 10px 12px;
}
.product-version-btn__name {
font-size: var(--fs-xs);
}
.product-version-btn__price {
font-size: var(--fs-2xs);
}
}
@media (max-width: 480px) {
.product-version-btn {
min-width: 90px;
padding: 8px 10px;
}
.product-version-btn__name {
font-size: var(--fs-xs);
}
.product-version-btn__price {
font-size: var(--fs-2xs);
}
}
.product-versions-2d {
width: 100%;
display: flex;
flex-direction: column;
gap: 14px;
}
.product-versions-2d__row {
display: flex;
flex-direction: column;
gap: 6px;
}
.product-versions-2d__label {
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
color: var(--dk-grey-500);
letter-spacing: 0.01em;
}
.product-version-btn--disabled {
pointer-events: none;
opacity: 0.3;
cursor: default;
}
.product-version-btn--unavailable:not(.active) {
opacity: 0.55;
}
@media (max-width: 480px) {
.product-versions-2d {
gap: 10px;
}
.product-versions-2d__label {
font-size: var(--fs-2xs);
}
}
.thanks-review-title {
font-size: var(--fs-xl);
line-height: var(--lh-heading);
margin: 0 0 8px 0;
}
.thanks-review-subtitle {
font-size: var(--fs-sm);
line-height: var(--lh-snug);
color: var(--dk-text);
margin-bottom: 16px;
}
.adding-review.adding-review-product {
background: var(--dk-soft);
border-radius: var(--radius-lg);
padding: 32px 28px;
margin-top: 16px;
}
.adding-review.adding-review-product .adding-review__head h3 {
font-size: var(--fs-md);
margin: 0 0 10px 0;
}
.adding-review.adding-review-product .radio-group.star-rating {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 10px;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-md);
}
.adding-review.adding-review-product .radio-group.star-rating input {
position: absolute;
left: -9999px;
}
.adding-review.adding-review-product .radio-group.star-rating label {
cursor: pointer;
display: inline-flex;
}
.adding-review.adding-review-product .radio-group.star-rating label svg {
width: 24px;
height: 24px;
fill: var(--dk-star);
}
.adding-review.adding-review-product .radio-group.star-rating input:checked+label~label svg {
fill: var(--dk-border-i);
}
.adding-review.adding-review-product textarea,
.adding-review.adding-review-product input[type="text"],
.adding-review.adding-review-product input[type="email"],
.adding-review.adding-review-product .label-file {
background: var(--dk-white);
border: 1px solid var(--dk-border-i);
border-radius: var(--radius-sm);
}
.adding-review.adding-review-product textarea {
padding: 12px 14px;
min-height: 120px;
line-height: var(--lh-snug);
}
.adding-review.adding-review-product .label-file {
padding: 12px;
}
@media (max-width: 768px) {
.thanks-review-title {
font-size: var(--fs-md);
}
.thanks-review-subtitle {
font-size: var(--fs-xs);
}
.adding-review.adding-review-product {
padding: 16px;
border-radius: var(--radius-md);
}
.adding-review.adding-review-product .radio-group.star-rating label svg {
width: 22px;
height: 22px;
}
.adding-review.adding-review-product .radio-group.star-rating {
display: flex;
width: 100%;
justify-content: space-between;
padding: 10px 12px;
gap: 0;
}
.adding-review.adding-review-product .radio-group.star-rating label {
flex: 1 1 20%;
display: flex;
justify-content: center;
}
}
@media (max-width: 480px) {
.thanks-review-title {
font-size: var(--fs-base);
}
.adding-review.adding-review-product {
padding: 12px;
}
}
.shiny-gold-button {
position: relative;
overflow: hidden;
}
.shiny-gold-button::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
height: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, .1)), color-stop(20%, hsla(0, 0%, 100%, .2)), to(hsla(0, 0%, 100%, .6)));
background: linear-gradient(90deg, hsla(0, 0%, 100%, .1) 10%, hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .6));
width: 20px;
-webkit-transform: skewX(-45deg);
transform: skewX(-45deg);
left: -20%;
-webkit-transition: color .6s ease, background-color .6s ease, border-color .6s ease, box-shadow .6s ease, transform .6s ease, opacity .6s ease, fill .6s ease;
transition: color .6s ease, background-color .6s ease, border-color .6s ease, box-shadow .6s ease, transform .6s ease, opacity .6s ease, fill .6s ease;
-webkit-animation-name: blick;
animation-name: blick;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes blick {
15%,
to {
left: 110%
}
}
.page-error-404 {
padding: 140px 0 80px;
}
.error-404__hero {
max-width: 720px;
margin: 0 auto 64px;
text-align: center;
}
.error-404__code {
display: inline-block;
font-size: 180px;
font-weight: var(--fw-bold);
line-height: 1;
letter-spacing: -0.04em;
margin: 0 auto 24px;
background: linear-gradient(133deg, rgb(224, 0, 143) 17.23%, rgb(93, 22, 254) 79.41%) padding-box text;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
user-select: none;
}
.error-404__title {
font-size: var(--fs-3xl);
font-weight: var(--fw-bold);
color: var(--dk-dark);
margin: 0 0 12px;
line-height: var(--lh-heading);
}
.error-404__lead {
font-size: var(--fs-base);
color: var(--dk-text);
line-height: var(--lh-body);
max-width: 540px;
margin: 0 auto 28px;
}
.error-404__search-wrapper.search-wrapper {
position: relative;
max-width: 560px;
width: 100%;
margin: 0 auto 24px;
padding: 0;
background: transparent;
border-radius: var(--radius-md);
}
.error-404__search-wrapper.search-wrapper::before {
display: none;
}
.error-404__search-wrapper.search-wrapper.click .form-search input {
}
.error-404__search {
position: relative;
display: flex;
align-items: center;
gap: 12px;
background: var(--dk-white);
border: 1.5px solid var(--dk-border-h);
border-radius: var(--radius-md);
padding: 0 20px;
transition: border-color 0.15s ease;
}
.error-404__search:focus-within {
border-color: var(--dk-dark);
}
.error-404__search-icon {
width: 20px;
height: 20px;
color: var(--dk-grey-300);
flex-shrink: 0;
}
.error-404__search input[type="text"] {
flex: 1 1 auto;
border: none;
outline: none;
box-shadow: none;
background: transparent;
height: 56px;
font-size: var(--fs-sm);
color: var(--dk-dark);
padding: 0 !important;
border-radius: 0;
min-width: 0;
width: auto !important;
}
.error-404__search input[type="text"]:hover,
.error-404__search input[type="text"]:focus {
border: none;
box-shadow: none;
background: transparent;
}
.error-404__search input::placeholder {
color: var(--dk-grey-300);
}
.error-404__search-wrapper .search-result {
position: absolute;
top: calc(100% + 8px);
left: 50%;
right: auto;
transform: translateX(-50%);
width: 100%;
z-index: 50;
background: var(--dk-white);
border: 1px solid var(--dk-border-h);
border-top: 1px solid var(--dk-border-h);
border-radius: var(--radius-md);
box-shadow: var(--shadow-lg);
max-height: 70vh;
overflow: auto;
text-align: left;
padding: 14px 16px;
}
.error-404__search-wrapper.click .search-result {
display: block;
}
.error-404__chips {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0 0 36px;
}
.error-404__chips-label {
color: var(--dk-grey-500);
font-size: var(--fs-xs);
margin-right: 4px;
}
.error-404__chip {
display: inline-flex;
align-items: center;
height: 32px;
padding: 0 14px;
border-radius: var(--radius-full);
background: var(--dk-soft);
color: var(--dk-dark);
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
text-decoration: none;
transition: background 0.15s ease, color 0.15s ease;
}
.error-404__chip:hover {
background: var(--dk-dark);
color: var(--dk-white);
}
.error-404__chip--all {
background: transparent;
color: var(--dk-dark);
text-decoration: underline;
text-underline-offset: 3px;
}
.error-404__chip--all:hover {
background: transparent;
color: var(--dk-dark-h);
}
.error-404__cta {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
.error-404__cta .btn {
min-width: 180px;
}
.error-404__cta-support {
display: inline-flex !important;
align-items: center;
gap: 8px;
}
.error-404__products {
margin-top: 0;
}
.error-404__products[hidden] {
display: none;
}
.error-404__products-title {
font-size: var(--fs-xl);
font-weight: var(--fw-bold);
color: var(--dk-dark);
text-align: center;
margin: 0 0 6px;
}
.error-404__products-sub {
color: var(--dk-grey-500);
font-size: var(--fs-sm);
text-align: center;
margin: 0 0 28px;
}
@media (max-width: 768px) {
.page-error-404 { padding: 80px 0 60px; }
.error-404__code { font-size: 120px; }
.error-404__title { font-size: var(--fs-xl); }
.error-404__lead { font-size: var(--fs-sm); }
.error-404__search { padding: 0 16px; gap: 10px; }
.error-404__search input[type="text"] { height: 52px; }
.error-404__cta .btn { width: 100%; }
}
@media (max-width: 480px) {
.page-error-404 { padding: 56px 0 60px; }
.error-404__code { font-size: 88px; }
.error-404__title { font-size: var(--fs-xl); }
}
.page-unsubscribe {
padding: 160px 0 80px;
}
.unsubscribe__hero {
max-width: 560px;
margin: 0 auto;
text-align: center;
}
.unsubscribe__icon {
width: 88px;
height: 88px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 auto 28px;
}
.unsubscribe__icon svg {
width: 40px;
height: 40px;
}
.unsubscribe__icon--success {
background: var(--dk-success-bg);
color: var(--dk-green);
}
.unsubscribe__icon--error {
background: var(--dk-error-bg);
color: var(--dk-error);
}
.unsubscribe__icon--mail {
background: var(--dk-soft);
color: var(--dk-text);
}
.unsubscribe__title {
font-size: var(--fs-2xl);
font-weight: var(--fw-bold);
color: var(--dk-dark);
margin: 0 0 12px;
line-height: var(--lh-heading);
}
.unsubscribe__lead {
font-size: var(--fs-base);
color: var(--dk-text);
line-height: var(--lh-body);
margin: 0 auto 8px;
max-width: 480px;
}
.unsubscribe__hint {
font-size: var(--fs-sm);
color: var(--dk-grey-300);
margin: 0 auto 28px;
max-width: 480px;
}
.unsubscribe__form {
margin: 28px auto 24px;
max-width: 440px;
}
.unsubscribe__input-wrap {
position: relative;
display: flex;
align-items: center;
background: var(--dk-white);
border: 1.5px solid var(--dk-border-h);
border-radius: var(--radius-md);
padding: 0 20px;
margin-bottom: 12px;
transition: border-color 0.15s ease;
}
.unsubscribe__input-wrap:focus-within {
border-color: var(--dk-dark);
}
.unsubscribe__input-icon {
width: 20px;
height: 20px;
color: var(--dk-grey-300);
flex-shrink: 0;
margin-right: 12px;
}
.unsubscribe__input-wrap input[type="email"] {
flex: 1 1 auto;
border: none;
outline: none;
box-shadow: none !important;
background: transparent;
height: 56px;
font-size: var(--fs-sm);
color: var(--dk-dark);
padding: 0;
border-radius: 0;
min-width: 0;
width: auto;
}
.unsubscribe__input-wrap input[type="email"]:hover,
.unsubscribe__input-wrap input[type="email"]:focus {
border: none;
box-shadow: none !important;
background: transparent;
}
.unsubscribe__input-wrap input::placeholder {
color: var(--dk-grey-300);
}
.unsubscribe__submit {
width: 100%;
height: 52px;
}
.unsubscribe__cta {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
margin-top: 8px;
}
.unsubscribe__cta .btn {
min-width: 180px;
}
.unsubscribe__cta-support {
display: inline-flex !important;
align-items: center;
gap: 8px;
}
@media (max-width: 768px) {
.page-unsubscribe { padding: 100px 0 60px; }
.unsubscribe__icon { width: 72px; height: 72px; margin-bottom: 20px; }
.unsubscribe__icon svg { width: 34px; height: 34px; }
.unsubscribe__title { font-size: var(--fs-xl); }
.unsubscribe__lead { font-size: var(--fs-sm); }
.unsubscribe__cta .btn { width: 100%; }
}
@media (max-width: 480px) {
.page-unsubscribe { padding: 56px 0 60px; }
.unsubscribe__title { font-size: var(--fs-xl); }
}
footer {
background: linear-gradient(180deg, var(--dk-dark) 0%, var(--dk-dark) 100%);
color: var(--dk-border-h);
padding: 40px 0 0;
}
footer .logo svg path[fill="#640DC6"] {
fill: #640DC6 !important;
}
footer .logo svg path[fill="url(#paint0_radial_6891_7513)"] {
fill: url(#paint0_radial_6891_7513) !important;
}
footer .logo svg path[fill="#1F183E"] {
fill: #e5e5e5 !important;
}
footer .logo svg radialGradient stop {
stop-color: #976EFC;
}
.footer-box__title {
color: var(--dk-white) !important;
}
.footer-box__title-toggle svg {
stroke: var(--dk-border-h) !important;
}
.footer-box__menu li a {
color: var(--dk-grey-300);
}
.footer-box__menu li a:hover {
color: var(--dk-white);
}
.phone-link,
.mail-link {
color: var(--dk-border-h);
}
.phone-link:hover,
.mail-link:hover {
color: var(--dk-white);
}
.phone-link__icon,
.mail-link__icon {
stroke: var(--dk-grey-300);
}
.phone-link:hover .phone-link__icon,
.mail-link:hover .mail-link__icon,
.phone-link:hover .svg-icon,
.mail-link:hover .svg-icon {
stroke: currentColor !important;
}
.requisites-list {
color: var(--dk-grey-400);
}
.copyright {
color: var(--dk-grey-400);
}
.link-documents {
color: var(--dk-grey-400);
}
.link-documents:hover {
color: var(--dk-white) !important;
}
.footer-legal {
flex-basis: 100%;
margin: 16px 0 0;
font-size: 12px;
line-height: 1.5;
color: var(--dk-grey-400);
}
@media (max-width: 768px) {
footer {
padding: 32px 0 0;
}
.footer-top {
padding: 24px 0;
}
.footer-box-first {
width: 100%;
margin-bottom: 32px;
padding-bottom: 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-contacts {
margin-bottom: 20px;
}
.footer-contacts a {
margin-bottom: 12px;
}
.requisites-list {
margin-top: 16px;
font-size: var(--fs-xs);
opacity: 0.7;
}
.footer-wrapper {
width: 100%;
}
.footer-box {
width: 100%;
margin: 0 0 16px;
}
.footer-box__title-toggle {
padding: 14px 16px;
border-radius: var(--radius-sm);
margin: 0 0 12px;
cursor: pointer;
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease, fill 0.2s ease;
line-height: var(--lh-heading);
}
.footer-box__title-toggle.click {
background: rgba(255, 255, 255, 0.03);
border-radius: var(--radius-sm) var(--radius-sm) 0 0;
margin-bottom: 0;
}
.footer-menu-wrapper {
background: rgba(255, 255, 255, 0.03);
padding: 16px;
border-radius: 0 0 var(--radius-sm) var(--radius-sm);
margin-bottom: 12px;
}
.footer-menu-wrapper .footer-box__menu {
width: 100%;
}
.footer-menu-wrapper .footer-box__menu li {
margin-bottom: 14px;
}
.footer-menu-wrapper .footer-box__menu li:last-child {
margin-bottom: 0;
}
.footer-bottom {
padding: 24px 0;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.copyright {
width: 100%;
margin: 0;
}
.document-list {
width: 100%;
flex-direction: column;
gap: 12px;
}
.document-list li {
margin: 0;
width: 100%;
}
.document-list li a {
display: block;
padding: 8px 0;
}
.footer-legal {
margin: 0;
width: 100%;
flex-basis: auto;
}
}
.page-faq .faq-page-wrapper {
width: 100%;
}
.page-faq .faq-header {
margin-bottom: 60px;
}
.page-faq .faq-header h1 {}
.page-faq .faq-header .box-text {
max-width: 800px;
}
.page-faq .faq-content {
margin-bottom: 80px;
}
.page-faq .faq-content p,
.page-faq .faq-content li {
font-size: var(--fs-sm);
line-height: 22px;
margin-bottom: 10px;
}
.page-faq .faq-seo-text {
box-shadow: none;
background-color: var(--dk-soft);
border-radius: var(--radius-lg);
padding: 48px;
margin-bottom: 80px;
}
.page-faq .faq-seo-text h2 {
font-size: var(--fs-xl);
font-weight: var(--fw-semibold);
margin: 0 0 24px;
}
.page-faq .faq-seo-text h3 {
font-size: var(--fs-md);
font-weight: var(--fw-semibold);
margin: 32px 0 16px;
}
.page-faq .faq-seo-text h3:first-of-type {
margin-top: 0;
}
.page-faq .faq-seo-text p {
font-size: var(--fs-base);
line-height: 170%;
color: var(--dk-text);
margin-bottom: 16px;
}
.page-faq .faq-seo-text p:last-child {
margin-bottom: 0;
}
.page-faq .faq-content .faq-link {
color: var(--dk-dark);
text-decoration: underline;
}
.page-faq .faq-content .faq-link:hover {
color: var(--dk-dark-h);
}
.page-faq .faq-content .faq-list {
margin: 12px 0;
padding-left: 20px;
}
.page-faq .faq-content .faq-list li {
margin-bottom: 8px;
}
.page-faq .faq-content .faq-list li:last-child {
margin-bottom: 0;
}
.page-faq .faq-content .faq-list a {
color: var(--dk-dark);
}
.page-faq .faq-content .faq-list a:hover {
color: var(--dk-dark-h);
}
.page-faq .help-section .help-product-box .work-time {
font-size: var(--fs-sm);
margin-top: 8px;
opacity: 0.8;
}
@media (max-width: 992px) {
.page-faq .faq-header h1 {
font-size: var(--fs-3xl);
margin-bottom: 16px;
}
.page-faq .faq-header .box-text {
font-size: var(--fs-base);
}
.page-faq .faq-seo-text {
padding: 32px 24px;
margin-bottom: 40px;
}
.page-faq .faq-seo-text h2 {
font-size: var(--fs-xl);
margin-bottom: 16px;
}
.page-faq .faq-seo-text h3 {
font-size: var(--fs-lg);
margin: 24px 0 12px;
}
.page-faq .faq-seo-text p {
font-size: var(--fs-sm);
}
}
.dolyame-hero {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
margin: 40px 0 100px;
padding: 0;
}
.dolyame-hero-content {
flex: 1;
}
.dolyame-hero-content h1 {
font-size: 48px;
font-weight: var(--fw-bold);
margin: 0 0 24px;
color: var(--dk-dark);
line-height: var(--lh-tight);
}
.dolyame-hero-content p {
font-size: var(--fs-lg);
color: var(--dk-grey-400);
margin: 0 0 40px;
line-height: var(--lh-body);
max-width: 520px;
}
.btn-dolyame {
display: inline-block;
background: #000000;
color: var(--dk-white);
padding: 18px 36px;
border-radius: var(--radius-md);
font-size: var(--fs-md);
font-weight: var(--fw-semibold);
text-decoration: none;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease;
}
.btn-dolyame:hover {
background: var(--dk-text);
transform: translateY(-2px);
box-shadow: var(--shadow-md);
}
.dolyame-hero-image {
flex: 1;
text-align: right;
}
.dolyame-hero-image img {
max-width: 100%;
height: auto;
display: inline-block;
}
.dolyame-benefits {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin: 40px 0 100px;
text-align: center;
}
.dolyame-benefit {
padding: 0;
}
.dolyame-benefit .benefit-icon {
color: var(--dk-dark);
margin: 0 auto 20px;
display: flex;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
border-radius: var(--radius-lg);
}
.dolyame-benefit h3 {
font-size: var(--fs-lg);
font-weight: var(--fw-bold);
margin: 0 0 12px;
color: var(--dk-dark);
}
.dolyame-benefit p {
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-grey-500);
margin: 0;
}
.dolyame-how-it-works {
margin: 80px 0;
text-align: center;
}
.dolyame-how-it-works h2 {
font-size: var(--fs-3xl);
font-weight: var(--fw-bold);
margin: 0 0 60px;
color: var(--dk-dark);
line-height: var(--lh-heading);
}
.dolyame-steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
align-items: flex-start;
}
.dolyame-step {
text-align: left;
}
.dolyame-step .step-image {
margin-bottom: 24px;
}
.dolyame-step .step-image img {
width: 100%;
height: auto;
border-radius: var(--radius-lg);
}
.dolyame-step .step-description {
padding: 0;
}
.dolyame-step .step-description h4 {
font-size: var(--fs-md);
font-weight: var(--fw-bold);
margin: 0 0 12px;
color: var(--dk-dark);
}
.dolyame-step .step-description p {
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-grey-500);
margin: 0;
}
.dolyame-faq-section {
margin: 80px 0;
width: 100%;
clear: both;
}
.dolyame-faq-section h2 {
font-size: var(--fs-3xl);
font-weight: var(--fw-bold);
margin: 0 0 40px;
color: var(--dk-dark);
text-align: center;
}
.dolyame-faq {
max-width: 728px;
margin: 0 auto;
}
.dolyame-faq .panel_heading {
margin-bottom: 16px;
}
.dolyame-faq .panel_heading .box-text p {
font-size: var(--fs-sm);
line-height: var(--lh-body);
}
.dolyame-faq .panel_heading .box-text p a {
display: inline;
}
.dolyame-faq-link {
text-align: center;
margin-top: 40px;
}
.dolyame-faq-link a {
display: inline-block;
background: var(--dk-white);
color: var(--dk-dark);
padding: 14px 32px;
border-radius: var(--radius-sm);
border: 2px solid var(--dk-border-i);
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
text-decoration: none;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease;
}
.dolyame-faq-link a:hover {
background: var(--dk-soft);
border-color: var(--dk-border-i);
transform: translateY(-2px);
}
.dolyame-app-section {
margin: 100px 0 40px;
text-align: center;
width: 100%;
clear: both;
}
.dolyame-app-image {
margin: 0 auto 24px;
display: flex;
justify-content: center;
}
.dolyame-app-image img {
max-width: 760px;
height: auto;
}
.dolyame-app-content h2 {
font-size: var(--fs-3xl);
font-weight: var(--fw-bold);
margin: 0 0 16px;
color: var(--dk-dark);
line-height: var(--lh-heading);
}
.dolyame-app-content p {
font-size: var(--fs-base);
color: var(--dk-grey-500);
margin: 0 0 32px;
line-height: var(--lh-body);
}
.app-badges {
display: flex;
gap: 12px;
align-items: center;
justify-content: center;
}
.app-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: #000000;
color: var(--dk-white);
padding: 12px 20px;
border-radius: var(--radius-sm);
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
text-decoration: none;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease;
}
.app-badge:hover {
background: var(--dk-text);
transform: translateY(-2px);
}
.app-badge svg {
flex-shrink: 0;
}
.dolyame-widget-btn {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--dk-dark);
padding: 14px 20px;
text-decoration: none;
margin: 20px 0 0 auto;
cursor: pointer;
transition: opacity 0.3s ease;
width: 100%;
max-width: 310px;
background-color: var(--dk-soft);
border-radius: var(--radius-lg);
}
.dolyame-widget-btn:hover {
opacity: 0.75;
color: var(--dk-dark);
}
.dolyame-widget-content {
display: flex;
align-items: center;
gap: 12px;
}
.dolyame-widget-logo {
height: 20px;
width: auto;
}
.dolyame-widget-text {
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
}
.dolyame-widget-arrow {
display: flex;
align-items: center;
}
.dolyame-widget-arrow path {
transition: stroke 0.3s ease;
}
.dolyame-widget-btn:hover .dolyame-widget-arrow path {
stroke: var(--dk-dark);
}
.modal-dolyame {
max-width: 640px !important;
width: 100%;
background: transparent;
border-radius: var(--radius-2xl);
padding: 0;
height: auto;
}
.modal-dolyame .modal__head {
border-bottom: none;
padding: 20px 20px 0;
justify-content: flex-end;
margin-bottom: 0;
min-height: auto;
}
.modal-dolyame .dolyame-logo-head {
height: 24px;
width: auto;
display: block;
margin-bottom: 24px;
}
.modal-dolyame .modal__body {
padding: 0;
}
.modal__wrapper .dolyame-popup-title {
font-size: var(--fs-2xl);
font-weight: var(--fw-bold);
margin: 0 0 16px;
line-height: var(--lh-heading);
color: var(--dk-dark);
text-align: left;
}
.dolyame-popup-desc {
font-size: var(--fs-base);
color: var(--dk-grey-500);
margin: 0 0 32px;
line-height: var(--lh-body);
max-width: 95%;
}
.dolyame-features {
display: flex;
gap: 16px;
margin-bottom: 32px;
flex-wrap: wrap;
}
.dolyame-feature {
flex: 1;
min-width: 220px;
background: transparent;
padding: 0;
display: flex;
align-items: center;
gap: 12px;
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
color: var(--dk-dark);
line-height: var(--lh-snug);
}
.feature-icon-wrapper {
width: 32px;
height: 32px;
border-radius: var(--radius-md);
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.feature-icon-wrapper.left,
.feature-icon-wrapper.right {
background-color: var(--dk-soft);
}
.dolyame-schedule {
background: var(--dk-soft);
border-radius: var(--radius-lg);
padding: 24px;
margin-bottom: 24px;
}
.dolyame-timeline-labels {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
margin-bottom: 12px;
}
.dolyame-label-group {
display: flex;
flex-direction: column;
}
.dolyame-label-group {
align-items: flex-start;
}
.dolyame-label-item {
font-size: var(--fs-xs);
color: var(--dk-grey-300);
margin-bottom: 6px;
font-weight: var(--fw-medium);
}
.dolyame-amount-item {
font-size: var(--fs-sm);
font-weight: var(--fw-bold);
color: var(--dk-grey-300);
white-space: nowrap;
}
.dolyame-label-group:first-child .dolyame-amount-item {
color: var(--dk-dark);
}
.dolyame-progress-bar {
display: flex;
height: 6px;
background: transparent;
margin-top: 8px;
position: relative;
gap: 2px;
}
.dolyame-progress-segment {
flex: 1;
height: 100%;
background: var(--dk-border-i);
}
.dolyame-progress-segment:first-child {
background: var(--dk-blue);
border-top-left-radius: var(--radius-xs);
border-bottom-left-radius: var(--radius-xs);
}
.dolyame-progress-segment:last-child {
border-top-right-radius: var(--radius-xs);
border-bottom-right-radius: var(--radius-xs);
}
.dolyame-progress-bar::after,
.dolyame-progress-bar::before,
.dolyame-progress-bar .sep-75 {
display: none;
}
.dolyame-schedule-note {
font-size: var(--fs-xs);
color: var(--dk-grey-300);
margin-top: 16px;
line-height: var(--lh-snug);
}
.dolyame-footer {
text-align: center;
margin-top: 24px;
}
.btn-dolyame-details {
display: inline-block;
background: #000000;
color: var(--dk-white);
padding: 14px 32px;
border-radius: var(--radius-md);
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
text-decoration: none;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease;
width: 100%;
text-align: center;
}
.btn-dolyame-details:hover {
background: var(--dk-text);
transform: translateY(-2px);
}
@media (max-width: 992px) {
.dolyame-hero {
flex-direction: column;
gap: 40px;
margin: 20px 0 40px;
padding: 0;
}
.dolyame-hero-content {
text-align: center;
}
.dolyame-hero-content h1 {
font-size: var(--fs-3xl);
}
.dolyame-hero-content p {
font-size: var(--fs-base);
}
.dolyame-hero-image {
text-align: center;
order: -1;
}
.dolyame-benefits {
grid-template-columns: 1fr;
gap: 32px;
margin: 40px 0 60px;
}
.dolyame-how-it-works {
margin: 60px 0;
}
.dolyame-how-it-works h2 {
font-size: var(--fs-2xl);
margin-bottom: 40px;
}
.dolyame-steps {
grid-template-columns: 1fr;
gap: 32px;
}
.dolyame-step .step-description {
padding: 16px 12px;
}
.dolyame-faq-section {
margin: 60px 0;
}
.dolyame-faq-section h2 {
font-size: var(--fs-2xl);
margin-bottom: 32px;
}
.app-badges {
flex-direction: column;
width: 100%;
}
.app-badge {
width: 100%;
justify-content: center;
}
.dolyame-widget-btn {
display: none;
}
}
@media (max-width: 576px) {
.modal-dolyame .modal__wrapper {
padding: 15px;
}
.modal-dolyame .modal__body {
padding: 0;
}
.dolyame-features {
flex-direction: column;
gap: 10px;
}
.dolyame-timeline-labels {
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}
.dolyame-label-group {
margin-bottom: 12px;
}
.dolyame-schedule {
padding: 15px;
}
}
@media (max-width: 400px) {
.dolyame-widget-text {
font-size: var(--fs-xs);
}
.dolyame-widget-content {
gap: 8px;
}
}
.review-official-reply {
margin-top: 16px;
padding: 14px 16px;
background: var(--dk-soft);
border-radius: var(--radius-md);
}
.review-official-reply__header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.review-official-reply__avatar {
width: 30px;
height: 30px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.review-official-reply__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.review-official-reply__meta {
display: flex;
flex-direction: column;
gap: 2px;
}
.review-official-reply__name {
font-size: var(--fs-xs);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
line-height: var(--lh-heading);
}
.review-official-reply__store {
font-size: var(--fs-2xs);
font-weight: var(--fw-regular);
color: var(--dk-grey-400);
line-height: var(--lh-heading);
}
.review-official-reply__content {
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.review-official-reply__content p {
margin: 0 0 6px;
}
.review-official-reply__content p:last-child {
margin-bottom: 0;
}
.review-official-reply__content li {
margin: 0;
}
.review-official-reply__content a {
color: var(--dk-dark);
text-decoration: underline;
text-underline-offset: 2px;
transition: color 0.2s ease;
display: inline;
}
.review-official-reply__content a:hover {
color: var(--dk-text);
}
@media (max-width: 768px) {
.review-official-reply {
padding: 12px 14px;
margin-top: 14px;
}
.review-official-reply__header {
gap: 8px;
margin-bottom: 8px;
}
.review-official-reply__avatar {
width: 26px;
height: 26px;
}
.review-official-reply__name {
font-size: var(--fs-xs);
}
.review-official-reply__store {
font-size: var(--fs-2xs);
}
.review-official-reply__content {
font-size: var(--fs-xs);
line-height: var(--lh-body);
}
}
.dkhero {
position: relative;
overflow: hidden;
padding: 196px 0 214px;
background-color: var(--dk-soft);
background-image: radial-gradient(circle at center, rgba(22, 22, 22, 0.14) 0.8px, transparent 1.2px);
background-size: 11px 11px;
}
.dkhero.has-gl { background-image: none; }
.dkhero__gl {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.dkhero__labels {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
}
.dkhero__content {
position: relative;
z-index: 2;
width: 100%;
max-width: 720px;
}
.dkhero__title {
font-size: clamp(40px, 5vw, 68px);
font-weight: var(--fw-bold);
line-height: 1.02;
letter-spacing: -0.032em;
color: var(--dk-dark);
margin: 0 0 22px;
white-space: nowrap;
}
.dkhero__title span { display: block; }
.dkhero__subtitle {
font-size: var(--fs-md);
line-height: var(--lh-body);
color: var(--dk-grey-500);
max-width: 520px;
margin: 0 0 32px;
}
.dkhero__cta-group {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.dkhero__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: auto;
height: 50px;
padding: 0 24px;
border-radius: var(--radius-md);
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
text-decoration: none;
transition: background 0.2s ease, box-shadow 0.2s ease;
}
.dkhero__cta--primary {
background: var(--dk-dark);
color: var(--dk-white);
}
.dkhero__cta--primary:hover {
background: var(--dk-dark-h);
color: var(--dk-white);
}
.dkhero__cta--ghost {
background: var(--dk-white);
color: var(--dk-dark);
box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.12);
}
.dkhero__cta--ghost:hover {
color: var(--dk-dark);
box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.3);
}
.dkhero__label {
position: absolute;
display: block;
width: max-content;
padding: 6px 2px;
color: var(--dk-dark);
font-size: var(--fs-xs);
line-height: 1.35;
text-decoration: none;
pointer-events: none;
opacity: 0;
transform: translateY(6px);
transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.2, 0.7, 0.3, 1);
}
.dkhero__label.is-on {
opacity: 1;
transform: none;
pointer-events: auto;
}
.dkhero__label.is-off {
opacity: 0;
transform: translateY(-4px);
transition-duration: 0.4s;
}
.dkhero__label b {
display: block;
font-weight: var(--fw-semibold);
}
.dkhero__label i {
display: block;
font-style: normal;
color: var(--dk-grey-500);
font-variant-numeric: tabular-nums;
}
.dkhero__label i::after {
content: ' →';
opacity: 0;
transition: opacity 0.2s ease;
}
.dkhero__label:hover { color: var(--dk-dark); }
.dkhero__label:hover b {
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}
.dkhero__label:hover i::after { opacity: 1; }
.dk-hero-anim [data-dkhero-anim] {
animation: dkhero-in 0.6s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.dk-hero-anim [data-dkhero-anim]:nth-child(1) { animation-delay: 0.08s; }
.dk-hero-anim [data-dkhero-anim]:nth-child(2) { animation-delay: 0.17s; }
.dk-hero-anim [data-dkhero-anim]:nth-child(3) { animation-delay: 0.26s; }
.dk-hero-anim [data-dkhero-anim]:nth-child(4) { animation-delay: 0.35s; }
@keyframes dkhero-in {
from { opacity: 0; transform: translateY(16px); }
to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.dk-hero-anim [data-dkhero-anim] { animation: none; }
}
.dkhero-facts {
position: relative;
z-index: 1;
margin-top: -80px;
padding-bottom: 40px;
background: transparent;
border-top: none;
}
.dkhero-facts .container {
background: var(--dk-white);
border-radius: var(--radius-xl);
padding: 32px 40px;
box-shadow: 0 20px 40px -10px rgba(22, 22, 22, 0.05), 0 1px 3px rgba(22, 22, 22, 0.02);
border: 1px solid rgba(22, 22, 22, 0.04);
}
.dkhero-facts__inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
width: 100%;
}
.dkhero-facts__item {
text-align: center;
flex: 1;
position: relative;
padding: 0 16px;
}
.dkhero-facts__item + .dkhero-facts__item::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 40px;
background: rgba(22, 22, 22, 0.06);
}
.dkhero-facts__value {
font-size: var(--fs-3xl);
font-weight: var(--fw-bold);
color: var(--dk-dark);
letter-spacing: -0.02em;
line-height: 1;
margin-bottom: 8px;
}
.dkhero-facts__star {
font-size: var(--fs-xl);
color: var(--dk-orange);
vertical-align: middle;
}
.dkhero-facts__label {
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
color: var(--dk-grey-500);
}
@media (max-width: 992px) {
.dkhero { padding: 176px 0 196px; }
.dkhero-facts__value { font-size: var(--fs-xl); }
.dkhero-facts .container { padding: 24px; }
}
@media (max-width: 768px) {
.dkhero { padding: 124px 0 290px; }
.dkhero__subtitle { font-size: var(--fs-base); margin-bottom: 26px; }
.dkhero__label { font-size: var(--fs-sm); }
.dkhero-facts { margin-top: -50px; }
.dkhero-facts__inner { flex-wrap: wrap; gap: 24px 0; }
.dkhero-facts__item { flex: 0 0 50%; padding: 8px; }
.dkhero-facts__item:last-child:nth-child(odd) { flex: 0 0 100%; }
.dkhero-facts__item + .dkhero-facts__item::before { display: none; }
}
@media (max-width: 560px) {
.dkhero__title { white-space: normal; }
}
@media (max-width: 480px) {
.dkhero { padding: 108px 0 280px; }
.dkhero__title { font-size: var(--fs-3xl); letter-spacing: -0.03em; }
.dkhero__cta { width: 100%; }
.dkhero-facts__value { font-size: var(--fs-xl); }
}
.dl-promo-modal.modal__div {
width: auto;
max-width: none;
background: transparent;
box-shadow: none;
padding: 0;
}
.dl-promo-modal .modal__wrapper.dl-promo-modal__card {
width: min(92vw, 520px);
max-width: 520px;
padding: 36px 36px 32px;
background: var(--dk-white);
border-radius: var(--radius-2xl);
box-shadow: var(--shadow-lg);
text-align: center;
position: relative;
}
.dl-promo-modal__close {
position: absolute;
top: 16px;
right: 16px;
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--dk-soft);
border: none;
border-radius: 50%;
color: var(--dk-dark);
cursor: pointer;
transition: background 0.15s ease;
}
.dl-promo-modal__close:hover { background: var(--dk-border-i); }
.dl-promo-modal__close svg { display: block; }
.dl-promo-modal__illustration {
margin: 0 auto 24px;
width: 100%;
max-width: 320px;
}
.dl-coupon {
position: relative;
display: flex;
align-items: stretch;
overflow: hidden;
border-radius: var(--radius-lg);
background: linear-gradient(135deg, #E0008F 0%, #5D16FE 100%);
color: var(--dk-white);
box-shadow: 0 16px 30px -10px rgba(93, 22, 254, 0.4);
}
.dl-coupon__left {
flex: 0 0 44%;
display: flex;
align-items: center;
justify-content: center;
padding: 26px 6px;
}
.dl-coupon__percent {
font-size: 46px;
font-weight: var(--fw-bold);
line-height: 1;
letter-spacing: -0.02em;
}
.dl-coupon__right {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 5px;
padding: 20px 20px 20px 22px;
text-align: left;
border-left: 2px dashed rgba(255, 255, 255, 0.5);
}
.dl-coupon__label {
font-size: var(--fs-2xs);
font-weight: var(--fw-semibold);
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 0.85;
}
.dl-coupon__code {
font-size: var(--fs-xl);
font-weight: var(--fw-bold);
letter-spacing: 0.02em;
line-height: var(--lh-tight);
}
.dl-coupon__note {
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
opacity: 0.85;
}
.dl-promo-modal__title {
margin: 0 0 8px;
font-size: var(--fs-xl);
font-weight: var(--fw-bold);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.dl-promo-modal__text {
margin: 0 0 24px;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.dl-promo-modal__text strong {
color: var(--dk-dark);
font-weight: var(--fw-bold);
}
.dl-promo-modal__code {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
padding: 12px 18px;
margin: 0 0 24px;
background: var(--dk-soft);
border: 1.5px dashed var(--dk-border-i);
border-radius: var(--radius-md);
color: var(--dk-dark);
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease;
}
.dl-promo-modal__code:hover {
border-color: var(--dk-dark);
background: var(--dk-border);
}
.dl-promo-modal__code-value {
font-size: var(--fs-md);
font-weight: var(--fw-bold);
letter-spacing: 0.08em;
}
.dl-promo-modal__code-action {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
color: var(--dk-text);
}
.dl-promo-modal__actions {
display: flex;
flex-direction: column;
gap: 8px;
}
.dl-promo-modal__cta {
width: 100%;
justify-content: center;
padding: 14px 24px;
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
}
@media (max-width: 480px) {
.dl-promo-modal .modal__wrapper.dl-promo-modal__card {
width: 92vw;
padding: 28px 22px 24px;
border-radius: var(--radius-xl);
}
.dl-promo-modal__close { top: 12px; right: 12px; width: 32px; height: 32px; }
.dl-promo-modal__illustration { max-width: 280px; margin-bottom: 20px; }
.dl-coupon__left { padding: 22px 4px; }
.dl-coupon__percent { font-size: 38px; }
.dl-coupon__right { padding: 16px 14px 16px 16px; }
.dl-coupon__code { font-size: var(--fs-lg); }
.dl-promo-modal__title { font-size: var(--fs-xl); }
.dl-promo-modal__text { font-size: var(--fs-sm); margin-bottom: 20px; }
.dl-promo-modal__code { padding: 10px 14px; }
.dl-promo-modal__code-value { font-size: var(--fs-base); }
}
.page-review-product {
background: var(--dk-grey-bg);
padding-bottom: 60px;
}
.page-review-product .row {
display: flex;
flex-wrap: wrap;
}
.page-review-product .col-70 {
width: 66.66% !important;
}
.page-review-product .col-30 {
display: block !important;
width: 33.33%;
}
.page-review-product>.container>h1 {
font-size: var(--fs-xl);
font-weight: var(--fw-bold);
color: var(--dk-dark);
margin: 0 0 6px;
width: 100%;
line-height: var(--lh-heading);
}
.page-review-product>.container>.box-text {
width: 100%;
font-size: var(--fs-sm);
color: var(--dk-grey-500);
margin: 0 0 20px;
line-height: var(--lh-body);
}
.review-product-card {
display: flex;
gap: 14px;
align-items: center;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-lg);
padding: 14px 16px;
margin-bottom: 16px;
box-shadow: var(--shadow-sm);
}
.review-product-card img {
width: 56px;
height: 56px;
border-radius: var(--radius-sm);
object-fit: contain;
background: var(--dk-grey-bg);
flex-shrink: 0;
padding: 4px;
}
.review-product-card .name {
font-weight: var(--fw-semibold);
color: var(--dk-dark);
font-size: var(--fs-sm);
line-height: var(--lh-heading);
}
.review-product-card__order {
font-size: var(--fs-xs);
color: var(--dk-grey-500);
margin-top: 4px;
}
.review-done {
display: flex;
gap: 16px;
align-items: flex-start;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-xl);
padding: 28px 32px;
box-shadow: var(--shadow-sm);
}
.review-done__icon {
flex-shrink: 0;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--dk-success-bg);
color: var(--dk-green);
}
.review-done__icon svg {
width: 24px;
height: 24px;
}
.review-done__title {
font-size: var(--fs-lg);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
margin: 2px 0 8px;
line-height: var(--lh-heading);
}
.review-done__text {
font-size: var(--fs-sm);
color: var(--dk-grey-500);
line-height: var(--lh-body);
margin: 0 0 18px;
}
.review-done__btn.btn-accent {
display: inline-flex;
text-decoration: none;
color: var(--dk-white);
}
.page-review-product .adding-review.adding-review-product {
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-lg);
padding: 36px 32px;
margin-top: 0;
box-shadow: var(--shadow-sm);
}
.page-review-product .adding-review__head {
margin-bottom: 24px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
}
.page-review-product .adding-review__head h3 {
font-size: var(--fs-base) !important;
font-weight: var(--fw-semibold);
color: var(--dk-dark);
margin: 0 !important;
width: auto;
}
.page-review-product .adding-review.adding-review-product .radio-group.star-rating {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
margin: 0;
}
.page-review-product .adding-review.adding-review-product .radio-group.star-rating input {
position: absolute;
left: -9999px;
display: none;
}
.page-review-product .adding-review.adding-review-product .radio-group.star-rating label {
cursor: pointer;
display: inline-flex;
transition: transform 0.18s ease;
width: auto;
height: auto;
margin: 0;
padding: 0;
fill: none;
}
.page-review-product .adding-review.adding-review-product .radio-group.star-rating label:hover {
transform: scale(1.15);
}
.page-review-product .adding-review.adding-review-product .radio-group.star-rating label svg {
width: 36px;
height: 36px;
fill: var(--dk-star);
transition: fill 0.18s ease, filter 0.18s ease, transform 0.18s ease;
filter: drop-shadow(0 1px 3px rgba(255, 165, 0, 0.3));
}
.page-review-product .adding-review.adding-review-product .radio-group.star-rating input:checked+label~label svg {
fill: var(--dk-border-i) !important;
filter: none;
}
.page-review-product .adding-review.adding-review-product textarea,
.page-review-product .adding-review.adding-review-product .form-review textarea {
background: var(--dk-grey-bg);
border: 1.5px solid var(--dk-border-i);
border-radius: var(--radius-md);
padding: 14px 16px;
min-height: 140px;
height: auto;
line-height: var(--lh-body);
font-size: var(--fs-sm) !important;
resize: vertical;
width: 100%;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
box-shadow: none;
}
.page-review-product .adding-review.adding-review-product textarea:hover,
.page-review-product .adding-review.adding-review-product textarea:focus {
outline: none;
border-color: var(--dk-dark) !important;
box-shadow: 0 0 0 3px rgba(22, 22, 22, 0.06) !important;
background: var(--dk-white) !important;
}
.page-review-product textarea::placeholder {
color: var(--dk-grey-300);
}
.page-review-product .review-hint {
display: block;
margin-top: 8px;
font-size: var(--fs-xs);
color: var(--dk-grey-300);
line-height: var(--lh-snug);
}
.page-review-product .review-photo-label {
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
color: var(--dk-text);
margin: 24px 0 10px;
}
.page-review-product .adding-review.adding-review-product .label-file {
background: var(--dk-grey-bg);
border: 2px dashed var(--dk-border-i);
border-radius: var(--radius-md);
padding: 24px 16px;
text-align: center;
transition: border-color 0.2s ease, background-color 0.2s ease;
cursor: pointer;
margin-top: 0 !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-review-product .adding-review.adding-review-product .label-file:hover {
border-color: var(--dk-dark) !important;
background: var(--dk-soft) !important;
}
.page-review-product .review-upload-icon {
display: block;
margin: 0 auto 8px;
width: 28px;
height: 28px;
max-width: 28px;
max-height: 28px;
min-width: 28px;
min-height: 28px;
color: var(--dk-grey-300);
transition: color 0.2s ease;
}
.page-review-product .label-file:hover .review-upload-icon {
color: var(--dk-text);
}
.page-review-product .label-file__text {
font-size: var(--fs-sm);
color: var(--dk-grey-500);
line-height: var(--lh-snug);
}
.page-review-product .label-file__text .color-accent {
color: var(--dk-grey-400);
}
.page-review-product .btn-review-submit,
.page-review-product button.btn-review-submit,
.page-review-product .btn-review-submit.shiny-gold-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 16px 24px;
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
color: var(--dk-white);
background: var(--dk-dark) !important;
border: none;
border-radius: var(--radius-md);
cursor: pointer;
transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
margin: 24px 0 0 !important;
text-align: center;
letter-spacing: 0.3px;
min-width: auto !important;
height: 52px;
line-height: 1;
}
.page-review-product .btn-review-submit:hover {
background: var(--dk-text) !important;
transform: translateY(-1px);
box-shadow: var(--shadow-lg);
color: var(--dk-white);
}
.page-review-product .btn-review-submit:active {
transform: translateY(0) !important;
box-shadow: none !important;
}
.page-review-product .btn-review-submit::before {
display: none;
}
.review-promo-aside {
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-xl);
padding: 28px 24px;
position: sticky;
top: 130px;
box-shadow: var(--shadow-sm);
}
.review-promo-aside__icon {
font-size: var(--fs-3xl);
margin-bottom: 14px;
line-height: 1;
}
.review-promo-aside__title {
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
margin: 0 0 10px 0;
line-height: var(--lh-heading);
}
.review-promo-aside__text {
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-grey-500);
margin: 0;
}
.review-promo-aside__divider {
height: 1px;
background: var(--dk-border);
margin: 18px 0;
}
.review-promo-aside__tips {
list-style: none;
padding: 0;
margin: 0;
}
.review-promo-aside__tips li {
font-size: var(--fs-xs);
color: var(--dk-grey-300);
line-height: var(--lh-body);
padding: 4px 0 4px 20px;
position: relative;
margin: 0;
}
.review-promo-aside__tips li::before {
content: "✓";
position: absolute;
left: 0;
color: var(--dk-green);
font-weight: var(--fw-bold);
}
@media (max-width: 768px) {
.page-review-product .col-70 {
width: 100% !important;
}
.page-review-product .col-30 {
display: block;
width: 100% !important;
order: -1;
margin-bottom: 16px;
}
.review-promo-aside {
position: static;
padding: 20px;
border-radius: var(--radius-lg);
}
.page-review-product .adding-review.adding-review-product {
padding: 28px 24px !important;
border-radius: var(--radius-lg) !important;
}
.page-review-product .adding-review.adding-review-product .radio-group.star-rating {
display: flex !important;
width: auto;
gap: 2px !important;
}
.page-review-product .adding-review.adding-review-product .radio-group.star-rating label svg {
width: 32px !important;
height: 32px !important;
}
.page-review-product>.container>h1 {
font-size: var(--fs-xl);
}
}
@media (max-width: 480px) {
.page-review-product .adding-review.adding-review-product {
padding: 20px 16px !important;
}
.page-review-product .adding-review.adding-review-product textarea {
min-height: 110px !important;
font-size: var(--fs-sm);
}
.page-review-product .adding-review__head {
gap: 10px !important;
}
.page-review-product .adding-review.adding-review-product .radio-group.star-rating label svg {
width: 28px !important;
height: 28px !important;
}
}
.rv-viewer {
--rv-panel: clamp(360px, 32vw, 440px);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99990;
display: none;
}
.rv-viewer.is-open {
display: flex;
flex-direction: row;
align-items: stretch;
}
.rv-viewer__backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(22, 22, 22, 0.94);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
z-index: 0;
}
.rv-viewer__stage {
position: relative;
z-index: 1;
flex: 1 1 auto;
min-width: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 32px;
}
.rv-viewer__imgwrap {
position: relative;
max-width: 100%;
max-height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.rv-viewer__img {
max-width: 100%;
max-height: calc(100vh - 64px);
object-fit: contain;
border-radius: var(--radius-sm);
opacity: 0;
transition: opacity 0.2s ease;
}
.rv-viewer__img.is-ready {
opacity: 1;
}
.rv-viewer__spinner {
position: absolute;
width: 36px;
height: 36px;
border: 3px solid rgba(255, 255, 255, 0.35);
border-top-color: var(--dk-white);
border-radius: 50%;
animation: rv-spin 0.8s linear infinite;
}
@keyframes rv-spin {
to { transform: rotate(360deg); }
}
.rv-viewer__close,
.rv-viewer__nav {
position: absolute;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
-webkit-appearance: none;
appearance: none;
background: rgba(255, 255, 255, 0.92);
color: var(--dk-dark);
border-radius: var(--radius-md);
cursor: pointer;
transition: background 0.15s ease, opacity 0.15s ease;
}
.rv-viewer__close:hover,
.rv-viewer__nav:hover {
background: var(--dk-white);
}
.rv-viewer__close {
top: 16px;
right: calc(var(--rv-panel) + 16px);
width: 44px;
height: 44px;
}
.rv-viewer__close:focus-visible,
.rv-viewer__nav:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.65);
}
.rv-viewer__nav {
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
}
.rv-viewer__nav--prev { left: 20px; }
.rv-viewer__nav--next { right: 20px; }
.rv-viewer__counter {
position: absolute;
z-index: 2;
top: 20px;
left: 50%;
transform: translateX(-50%);
padding: 5px 12px;
background: rgba(255, 255, 255, 0.14);
color: var(--dk-white);
font-size: var(--fs-xs);
font-weight: var(--fw-semibold);
line-height: 1;
border-radius: var(--radius-full);
letter-spacing: 0.02em;
pointer-events: none;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.rv-viewer__counter[hidden] { display: none; }
.rv-viewer__panel {
position: relative;
z-index: 1;
flex: 0 0 var(--rv-panel);
width: var(--rv-panel);
height: 100%;
display: flex;
flex-direction: column;
background: var(--dk-white);
}
.rv-viewer__handle {
display: none;
}
.rv-viewer__panel-body {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
display: flex;
flex-direction: column;
}
.rv-review,
.rv-review__head,
.rv-review__body,
.rv-review__foot {
position: static;
width: auto;
margin: 0;
background: transparent;
box-shadow: none;
color: var(--dk-text);
}
.rv-review {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
}
.rv-review__head {
flex: 0 0 auto;
}
.rv-review__subject {
padding: 20px 24px 16px;
border-bottom: 1px solid var(--dk-border);
}
.rv-review__product {
display: block;
font-size: clamp(15px, 1.3vw, 17px);
font-weight: var(--fw-bold);
line-height: var(--lh-heading);
color: var(--dk-dark);
text-decoration: none;
}
.rv-review__product:hover {
text-decoration: underline;
}
.rv-review__rating {
margin: 10px 0 0;
padding: 0;
display: flex;
align-items: center;
}
.rv-review__rating:first-child {
margin-top: 0;
}
.rv-review__author {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 24px;
border-bottom: 1px solid var(--dk-border);
}
.rv-review__author .reviews-box__user-avatar {
flex: 0 0 40px;
width: 40px;
min-width: 40px;
max-width: 40px;
height: 40px;
min-height: 40px;
max-height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
overflow: hidden;
font-size: var(--fs-base);
line-height: 1;
color: var(--dk-white);
margin: 0;
}
.rv-review__author .reviews-box__user-avatar img,
.rv-review__author .reviews-box__user-avatar .icon-avatar {
width: 100%;
height: 100%;
max-height: 100%;
object-fit: cover;
border-radius: 50%;
}
.rv-review__meta {
display: flex;
flex-direction: column;
gap: 2px;
margin-right: auto;
min-width: 0;
}
.rv-review__name {
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rv-review__date {
font-size: var(--fs-xs);
color: var(--dk-grey-500);
}
.rv-review__body {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
padding: 20px 24px;
}
.rv-review__body .box-text {
max-width: none;
margin-bottom: 16px;
}
.rv-review__body .box-text:last-child {
margin-bottom: 0;
}
.rv-review__body .box-text p {
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.rv-review__body .box-text h4 {
margin: 0 0 4px;
font-size: var(--fs-xs);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
}
.rv-review__foot {
flex: 0 0 auto;
padding: 16px 24px;
border-top: 1px solid var(--dk-border);
}
.rv-review__foot .rate-review {
margin: 0;
}
@media (max-width: 768px) {
.rv-viewer.is-open {
flex-direction: column;
}
.rv-viewer__stage {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 44vh;
padding: 16px;
}
.rv-viewer__img {
max-height: calc(56vh - 32px);
}
.rv-viewer__close {
top: 12px;
right: 12px;
}
.rv-viewer__nav { display: none; }
.rv-viewer__panel {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 44vh;
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
transition: height 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.rv-viewer__panel.is-expanded {
height: 90vh;
}
.rv-viewer__handle {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 100%;
height: 26px;
padding: 0;
margin: 0;
border: 0;
-webkit-appearance: none;
appearance: none;
background: transparent;
cursor: pointer;
}
.rv-viewer__handle span {
width: 40px;
height: 4px;
border-radius: var(--radius-full);
background: var(--dk-border-h);
}
.rv-review__subject {
padding: 14px 20px 14px;
}
.rv-review__author {
padding: 12px 20px;
}
.rv-review__body {
padding: 16px 20px;
}
.rv-review__foot {
padding: 14px 20px;
}
}
.rv-review--skeleton {
padding: 24px;
gap: 14px;
}
.rv-skel {
background: var(--dk-soft);
border-radius: var(--radius-sm);
position: relative;
overflow: hidden;
}
.rv-skel--head { height: 44px; }
.rv-skel--line { height: 14px; margin-top: 12px; }
.rv-skel--line.short { width: 55%; }
.rv-skel::after {
content: "";
position: absolute;
inset: 0;
transform: translateX(-100%);
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
animation: rv-shimmer 1.2s infinite;
}
@keyframes rv-shimmer {
100% { transform: translateX(100%); }
}
@media (prefers-reduced-motion: reduce) {
.rv-viewer__panel { transition: none; }
.rv-viewer__img { transition: none; }
.rv-viewer__spinner { animation-duration: 1.6s; }
.rv-skel::after { animation: none; }
}
.reviews-gallery {
flex-wrap: nowrap;
}
.reviews-gallery__photo {
position: relative;
border: 1px solid var(--dk-border);
cursor: zoom-in;
flex: 0 0 auto;
transition: border-color 0.15s ease;
}
.reviews-gallery__photo img {
transition: transform 0.25s ease;
}
.reviews-gallery__photo:hover {
border-color: var(--dk-border-h);
}
.reviews-gallery__photo:hover img {
transform: scale(1.06);
}
.reviews-gallery__photo:focus-visible {
outline: none;
border-color: var(--dk-dark);
box-shadow: 0 0 0 3px rgba(22, 22, 22, 0.16);
}
.reviews-gallery__photo--more::after {
content: "";
position: absolute;
inset: 0;
background: var(--dk-scrim);
transition: background 0.15s ease;
}
.reviews-gallery__photo--more:hover::after {
background: rgba(22, 22, 22, 0.62);
}
.reviews-gallery__more {
position: absolute;
inset: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
color: var(--dk-white);
font-size: var(--fs-base);
font-weight: var(--fw-bold);
letter-spacing: 0.02em;
}
.reviews-gallery__photo--broken {
background: var(--dk-soft);
cursor: default;
}
.reviews-gallery__photo--broken img {
display: none;
}
.reviews-gallery__photo--broken::after {
content: "";
position: absolute;
inset: 0;
background: no-repeat center / 28px 28px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23adb5bd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
.reviews-gallery {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
padding-bottom: 4px;
margin: 24px 0 24px;
}
.reviews-gallery__photo {
scroll-snap-align: start;
}
}
.dl-reviews .reviews-gallery {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
scrollbar-width: none;
padding-right: 8px;
}
.dl-reviews .reviews-gallery::-webkit-scrollbar { display: none; }
.dl-reviews .reviews-gallery__photo { scroll-snap-align: start; }
.reviews-list .reviews-product-box,
.reviews-content .reviews-product-box {
height: auto;
padding: 20px 24px;
border: 1px solid var(--dk-border);
box-shadow: none;
}
.reviews-list .reviews-product-box:hover,
.reviews-content .reviews-product-box:hover {
border-color: var(--dk-border);
box-shadow: none;
}
.reviews-list .reviews-product-box__head,
.reviews-content .reviews-product-box__head {
margin-bottom: 14px;
}
.reviews-list .reviews-product-box__body,
.reviews-content .reviews-product-box__body {
margin-bottom: 14px;
}
.reviews-list .reviews-product-box__footer,
.reviews-content .reviews-product-box__footer {
margin-top: 0;
}
.category-user:hover {
color: var(--dk-dark);
}
.date-experience-row {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 2px 5px;
color: var(--dk-grey-500);
}
.user-experience::before {
content: "·";
margin-right: 0;
color: var(--dk-grey-300);
}
.login-user:hover {
color: var(--dk-dark);
}
.rv-review__product {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 768px) {
.reviews-list .reviews-product-box,
.reviews-content .reviews-product-box {
padding: 16px 18px;
}
}
.review-helpful {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.review-helpful__q {
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
color: var(--dk-grey-500);
}
.review-heart-btn {
display: inline-flex;
align-items: center;
gap: 6px;
background: none;
border: none;
cursor: pointer;
padding: 6px 10px;
border-radius: var(--radius-md);
position: relative;
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
color: var(--dk-grey-500);
line-height: 1;
-webkit-tap-highlight-color: transparent;
transition: background 0.15s;
}
.review-heart-btn:hover:not(:disabled) {
background: rgba(22, 22, 22, 0.04);
}
.review-heart-btn:disabled {
cursor: default;
}
.review-heart-btn:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(22, 22, 22, 0.14);
border-radius: var(--radius-md);
}
.review-heart-wrap {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.review-heart-svg {
width: 20px;
height: 20px;
display: block;
}
.review-heart-path {
stroke: var(--dk-grey-300);
stroke-width: 2;
stroke-linejoin: round;
stroke-linecap: round;
fill: none;
transition: fill 0.08s ease, stroke 0.08s ease;
}
.review-heart-btn:hover:not(:disabled) .review-heart-path {
stroke: var(--dk-grey-400);
}
.review-heart-btn.is-liked .review-heart-path {
fill: var(--dk-error);
stroke: var(--dk-error);
}
.review-heart-btn.is-liked {
color: var(--dk-error);
cursor: default;
}
.review-heart-btn.is-liked:hover {
background: none;
}
.review-heart-count {
font-variant-numeric: tabular-nums;
min-width: 12px;
display: inline-block;
}
.review-heart-svg.review-heart-pop {
animation: review-heart-spring 0.42s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes review-heart-spring {
0%   { transform: scale(1); }
35%  { transform: scale(1.6); }
65%  { transform: scale(0.88); }
100% { transform: scale(1); }
}
.like-box:hover .like-box__icon {
fill: var(--dk-dark);
}
.review-heart-btn.like-box:hover,
.review-heart-btn.like-box:hover:not(:disabled) {
color: var(--dk-grey-500);
}
.review-heart-btn.like-box.is-liked:hover {
color: var(--dk-error);
}
.rv-review__rating li span {
color: var(--dk-grey-500);
font-weight: var(--fw-bold);
font-size: var(--fs-sm);
}
.dk-table-scroll {
position: relative;
margin: 24px 0;
}
.dk-table-scroll__viewport {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.dk-table-scroll::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 40px;
pointer-events: none;
background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--dk-white));
opacity: 0;
transition: opacity 0.15s ease;
}
.dk-table-scroll.is-scrollable::after { opacity: 1; }
.dk-table-scroll.is-scrolled-end::after { opacity: 0; }
.dk-table {
--dk-table-pad-x: 18px;
width: 100%;
margin: 0;
border: 0;
border-radius: 0;
border-collapse: collapse;
border-spacing: 0;
background: var(--dk-white);
text-align: left;
}
.dk-table thead,
.dk-table thead tr {
background: transparent;
}
.dk-table th {
padding: 10px 18px 10px 0;
width: auto;
font-size: var(--fs-2xs);
font-weight: var(--fw-medium);
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--dk-grey-500);
border-bottom: 1px solid var(--dk-border);
white-space: nowrap;
}
.dk-table td {
padding: 13px 18px 13px 0;
width: auto;
font-size: var(--fs-base);
line-height: var(--lh-body);
color: var(--dk-text);
border-bottom: 1px solid var(--dk-border);
vertical-align: top;
}
.dk-table td:first-child {
color: var(--dk-dark);
font-weight: var(--fw-semibold);
}
.dk-table td:first-child,
.dk-table th:first-child {
width: auto;
padding-left: var(--dk-table-pad-x);
}
.dk-table th:last-child,
.dk-table td:last-child {
padding-right: var(--dk-table-pad-x);
}
.dk-table .dk-table__num {
text-align: right;
font-variant-numeric: tabular-nums;
font-weight: var(--fw-semibold);
color: var(--dk-dark);
white-space: nowrap;
}
.dk-table tbody tr.is-current {
background: var(--dk-soft);
}
.dk-table tbody tr.is-current td {
color: var(--dk-dark);
font-weight: var(--fw-medium);
}
.dk-table tbody tr.is-passed td:not(:first-child) {
color: var(--dk-grey-500);
}
.dk-table tbody tr,
.dk-table tbody tr:nth-child(even),
.dk-table tbody tr:hover {
background: transparent;
}
.dk-table tbody tr:last-child td {
border-bottom: 0;
}
@media (max-width: 768px) {
.dk-table-scroll { margin: 18px 0; }
.dk-table {
--dk-table-pad-x: 14px;
}
.dk-table th,
.dk-table td {
padding: 10px 14px;
}
.dk-table th {
white-space: normal;
}
.dk-table-scroll table th:first-child,
.dk-table-scroll table td:first-child {
position: sticky;
left: 0;
z-index: 1;
background: var(--dk-white);
}
.dk-table-scroll table thead th:first-child {
background: var(--dk-white);
}
}
.page-politics .box-text a,
.page-information .box-text a {
color: var(--dk-dark);
text-decoration: underline;
}
.page-politics .box-text a:hover,
.page-information .box-text a:hover {
color: var(--dk-dark-h);
}
.page-politics .doc-version {
margin: 8px 0 24px;
font-size: var(--fs-sm);
color: var(--dk-grey-500);
}
.page-politics .box-text .legal-lead {
margin-bottom: 24px;
color: var(--dk-text);
}
.page-politics .box-text .legal-section {
margin-bottom: 24px;
}
.page-politics .box-text .legal-section h2,
.page-politics .box-text .legal-section h3 {
font-size: var(--fs-md);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
margin: 20px 0 10px;
}
.page-politics .box-text .legal-clauses {
padding-left: 24px;
}
.page-politics .box-text .legal-clauses > .clause {
margin-bottom: 16px;
}
.reviews-product-slider,
.article-slider,
.also-articles-slider,
.article-products-slider {
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.reviews-product-slider::-webkit-scrollbar,
.article-slider::-webkit-scrollbar,
.also-articles-slider::-webkit-scrollbar,
.article-products-slider::-webkit-scrollbar { display: none; }
.reviews-product-slider {
display: flex;
flex-wrap: nowrap;
gap: 16px;
overflow-x: auto;
scroll-snap-type: x mandatory;
}
.reviews-product-slider > .slide {
flex: 0 0 calc((100% - 32px) / 3);
scroll-snap-align: start;
}
@media (max-width: 992px) {
.reviews-product-slider > .slide { flex-basis: calc((100% - 16px) / 2); }
}
@media (max-width: 576px) {
.reviews-product-slider { gap: 12px; padding: 0; }
.reviews-product-slider > .slide { flex-basis: 88%; }
}
@media (max-width: 768px) {
.article-slider {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
margin: 0 -8px;
padding: 0 8px;
}
.article-slider > * {
flex: 0 0 86%;
scroll-snap-align: start;
}
}
@media (max-width: 576px) {
.also-articles-slider.row-scroll {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 12px;
width: 100%;
margin: 0;
}
.also-articles-slider.row-scroll > .col-25 {
width: auto;
flex: 0 0 86%;
max-width: 86%;
min-width: 0;
padding: 0;
margin: 0;
scroll-snap-align: start;
}
.also-articles-slider.row-scroll .news-box {
width: 100%;
}
.article-products-slider.row-scroll {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 12px;
padding: 8px 0 18px;
margin: 0;
}
.article-products-slider.row-scroll > * {
flex: 0 0 233px;
max-width: 233px;
min-width: 0;
padding: 0;
margin: 0;
scroll-snap-align: start;
}
}
@media (max-width: 576px) {
.hits-section .row,
.discount-section .row-scroll {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 12px;
padding: 8px 0 18px;
margin: 0;
scrollbar-width: none;
}
.hits-section .row > *,
.discount-section .row-scroll > * {
flex: 0 0 233px;
max-width: 233px;
min-width: 0;
width: auto;
padding: 0;
margin: 0;
scroll-snap-align: start;
}
.discount-section .row-scroll .product-card {
max-width: none;
min-width: 0;
}
.for-business .row-scroll,
.recommended .row-scroll {
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.for-business .row-scroll > *,
.recommended .row-scroll > * {
scroll-snap-align: start;
}
.hits-section .row::-webkit-scrollbar,
.discount-section .row-scroll::-webkit-scrollbar,
.for-business .row-scroll::-webkit-scrollbar,
.recommended .row-scroll::-webkit-scrollbar { display: none; }
}
.feedback-section .seo-section {
margin-top: 48px;
margin-bottom: 56px;
}
@media (max-width: 768px) {
.feedback-section .seo-section {
margin-top: 28px;
margin-bottom: 24px;
}
}
.dk-search {
position: fixed;
inset: 0;
z-index: 9500;
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 5vh;
opacity: 0;
pointer-events: none;
transition: opacity 0.15s ease;
}
.dk-search.is-open {
opacity: 1;
pointer-events: auto;
}
.dk-search__overlay {
position: absolute;
inset: 0;
background: var(--dk-scrim);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.dk-search__box {
position: relative;
z-index: 1;
background: var(--dk-white);
border-radius: var(--radius-lg);
width: calc(100% - 32px);
max-width: 640px;
box-shadow: 0 24px 64px rgba(22, 22, 22, 0.18), 0 0 0 1px rgba(22, 22, 22, 0.06);
overflow: hidden;
}
.dk-search__head {
display: flex;
align-items: center;
gap: 12px;
padding: 16px 20px;
border-bottom: 1px solid var(--dk-border);
}
.dk-search__head-icon { color: var(--dk-grey-300); flex-shrink: 0; }
.dk-search__input {
flex: 1;
border: none;
outline: none;
box-shadow: none;
-webkit-appearance: none;
font-size: var(--fs-base);
color: var(--dk-dark);
background: transparent;
min-width: 0;
}
.dk-search__input::placeholder { color: var(--dk-grey-300); }
.dk-search__esc {
display: inline-flex;
align-items: center;
height: 24px;
padding: 0 8px;
background: var(--dk-soft);
border: none;
border-radius: var(--radius-sm);
font-size: var(--fs-2xs);
font-weight: var(--fw-semibold);
color: var(--dk-grey-300);
cursor: pointer;
flex-shrink: 0;
letter-spacing: 0.03em;
box-shadow: none;
}
.dk-search__esc:hover { background: var(--dk-border-i); color: var(--dk-grey-400); }
.dk-search__results {
overflow-x: hidden;
overscroll-behavior: contain;
}
.dk-search__cols {
display: flex;
flex-direction: column;
max-height: 420px;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
}
.dk-search__col {
min-width: 0;
overflow: visible;
padding-bottom: 4px;
}
.dk-search__hint {
padding: 24px 20px;
font-size: var(--fs-sm);
color: var(--dk-grey-300);
text-align: center;
margin: 0;
}
.dk-search__hint--loading { color: var(--dk-grey-300); }
.dk-search__empty {
padding: 32px 20px;
font-size: var(--fs-sm);
color: var(--dk-grey-400);
text-align: center;
margin: 0;
}
.dk-search__group { padding-bottom: 8px; }
.dk-search__group:first-child { padding-top: 4px; }
.dk-search__group-label {
padding: 12px 20px 4px;
font-size: var(--fs-2xs);
font-weight: var(--fw-semibold);
color: var(--dk-grey-300);
text-transform: uppercase;
letter-spacing: 0.07em;
}
.dk-search__item {
display: flex;
align-items: center;
gap: 10px;
padding: 6px 16px;
text-decoration: none;
color: var(--dk-dark);
transition: background 0.08s ease;
cursor: pointer;
width: 100%;
box-sizing: border-box;
overflow: hidden;
}
.dk-search__item:hover,
.dk-search__item.is-active { background: var(--dk-soft); }
.dk-search__item-icon {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: var(--radius-sm);
flex-shrink: 0;
line-height: 0;
}
.dk-search__item-icon--product { background: var(--dk-white); color: var(--dk-blue); }
.dk-search__item-icon--article { background: var(--dk-warn-bg); color: var(--dk-orange); }
.dk-search__item-icon--download { background: var(--dk-success-bg); color: var(--dk-green); }
.dk-search__item-name {
flex: 1;
font-size: var(--fs-sm);
line-height: var(--lh-snug);
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dk-search__item-arrow { color: var(--dk-border-i); flex-shrink: 0; line-height: 0; }
.dk-search__footer {
display: flex;
align-items: center;
gap: 16px;
padding: 9px 16px;
border-top: 1px solid var(--dk-border);
background: var(--dk-grey-bg);
}
.dk-search__hint-key {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: var(--fs-2xs);
color: var(--dk-grey-300);
}
.dk-search__hint-key kbd {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
height: 18px;
padding: 0 4px;
background: var(--dk-soft);
border-radius: var(--radius-xs);
font-size: var(--fs-2xs);
font-family: inherit;
color: var(--dk-grey-300);
box-shadow: none;
}
@media (max-width: 768px) {
.dk-search { padding-top: 0; align-items: flex-start; }
.dk-search__box { border-radius: 0 0 var(--radius-lg) var(--radius-lg); width: 100%; max-width: 100%; margin: 0; }
.dk-search__cols { max-height: 55vh; }
.dk-search__footer { display: none; }
}
.contacts-chat-cta {
display: flex;
align-items: center;
gap: 16px;
margin-top: 32px;
}
.contacts-chat-hint {
font-size: var(--fs-xs);
color: var(--dk-grey-500);
}
.checkout-box .list-characteristics:first-of-type {
margin-top: 0;
}
.checkout-box__top {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 2px 12px;
margin: 0 0 6px;
font-size: var(--fs-xs);
line-height: var(--lh-snug);
}
.checkout-box__stock {
display: inline-flex;
align-items: baseline;
gap: 7px;
white-space: nowrap;
font-weight: var(--fw-medium);
color: var(--dk-dark);
}
.checkout-box__stock::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--dk-green);
transform: translateY(-1px);
}
.checkout-box__stock--out::before {
background: var(--dk-grey-300);
}
.checkout-box__rating {
display: inline-flex;
align-items: baseline;
gap: 4px;
white-space: nowrap;
width: auto;
color: var(--dk-grey-500);
text-decoration: none;
white-space: nowrap;
transition: color 0.15s ease;
}
.checkout-box__rating:hover {
color: var(--dk-dark);
text-decoration: underline;
}
.checkout-box__star {
width: 13px;
height: 13px;
color: var(--dk-star);
transform: translateY(2px);
}
.checkout-box__rating-value {
font-weight: var(--fw-medium);
color: var(--dk-dark);
}
.checkout-box__rating-count::before {
content: "·";
margin: 0 3px 0 1px;
}
.checkout-box__price {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 4px 10px;
}
.checkout-box__price-now {
font-size: var(--fs-2xl);
font-weight: var(--fw-bold);
line-height: 1.1;
font-variant-numeric: tabular-nums;
}
.checkout-box__price-now span {
font-size: var(--fs-lg);
font-weight: var(--fw-semibold);
}
.checkout-box__price-was {
display: inline-flex;
align-items: baseline;
gap: 6px;
}
.checkout-box__price-was .old-price {
margin: 0;
font-weight: var(--fw-regular);
}
.bundle-offer {
margin: 40px 0 0;
}
.bundle-offer--cart {
grid-column: 1;
margin-top: 0;
}
.bundle-offer--cart .bundle-pair {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bundle-offer--cart .bundle-pair__deal {
grid-area: 1 / 3 / 2 / 4;
}
.bundle-pair__note {
grid-area: 2 / 1 / 3 / 4;
min-width: 0;
margin-top: 4px;
}
.bundle-pair__note-title {
margin: 0 0 8px;
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.bundle-pair__note p {
margin: 0 0 8px;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-grey-500);
}
.bundle-pair__note p:last-child {
margin-bottom: 0;
}
.bundle-offer__title {
margin: 0 0 16px;
font-size: var(--fs-xl);
font-weight: var(--fw-semibold);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.bundle-offer__list {
display: flex;
flex-direction: column;
gap: 24px;
}
.bundle-pair {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
align-items: stretch;
}
.bundle-pair__card {
min-width: 0;
display: flex;
}
.bundle-pair__card:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.bundle-pair__card:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.bundle-pair__op {
grid-row: 1;
z-index: 1;
align-self: center;
justify-self: end;
transform: translateX(calc(50% + 8px));
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
background: var(--dk-white);
border: 1px solid var(--dk-border-i);
border-radius: var(--radius-full);
color: var(--dk-text);
}
.bundle-pair__op svg {
display: block;
}
.bundle-pair__op--plus { grid-column: 1; }
.bundle-pair__op--eq { grid-column: 2; }
.bundle-pair__deal {
grid-area: 1 / 3 / 2 / 5;
align-self: stretch;
min-width: 0;
display: flex;
flex-direction: column;
gap: 20px;
padding: 24px;
background: var(--dk-soft);
border-radius: var(--radius-lg);
}
.bundle-pair__bill,
.bundle-pair__totals {
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.bundle-pair__totals {
margin-top: auto;
gap: 8px;
padding-top: 16px;
border-top: 1px solid var(--dk-border);
}
.bundle-pair__bill-row {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
font-size: var(--fs-sm);
line-height: var(--lh-snug);
}
.bundle-pair__bill-row dt {
min-width: 0;
color: var(--dk-grey-500);
text-wrap: balance;
}
.bundle-pair__bill-row dd {
margin: 0;
text-align: right;
color: var(--dk-text);
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.bundle-pair__totals .bundle-pair__bill-row {
position: relative;
gap: 4px;
}
.bundle-pair__totals .bundle-pair__bill-row::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 1.15em;
border-bottom: 2px dotted var(--dk-border-i);
pointer-events: none;
}
.bundle-pair__totals .bundle-pair__bill-row dt,
.bundle-pair__totals .bundle-pair__bill-row dd {
position: relative;
z-index: 1;
background: var(--dk-soft);
}
.bundle-pair__totals .bundle-pair__bill-row dt {
padding-right: 8px;
}
.bundle-pair__totals .bundle-pair__bill-row dd {
padding-left: 8px;
}
.bundle-pair__bill-row--base dd {
color: var(--dk-grey-300);
text-decoration: line-through;
}
.bundle-pair__bill-row--save dd {
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
color: var(--dk-green-t);
}
.bundle-pair__bill-row--total {
margin-top: 4px;
padding-top: 12px;
border-top: 1px solid var(--dk-border);
}
.bundle-pair__totals .bundle-pair__bill-row--total::before {
display: none;
}
.bundle-pair__bill-row--total dt {
color: var(--dk-dark);
font-weight: var(--fw-medium);
}
.bundle-pair__bill-row--total dd {
font-size: var(--fs-2xl);
font-weight: var(--fw-semibold);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.bundle-pair__add {
flex: 0 0 auto;
width: 100%;
height: 48px;
padding: 0 22px;
background: var(--dk-dark);
border: none;
border-radius: var(--radius-md);
color: var(--dk-white);
font-family: inherit;
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
cursor: pointer;
transition: background var(--t-hover);
}
.bundle-pair__add:hover {
background: var(--dk-dark-h);
}
.bundle-pair__add:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(22, 22, 22, 0.16);
}
.bundle-pair__add[disabled],
.bundle-pair__add[aria-busy="true"] {
opacity: 0.65;
cursor: progress;
}
@media (max-width: 900px) {
.bundle-pair,
.bundle-offer--cart .bundle-pair {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bundle-pair__deal,
.bundle-offer--cart .bundle-pair__deal {
grid-area: 2 / 1 / 3 / 3;
align-self: stretch;
}
.bundle-pair__op--eq {
grid-column: 1 / -1;
justify-self: center;
align-self: end;
transform: translateY(calc(50% + 8px));
}
.bundle-pair__note {
grid-area: 3 / 1 / 4 / 3;
}
}
@media (max-width: 640px) {
.bundle-offer {
margin-top: 32px;
}
.bundle-offer__title {
font-size: var(--fs-lg);
}
.bundle-pair,
.bundle-offer--cart .bundle-pair {
gap: 12px;
}
.bundle-pair__deal,
.bundle-offer--cart .bundle-pair__deal {
padding: 16px;
gap: 16px;
}
}
.checkout-box__facts {
list-style: none;
margin: 14px 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.checkout-box__facts:empty {
display: none;
}
.checkout-box__facts li {
display: flex;
align-items: flex-start;
gap: 9px;
margin: 0;
font-size: var(--fs-xs);
line-height: var(--lh-snug);
color: var(--dk-text);
}
.checkout-box__facts li b {
font-weight: var(--fw-semibold);
color: var(--dk-dark);
}
.checkout-box__facts .svg-icon {
flex-shrink: 0;
width: 15px;
height: 15px;
margin-top: 1px;
stroke: var(--dk-grey-500);
fill: none;
}
.checkout-box__footer {
margin: 20px 0 0;
padding: 14px 0 0;
border-top: 1px solid var(--dk-border);
}
.checkout-box__links {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
margin: 0;
font-size: var(--fs-xs);
color: var(--dk-grey-300);
}
.checkout-box__payments + .checkout-box__links {
margin-top: 10px;
}
.checkout-box__links a {
width: auto;
color: var(--dk-grey-500);
transition: color 0.15s ease;
}
.checkout-box__links a:hover {
color: var(--dk-dark);
text-decoration: underline;
}
.checkout-box__note {
margin: 12px 0 0;
font-size: var(--fs-xs);
line-height: var(--lh-snug);
color: var(--dk-grey-500);
}
.checkout-box__note--under {
text-align: left;
}
.checkout-box .stock-notify-btn {
width: 100%;
margin: 12px 0 0;
background: var(--dk-dark);
border-color: var(--dk-dark);
color: var(--dk-white);
}
.checkout-box .stock-notify-btn:hover {
background: var(--dk-dark-h);
border-color: var(--dk-dark-h);
color: var(--dk-white);
}
.checkout-box__cta .product-add-to-cart {
margin-top: 8px;
background: var(--dk-white);
border: 1px solid var(--dk-border-i);
color: var(--dk-dark);
font-weight: var(--fw-medium);
}
.checkout-box__cta .product-add-to-cart:hover {
background: var(--dk-white);
color: var(--dk-dark);
border-color: var(--dk-dark);
}
.dolyame-widget-btn {
justify-content: flex-start;
gap: 12px;
}
.product-section-title {
margin: 32px 0 16px;
font-size: var(--fs-xl);
font-weight: var(--fw-bold);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.product-section-title:first-child {
margin-top: 0;
}
@media (max-width: 767px) {
.product-section-title {
font-size: var(--fs-lg);
margin: 24px 0 12px;
}
}
.checkout-box__payments {
display: flex;
justify-content: flex-start;
}
.checkout-box__payments img {
max-width: 100%;
height: 20px;
display: block;
}
@media only screen and (min-width: 1200px) {
.checkout-content-wrap {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
.checkout-content-wrap > .checkout-box {
margin-bottom: 8px;
}
.checkout-content-wrap > .dolyame-widget-btn {
margin: 0;
padding: 12px 16px;
border-radius: var(--radius-md);
}
.checkout-content-wrap > .key-info-box.info-banner {
margin: 0;
padding: 12px 16px;
border-radius: var(--radius-md);
}
}
@media (max-width: 1200px) {
.checkout-box__payments,
.dolyame-widget-btn {
display: none;
}
.checkout-box__price-now {
font-size: var(--fs-xl);
}
.checkout-box__top,
.checkout-box__facts,
.checkout-box__footer,
.checkout-box__note {
display: none;
}
.checkout-column {
background: rgba(255, 255, 255, 0.96);
border-top: 1px solid var(--dk-border);
box-shadow: 0 -4px 16px rgba(22, 22, 22, 0.10);
}
.checkout-box__cta {
display: flex;
flex-direction: row;
gap: 8px;
width: 100%;
margin: 0;
}
.checkout-box__cta .btn-buy,
.checkout-box__cta .product-add-to-cart {
flex: 1 1 0;
width: auto;
min-width: 0;
margin: 16px 0 0;
height: 44px;
white-space: nowrap;
}
.checkout-box__cta .btn-buy .d-pc {
display: none;
}
.checkout-box__cta .btn-buy .d-mobile {
display: inline;
}
}
@media (max-width: 768px) {
.page-product .product-image {
max-height: 240px;
overflow: hidden;
}
.page-product .product-image img,
.page-product .product-image picture,
.page-product .product-image__preview-item {
max-height: 240px;
width: 100%;
object-fit: contain;
}
}
.versions-compare-link {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 12px 0 0;
padding: 0;
font-size: var(--fs-xs);
color: var(--dk-grey-500);
text-decoration: none;
transition: color 0.15s ease;
}
.versions-compare-link:hover {
color: var(--dk-dark);
}
.versions-compare-link:hover span {
text-decoration: underline;
text-underline-offset: 3px;
}
.versions-compare-link svg {
flex-shrink: 0;
}
.distr-download-link {
display: inline-flex;
align-items: center;
gap: 5px;
text-decoration: underline;
text-underline-offset: 2px;
color: var(--dk-dark);
transition: opacity 0.15s ease;
}
.distr-download-link:hover {
color: var(--dk-dark);
opacity: 0.7;
}
.distr-download-link svg {
flex-shrink: 0;
}
.modal-versions-compare,
.modal-info {
max-width: 720px;
width: 100%;
border-radius: var(--radius-2xl);
padding: 0;
height: auto;
}
.modal-versions-compare .modal__head,
.modal-info .modal__head {
border-bottom: 1px solid var(--dk-border);
padding: 20px 24px;
align-items: center;
justify-content: space-between;
min-height: auto;
}
.modal-versions-compare .versions-compare-title,
.modal-info .modal-info__title {
margin: 0;
font-size: var(--fs-lg);
font-weight: var(--fw-bold);
color: var(--dk-dark);
}
.modal-versions-compare .modal__body,
.modal-info .modal__body {
padding: 24px;
}
.versions-compare-lead,
.modal-info__lead {
margin: 0 0 18px;
color: var(--dk-text);
font-size: var(--fs-sm);
line-height: var(--lh-body);
}
.versions-compare-text p,
.modal-info__text p {
margin: 0 0 14px;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-dark);
}
.versions-compare-text p:last-child,
.modal-info__text p:last-child {
margin-bottom: 0;
}
.versions-compare-text strong,
.modal-info__text strong {
font-weight: var(--fw-bold);
}
.modal-info {
max-width: 560px;
}
.modal-info__link {
display: inline;
width: auto;
color: var(--dk-dark);
text-decoration: underline;
}
.modal__div[tabindex="-1"]:focus,
.modal__div[tabindex="-1"]:focus-visible {
outline: none;
}
.versions-compare-note,
.modal-info__note {
margin: 18px 0 0;
padding-top: 14px;
border-top: 1px solid var(--dk-border);
font-size: var(--fs-xs);
line-height: var(--lh-body);
color: var(--dk-grey-500);
}
@media (max-width: 600px) {
.modal-versions-compare,
.modal-info {
max-width: 100% !important;
border-radius: var(--radius-lg) !important;
}
.modal-versions-compare .versions-compare-title,
.modal-info .modal-info__title {
font-size: var(--fs-md);
}
.modal-versions-compare .modal__body,
.modal-info .modal__body {
padding: 20px;
}
.versions-compare-text p,
.modal-info__text p {
font-size: var(--fs-sm);
}
}
.dl-page > .container > .nav-breadcrumb,
.dl-head,
.dl-search,
.dl-search-box,
.dl-search-results,
#dlBrowse,
.dl-results,
.dl-empty,
.dl-reg,
.dl-howto,
.dl-faq,
.dl-seo,
.dl-prose,
.dl-related,
.dl-section-page,
.dl-detail {
width: 100%;
}
.dl-page {
padding-bottom: 80px;
}
@media (max-width: 760px) {
.dl-page { padding-bottom: 48px; }
}
.dl-head {
margin: 16px 0 32px;
}
.dl-head__title {
margin: 0 0 12px;
font-size: var(--fs-3xl);
line-height: 1.15;
font-weight: var(--fw-semibold);
color: var(--dk-dark);
}
.dl-head__lead {
margin: 0;
font-size: var(--fs-base);
line-height: var(--lh-body);
color: var(--dk-text);
}
@media (max-width: 760px) {
.dl-head { margin: 12px 0 24px; }
.dl-head__title { font-size: var(--fs-2xl); }
.dl-head__lead { font-size: var(--fs-sm); }
}
.dl-search-wrapper {
max-width: none;
padding: 0;
background: transparent;
border-radius: var(--radius-md);
margin: 0 0 32px;
position: relative;
}
.dl-search-wrapper::before { display: none; }
.dl-search-wrapper .form-search {
position: relative;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-md);
padding: 0 18px;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.dl-search-wrapper .form-search input {
height: 56px;
padding: 0 0 0 32px;
font-size: var(--fs-base);
background: transparent;
color: var(--dk-dark);
outline: none;
-webkit-tap-highlight-color: transparent;
}
.dl-search-wrapper .form-search input::placeholder { color: var(--dk-grey-300); }
.dl-search-wrapper .form-search:focus-within {
border-color: var(--dk-dark);
}
.dl-search-wrapper.click .form-search,
.dl-search-wrapper.click::before { border-radius: var(--radius-md); box-shadow: none; }
.dl-search-wrapper .dl-search__icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
color: var(--dk-grey-500);
pointer-events: none;
z-index: 1;
}
.dl-search-wrapper .search-result {
position: static;
display: none;
width: 100%;
transform: none;
margin: 12px 0 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
font-size: var(--fs-sm);
}
.dl-search-wrapper.click .search-result { display: block; }
.dl-search-wrapper.click .form-search { border-color: var(--dk-dark); }
.dl-search-wrapper.click ~ .dl-reg {
display: none;
}
.dl-search-wrapper .search-result__box {
margin: 0;
}
.dl-search-wrapper .search-result__category {
display: inline-block;
width: auto;
margin: 0 0 16px;
padding: 6px 12px;
background: var(--dk-soft);
border-radius: var(--radius-sm);
font-size: var(--fs-xs);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
text-transform: none;
}
.dl-search-wrapper .search-result__list {
display: flex;
flex-direction: column;
gap: 6px;
}
.dl-search-wrapper .search-result__list li {
width: 100%;
margin: 0;
}
.dl-search-wrapper .search-result__list li a {
display: flex;
align-items: center;
gap: 14px;
width: 100%;
padding: 12px 14px;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-md);
color: var(--dk-dark);
text-decoration: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.dl-search-wrapper .search-result__list li a:hover {
color: var(--dk-dark);
border-color: var(--dk-border-i);
box-shadow: var(--shadow-md);
}
.dl-search-wrapper .search-result__icon {
flex-shrink: 0;
width: 40px;
height: 40px;
background: var(--dk-soft);
border-radius: var(--radius-sm);
padding: 6px;
object-fit: contain;
}
.dl-search-wrapper .search-result__name {
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
line-height: var(--lh-heading);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
flex: 1;
}
.dl-search-wrapper .search-result__list li a:not(:has(.search-result__icon))::before {
content: "";
flex-shrink: 0;
width: 36px;
height: 36px;
}
@media (max-width: 760px) {
.dl-search-wrapper .form-search input { height: 48px; font-size: var(--fs-sm); padding-left: 28px; }
.dl-search-wrapper .dl-search__icon { left: 14px; width: 18px; height: 18px; }
}
.dl-search {
position: relative;
margin: 0 0 32px;
}
.dl-search--inline {
margin: 0 0 20px;
}
.dl-search__icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
color: var(--dk-grey-500);
pointer-events: none;
}
.dl-search__input {
width: 100%;
height: 56px;
padding: 0 20px 0 52px;
font-size: var(--fs-base);
color: var(--dk-dark);
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-md);
outline: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.dl-search__input::placeholder {
color: var(--dk-grey-300);
}
.dl-search__input:focus {
border-color: var(--dk-dark);
}
.dl-search--inline .dl-search__input {
height: 48px;
font-size: var(--fs-sm);
}
.dl-search-box .dl-search__input { padding-right: 48px; }
.dl-search__clear {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
background: transparent;
border: none;
border-radius: var(--radius-full);
color: var(--dk-grey-500);
cursor: pointer;
transition: background var(--t-hover), color var(--t-hover);
}
.dl-search__clear:hover { background: var(--dk-grey-bg); color: var(--dk-dark); }
.dl-search__clear svg { width: 18px; height: 18px; }
.dl-search-results { margin: 0 0 32px; }
.dl-search-results__meta {
margin: 0 0 16px;
font-size: var(--fs-sm);
color: var(--dk-grey-500);
}
.dl-search-results__meta:empty { display: none; margin: 0; }
.dl-search-results .dl-reg { margin: 0; }
.dl-search-results .dl-empty { margin: 4px 0 0; }
@media (max-width: 760px) {
.dl-search__input { height: 48px; font-size: var(--fs-sm); padding-left: 46px; }
.dl-search__icon { left: 14px; width: 18px; height: 18px; }
.dl-search__clear { right: 8px; }
}
.dl-results {
margin: 0 0 40px;
}
.dl-results[hidden] { display: none; }
.dl-results__title {
margin: 0 0 16px;
font-size: var(--fs-lg);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
}
.dl-reg { margin: 8px 0 0; }
.dl-reg__group { margin-bottom: 28px; }
.dl-reg__group:last-child { margin-bottom: 0; }
.dl-reg__group-head {
display: flex;
align-items: center;
gap: 10px;
padding: 0 8px 10px;
border-bottom: 1px solid var(--dk-border);
margin-bottom: 2px;
}
.dl-reg__fam {
font-size: var(--fs-md);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
line-height: var(--lh-heading);
}
.dl-reg__fam-count {
margin-left: auto;
font-size: var(--fs-xs);
color: var(--dk-grey-500);
font-variant-numeric: tabular-nums;
}
.dl-reg__row {
display: flex;
align-items: baseline;
gap: 12px;
width: auto;
padding: 11px 8px;
margin: 0 -8px;
border-radius: var(--radius-sm);
color: var(--dk-dark);
text-decoration: none;
transition: background-color 0.12s ease;
}
.dl-reg__row:hover { background: var(--dk-soft); }
.dl-reg__row:hover .dl-reg__ico { background: var(--dk-white); }
.dl-reg__row:focus-visible { outline: 2px solid var(--dk-dark); outline-offset: -2px; }
.dl-reg__name {
font-size: var(--fs-base);
font-weight: var(--fw-medium);
color: var(--dk-dark);
line-height: var(--lh-heading);
}
.dl-reg__lead {
flex: 1 1 auto;
align-self: center;
min-width: 24px;
height: 0;
border-bottom: 2px dotted var(--dk-border-i);
}
.dl-reg__count {
font-size: var(--fs-sm);
color: var(--dk-grey-500);
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.dl-reg__go {
align-self: center;
display: inline-flex;
color: var(--dk-grey-400);
transition: color 0.12s ease, transform 0.12s ease;
}
.dl-reg__row:hover .dl-reg__go { color: var(--dk-dark); transform: translateX(2px); }
.dl-reg__ver {
font-family: "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
font-variant-numeric: tabular-nums;
min-width: 44px;
}
.dl-reg__plat {
font-size: var(--fs-sm);
color: var(--dk-grey-500);
min-width: 72px;
}
.dl-reg__meta {
display: inline-flex;
align-items: baseline;
gap: 14px;
white-space: nowrap;
}
.dl-reg__size {
font-family: "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;
font-size: var(--fs-xs);
color: var(--dk-text);
font-variant-numeric: tabular-nums;
}
.dl-reg__src { font-size: var(--fs-xs); color: var(--dk-grey-500); }
.dl-reg__badge {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: var(--fs-2xs);
font-weight: var(--fw-semibold);
color: var(--dk-green-t);
}
.dl-reg__badge svg { color: var(--dk-green); }
.dl-reg__rating { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-xs); }
.dl-reg__rating svg { width: 13px; height: 13px; }
.dl-reg__rating b { font-weight: var(--fw-semibold); color: var(--dk-dark); font-variant-numeric: tabular-nums; }
.dl-reg__rating span { color: var(--dk-grey-400); }
.dl-reg__dl {
align-self: center;
display: inline-flex;
color: var(--dk-grey-400);
transition: color 0.12s ease;
}
.dl-reg__row:hover .dl-reg__dl { color: var(--dk-dark); }
.dl-reg--table .dl-reg__row--ver {
display: grid;
grid-template-columns: 32px minmax(0, 1fr) 78px 96px 112px 128px 20px;
align-items: center;
column-gap: 8px;
}
.dl-reg--table .dl-reg__meta { display: contents; }
.dl-reg--table .dl-reg__main {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.dl-reg--table .dl-reg__nm {
min-width: 0;
font-size: var(--fs-base);
font-weight: var(--fw-medium);
color: var(--dk-dark);
line-height: var(--lh-heading);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dl-reg--table .dl-reg__main .dl-reg__lead {
flex: 1 1 auto;
min-width: 24px;
height: 0;
border-bottom: 2px dotted var(--dk-border-i);
}
.dl-reg--table .dl-reg__badge,
.dl-reg--table .dl-reg__size,
.dl-reg--table .dl-reg__src,
.dl-reg--table .dl-reg__rate {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
white-space: nowrap;
}
.dl-reg--table .dl-reg__badge::after,
.dl-reg--table .dl-reg__size::after,
.dl-reg--table .dl-reg__src::after,
.dl-reg--table .dl-reg__rate::after {
content: "";
flex: 1 1 auto;
min-width: 10px;
height: 0;
border-bottom: 2px dotted var(--dk-border-i);
}
.dl-reg__rating--none {
color: var(--dk-grey-300);
font-size: var(--fs-2xs);
}
.dl-reg__rating--none svg { width: 13px; height: 13px; color: var(--dk-grey-300); }
.dl-reg--table .dl-reg__ico { align-self: center; }
.dl-reg--table .dl-reg__dl { justify-self: end; align-self: center; }
.dl-reg--flat .dl-reg__row { align-items: center; }
.dl-reg__ico {
width: 28px;
height: 28px;
flex: none;
padding: 4px;
background: var(--dk-soft);
border-radius: var(--radius-sm);
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.dl-reg__ico img { max-width: 100%; max-height: 100%; object-fit: contain; }
.dl-reg__ico-mono { font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--dk-grey-500); text-transform: uppercase; }
.distribution-section h2 { margin-bottom: 10px; }
.dl-home-lead {
max-width: 560px;
margin: 0 0 20px;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-grey-500);
}
.dl-reg--home {
columns: 2;
column-gap: 64px;
}
.dl-reg--home .dl-reg__row { break-inside: avoid; }
@media (max-width: 900px) {
.dl-reg--home { columns: 1; }
}
.dl-prodhead { display: flex; align-items: center; gap: 16px; }
.dl-prodhead__logo {
width: 52px;
height: 52px;
flex: none;
padding: 9px;
background: var(--dk-soft);
border-radius: var(--radius-md);
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.dl-prodhead__logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.dl-prodhead__mono { font-size: var(--fs-lg); font-weight: var(--fw-semibold); color: var(--dk-grey-500); text-transform: uppercase; }
.dl-prodhead__body { min-width: 0; }
.dl-prodhead__body .dl-head__title { margin: 0; }
.dl-prodhead__meta {
margin: 4px 0 0;
font-size: var(--fs-sm);
color: var(--dk-grey-500);
font-variant-numeric: tabular-nums;
}
.dl-prodhead + .dl-head__lead { margin-top: 16px; }
@media (max-width: 760px) {
.dl-reg__row { gap: 10px; }
.dl-prodhead__logo { width: 44px; height: 44px; padding: 7px; }
.dl-reg--table .dl-reg__row--ver {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 12px;
row-gap: 8px;
margin: 0;
padding: 14px 16px;
border: 1px solid var(--dk-border);
border-radius: 14px;
background: var(--dk-white);
transition: background-color 0.12s ease, border-color 0.12s ease;
}
.dl-reg--table .dl-reg__row--ver + .dl-reg__row--ver { margin-top: 10px; }
.dl-reg--table .dl-reg__row--ver:hover { background: var(--dk-white); }
.dl-reg--table .dl-reg__row--ver:active { background: var(--dk-soft); border-color: var(--dk-border-h); }
.dl-reg--table .dl-reg__ico { order: 0; align-self: center; }
.dl-reg--table .dl-reg__main { order: 1; flex: 1 1 auto; min-width: 0; align-self: center; }
.dl-reg--table .dl-reg__main .dl-reg__lead { display: none; }
.dl-reg--table .dl-reg__nm { white-space: normal; overflow: visible; }
.dl-reg--table .dl-reg__dl {
order: 2;
flex: none;
width: 36px;
height: 36px;
border-radius: 10px;
background: var(--dk-soft);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--dk-dark);
}
.dl-reg--table .dl-reg__meta {
order: 3;
flex-basis: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 14px;
font-size: var(--fs-xs);
padding-left: 40px;
}
.dl-reg--table .dl-reg__badge::after,
.dl-reg--table .dl-reg__size::after,
.dl-reg--table .dl-reg__src::after,
.dl-reg--table .dl-reg__rate::after { display: none; }
}
.dl-distr-list {
width: 100%;
display: flex;
flex-direction: column;
gap: 6px;
}
.dl-distr-row {
width: 100%;
display: flex;
align-items: center;
gap: 14px;
padding: 10px 14px;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-md);
color: var(--dk-dark);
text-decoration: none;
transition: border-color 0.15s ease, background 0.15s ease;
}
.dl-distr-row:hover {
border-color: var(--dk-border-i);
background: var(--dk-soft);
}
.dl-distr-row:hover .dl-distr-row__icon { background: var(--dk-white); }
.dl-distr-row__icon {
flex-shrink: 0;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--dk-soft);
border-radius: var(--radius-sm);
overflow: hidden;
padding: 6px;
}
.dl-distr-row__icon img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.dl-distr-row__body {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.dl-distr-row__title {
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.dl-distr-row__context {
font-size: var(--fs-xs);
color: var(--dk-grey-500);
line-height: var(--lh-heading);
}
.dl-distr-row__arrow {
flex-shrink: 0;
color: var(--dk-grey-500);
}
.dl-empty {
margin: 0 0 32px;
padding: 24px;
background: var(--dk-soft);
border-radius: var(--radius-md);
text-align: center;
color: var(--dk-text);
font-size: var(--fs-sm);
}
.dl-howto {
margin: 56px 0 40px;
padding: 36px 32px;
background: var(--dk-soft);
border-radius: var(--radius-lg);
}
.dl-howto__title {
margin: 0 0 8px;
font-size: var(--fs-xl);
font-weight: var(--fw-bold);
color: var(--dk-dark);
}
.dl-howto__lead {
margin: 0 0 28px;
color: var(--dk-text);
font-size: var(--fs-sm);
line-height: var(--lh-body);
}
.dl-howto__steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
grid-auto-rows: 1fr;
align-items: stretch;
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
.dl-howto__step {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
padding: 22px 20px 20px;
background: var(--dk-white);
border-radius: var(--radius-lg);
}
.dl-howto__step--final {
background: var(--dk-dark);
color: var(--dk-white);
}
.dl-howto__step-num {
display: inline-block;
margin-bottom: 12px;
font-size: var(--fs-xs);
font-weight: var(--fw-semibold);
color: var(--dk-grey-500);
letter-spacing: 0.05em;
}
.dl-howto__step--final .dl-howto__step-num {
color: rgba(255, 255, 255, 0.55);
}
.dl-howto__step-title {
margin: 0 0 8px;
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
line-height: var(--lh-heading);
color: inherit;
}
.dl-howto__step-text {
margin: 0;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.dl-howto__step--final .dl-howto__step-text {
color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 760px) {
.dl-howto { margin: 40px 0 32px; padding: 24px 20px; border-radius: var(--radius-lg); }
.dl-howto__title { font-size: var(--fs-lg); }
.dl-howto__step { padding: 18px 16px; }
}
.dl-faq {
margin: 56px 0 40px;
}
.dl-faq__title {
margin: 0 0 16px;
font-size: var(--fs-xl);
font-weight: var(--fw-bold);
color: var(--dk-dark);
}
.dl-faq,
.page-faq .faq-content,
.faq .tabs__content {
display: flex;
flex-direction: column;
gap: 8px;
}
.dl-faq .panel_heading,
.page-faq .faq-content .panel_heading,
.faq .tabs__content .panel_heading {
margin: 0;
background: var(--dk-soft);
border-radius: var(--radius-md);
overflow: hidden;
}
.dl-faq .panel_heading .block_title,
.page-faq .faq-content .panel_heading .block_title,
.faq .tabs__content .panel_heading .block_title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 20px;
margin: 0;
font-size: var(--fs-base);
font-weight: var(--fw-medium);
line-height: var(--lh-snug);
color: var(--dk-dark);
cursor: pointer;
transition: background 0.15s ease;
}
.dl-faq .panel_heading .block_title h3,
.page-faq .faq-content .panel_heading .block_title h3,
.faq .tabs__content .panel_heading .block_title h3 {
font-size: var(--fs-base);
font-weight: var(--fw-medium);
line-height: var(--lh-snug);
margin: 0;
}
.dl-faq .panel_heading .block_title::after,
.page-faq .faq-content .panel_heading .block_title::after,
.faq .tabs__content .panel_heading .block_title::after {
content: '+';
flex-shrink: 0;
width: 22px;
height: 22px;
min-width: 22px;
margin: 0;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: var(--fs-lg);
font-weight: var(--fw-regular);
line-height: 1;
color: var(--dk-grey-500);
background: none;
transition: transform 0.2s ease, color 0.15s ease;
}
.dl-faq .panel_heading.in .block_title::after,
.dl-faq .panel_heading .block_title.in::after,
.page-faq .faq-content .panel_heading.in .block_title::after,
.page-faq .faq-content .panel_heading .block_title.in::after,
.faq .tabs__content .panel_heading.in .block_title::after,
.faq .tabs__content .panel_heading .block_title.in::after {
transform: rotate(45deg);
color: var(--dk-dark);
}
.dl-faq .panel_heading .block_hover,
.page-faq .faq-content .panel_heading .block_hover,
.faq .tabs__content .panel_heading .block_hover {
padding: 0 20px 18px;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.dl-faq .panel_heading .block_hover p,
.page-faq .faq-content .panel_heading .block_hover p,
.faq .tabs__content .panel_heading .block_hover p {
margin: 0 0 8px;
}
.dl-faq .panel_heading .block_hover p:last-child,
.page-faq .faq-content .panel_heading .block_hover p:last-child,
.faq .tabs__content .panel_heading .block_hover p:last-child {
margin-bottom: 0;
}
.faq .tabs__content .panel_heading .block_hover .box-text {
width: 100%;
padding: 0;
}
.dl-seo {
margin: 56px 0 0;
color: var(--dk-text);
font-size: var(--fs-sm);
line-height: var(--lh-body);
}
.dl-seo p { margin: 0 0 12px; }
.dl-seo p:last-child { margin: 0; }
.dl-section-page {
display: flex;
flex-direction: column;
}
.dl-subnav {
margin: 0 0 18px;
}
.dl-subnav .tabs__caption {
overflow-x: auto;
}
.dl-subnav__btn {
cursor: pointer;
}
.dl-trust {
display: flex;
flex-wrap: wrap;
gap: 12px 24px;
margin: 22px 0 30px;
padding: 0;
list-style: none;
}
.dl-trust li {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
font-size: var(--fs-sm);
color: var(--dk-text);
}
.dl-trust svg {
width: 16px;
height: 16px;
flex-shrink: 0;
color: var(--dk-grey-500);
}
.dl-buy-bridge {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
margin: 40px 0 0;
padding: 24px 28px;
background: var(--dk-dark);
border-radius: var(--radius-lg);
}
.dl-buy-bridge__body { min-width: 0; }
.dl-buy-bridge__title {
margin: 0 0 4px;
font-size: var(--fs-md);
font-weight: var(--fw-semibold);
color: var(--dk-white);
line-height: var(--lh-heading);
}
.dl-buy-bridge__text {
margin: 0;
font-size: var(--fs-sm);
color: var(--dk-grey-300);
line-height: var(--lh-body);
}
.dl-buy-bridge__cta {
display: inline-flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
background: var(--dk-white);
color: var(--dk-dark);
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
padding: 12px 20px;
border-radius: var(--radius-md);
text-decoration: none;
transition: background-color 0.15s ease;
}
.dl-buy-bridge__cta:hover { background: var(--dk-soft); }
.dl-buy-bridge__cta svg { width: 16px; height: 16px; }
@media (max-width: 760px) {
.dl-buy-bridge { padding: 20px; }
.dl-buy-bridge__cta { width: 100%; justify-content: center; }
}
.dl-prose {
margin: 40px 0;
color: var(--dk-text);
font-size: var(--fs-sm);
line-height: var(--lh-body);
}
.dl-prose p { margin: 0 0 12px; }
.dl-prose h2 { margin: 24px 0 12px; font-size: var(--fs-xl); }
.dl-prose h3 { margin: 20px 0 8px; font-size: var(--fs-md); }
.dl-related {
margin: 56px 0 0;
}
.dl-related__title {
margin: 0 0 6px;
font-size: var(--fs-xl);
font-weight: var(--fw-bold);
color: var(--dk-dark);
}
.dl-related__lead {
margin: 0 0 20px;
color: var(--dk-grey-500);
font-size: var(--fs-sm);
}
@media (max-width: 760px) {
.dl-related__title { font-size: var(--fs-md); }
}
.dl-detail {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 32px;
align-items: start;
margin-top: 16px;
}
.dl-detail__main {
min-width: 0;
}
.dl-detail__aside {
align-self: start;
position: sticky;
top: 130px;
}
.dl-detail__sheet {
display: flex;
flex-direction: column;
gap: 12px;
}
@media (max-width: 1100px) {
.dl-detail {
grid-template-columns: 1fr;
gap: 24px;
}
.dl-detail__aside {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100vh;
height: 100dvh;
z-index: 90;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: var(--dk-scrim);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.dl-detail__aside.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 0.3s ease;
}
.dl-detail__sheet {
position: relative;
max-height: 92%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
background: var(--dk-white);
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
padding: 56px 16px calc(env(safe-area-inset-bottom, 0px) + 24px);
box-shadow: 0 -8px 28px rgba(22, 22, 22, 0.14);
transform: translateY(100%);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.dl-detail__sheet { padding-top: 12px; }
.dl-detail__aside.is-open .dl-detail__sheet {
transform: translateY(0);
}
}
.dl-mobile-close { display: none; }
.dl-mobile-cta { display: none; }
@media (max-width: 1100px) {
.dl-mobile-cta {
display: block;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 50;
padding: 12px 16px calc(env(safe-area-inset-bottom, 0px) + 12px);
background: var(--dk-white);
box-shadow: 0 -4px 16px rgba(22, 22, 22, 0.06);
border-top: 1px solid var(--dk-border);
}
.dl-mobile-cta__btn {
width: 100%;
justify-content: center;
gap: 8px;
height: 48px;
font-size: var(--fs-sm);
}
.dl-mobile-cta__btn svg { flex-shrink: 0; }
body.dl-mobile-lock { overflow: hidden; }
body.dl-mobile-lock .dl-mobile-cta { display: none; }
body.dl-mobile-lock .cookie-notice { display: none; }
.dl-mobile-close {
display: inline-flex;
position: sticky;
top: 8px;
align-self: flex-end;
flex-shrink: 0;
width: 36px;
height: 36px;
align-items: center;
justify-content: center;
background: var(--dk-soft);
border: none;
border-radius: 50%;
color: var(--dk-dark);
cursor: pointer;
z-index: 3;
}
.dl-mobile-close:hover { background: var(--dk-border-i); }
.dl-page--detail { padding-bottom: 100px; }
}
.dl-detail__head {
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
gap: 32px;
align-items: start;
margin: 0 0 32px;
}
.dl-detail__cover {
width: 100%;
aspect-ratio: 1;
border-radius: var(--radius-xl);
background: var(--dk-soft);
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 32px;
}
.dl-detail__cover img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.dl-detail__head-body {
display: flex;
flex-direction: column;
gap: 12px;
}
.dl-detail__title {
margin: 0;
font-size: var(--fs-2xl);
font-weight: var(--fw-bold);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.dl-detail__rating {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 8px;
text-decoration: none;
color: var(--dk-dark);
font-size: var(--fs-sm);
}
.dl-detail__rating-stars {
display: inline-flex;
gap: 1px;
}
.dl-detail__rating-stars svg { width: 16px; height: 16px; }
.dl-detail__rating-value {
font-weight: var(--fw-semibold);
}
.dl-detail__rating-count {
color: var(--dk-grey-500);
}
@media (max-width: 760px) {
.dl-detail__head {
grid-template-columns: 1fr;
gap: 20px;
margin: 0 0 24px;
}
.dl-detail__cover { max-width: none; padding: 32px; border-radius: var(--radius-lg); }
.dl-detail__title { font-size: var(--fs-xl); }
}
.dl-detail__section-title {
margin: 0 0 16px;
font-size: var(--fs-xl);
font-weight: var(--fw-bold);
color: var(--dk-dark);
}
.dl-page .product-info-box .list-characteristics li a {
display: inline;
color: var(--dk-dark);
text-decoration: underline;
text-decoration-color: var(--dk-border-i);
text-underline-offset: 3px;
}
.dl-page .product-info-box .list-characteristics li a:hover {
text-decoration-color: var(--dk-dark);
}
.dl-detail__content {
margin: 0 0 36px;
color: var(--dk-text);
font-size: var(--fs-sm);
line-height: var(--lh-body);
}
.dl-detail__content p { margin: 0 0 14px; }
.dl-detail__content h2 {
margin: 28px 0 12px;
font-size: var(--fs-xl);
color: var(--dk-dark);
}
.dl-detail__content h3 {
margin: 24px 0 10px;
font-size: var(--fs-md);
color: var(--dk-dark);
}
.dl-detail__content a {
color: var(--dk-dark);
border-bottom: 1px solid var(--dk-border-i);
text-decoration: none;
}
.dl-detail__content a:hover { border-color: var(--dk-dark); }
.dl-specs { margin: 0 0 36px; }
.dl-articles { margin: 0 0 36px; }
.dl-reviews {
margin: 0 0 24px;
min-width: 0;
overflow: hidden;
}
.dl-reviews .slick-slider,
.dl-reviews .slick-list {
max-width: 100%;
}
.dl-download-box {
width: 100%;
padding: 20px;
background: var(--dk-dark);
border: none;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
}
.dl-download-box__title {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 4px;
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
color: var(--dk-white);
}
.dl-download-box__title svg { color: var(--dk-white); flex-shrink: 0; }
.dl-download-box__sub {
margin: 0 0 14px;
font-size: var(--fs-xs);
color: var(--dk-grey-300);
line-height: var(--lh-body);
}
.dl-download-box__group {
margin-top: 14px;
}
.dl-download-box__group:first-of-type {
margin-top: 0;
}
.dl-download-box__group-label {
margin: 0 0 8px;
padding: 0 2px;
font-size: var(--fs-xs);
font-weight: var(--fw-semibold);
color: var(--dk-grey-300);
}
.dl-download-box__list {
display: flex;
flex-direction: column;
gap: 6px;
}
.dl-download-link {
width: 100%;
display: grid;
grid-template-columns: 22px minmax(0, 1fr) 16px;
align-items: center;
gap: 12px;
padding: 11px 14px;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-md);
color: var(--dk-dark);
text-decoration: none;
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
line-height: var(--lh-heading);
transition: border-color 0.15s ease, background 0.15s ease;
}
.dl-download-link:hover {
border-color: var(--dk-dark);
color: var(--dk-dark);
}
.dl-download-link > svg:first-of-type { color: var(--dk-grey-500); justify-self: center; }
.dl-download-link > svg:last-of-type  { color: var(--dk-grey-500); justify-self: center; }
.dl-download-link__label {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-download-link__flag {
width: 22px;
height: 16px;
border-radius: var(--radius-xs);
object-fit: cover;
justify-self: center;
}
.dl-licence-box {
width: 100%;
padding: 18px;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-lg);
}
.dl-licence-box__head {
width: 100%;
display: flex;
align-items: flex-start;
gap: 14px;
margin: 0 0 14px;
color: inherit;
text-decoration: none;
}
.dl-licence-box__head:hover .dl-licence-box__title {
text-decoration: underline;
text-decoration-color: var(--dk-border-i);
text-underline-offset: 3px;
}
.dl-licence-box__icon {
flex-shrink: 0;
width: 64px;
height: 84px;
border-radius: 0;
border: 1px solid var(--dk-border-i);
background: var(--dk-soft) center/contain no-repeat;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.dl-licence-box__icon img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.dl-licence-box__body {
flex: 1;
min-width: 0;
padding-top: 2px;
}
.dl-licence-box__eyebrow {
font-size: var(--fs-2xs);
font-weight: var(--fw-semibold);
color: var(--dk-grey-500);
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: var(--lh-heading);
}
.dl-licence-box__title {
margin: 6px 0 0;
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.dl-licence-box__text {
margin: 0 0 14px;
font-size: var(--fs-xs);
line-height: var(--lh-body);
color: var(--dk-text);
}
.dl-licence-box__cta {
width: 100%;
justify-content: center;
}
.dl-detail__help.help-product-box {
width: 100%;
padding: 18px;
}
.dl-detail__help h3 {
font-size: var(--fs-sm);
}
@media (max-width: 760px) {
.dl-download-box { padding: 16px; }
.dl-licence-box { padding: 14px; }
}
.review-verified {
display: inline-flex;
align-items: center;
gap: 4px;
color: var(--dk-green-t);
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
line-height: 1.4;
white-space: nowrap;
vertical-align: 1px;
}
.review-verified svg {
width: 13px;
height: 13px;
flex-shrink: 0;
color: var(--dk-green);
}
.review-verified:hover { color: var(--dk-green); }
.review-verified:focus,
.review-verified:focus-visible {
outline: none;
box-shadow: none;
}
.reviews-box__user-top {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 2px 8px;
max-width: 100%;
}
.reviews-product-box .reviews-box__user,
.reviews-product-box .reviews-box__user-name {
min-width: 0;
}
.reviews-product-box .login-user {
flex-wrap: wrap;
gap: 2px 8px;
}
.reviews-product-box__head .rating {
flex-shrink: 0;
margin-left: 12px;
}
.reviews-sort {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 16px;
}
.reviews-sort__item {
padding: 7px 14px;
border-radius: var(--radius-full);
background: var(--dk-soft);
color: var(--dk-text);
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
line-height: 1.2;
white-space: nowrap;
transition: background-color var(--t-hover), color var(--t-hover);
}
.reviews-sort__item:hover { background: var(--dk-border); color: var(--dk-dark); }
.reviews-sort__item.is-active {
background: var(--dk-dark);
color: var(--dk-white);
font-weight: var(--fw-semibold);
}
.review-heart-count:empty { display: none; }
.review-topics {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0 0 10px;
}
.review-topics__label {
font-size: var(--fs-sm);
color: var(--dk-grey-500);
}
.review-topics__chip {
padding: 6px 12px;
border-radius: var(--radius-full);
background: var(--dk-soft);
color: var(--dk-text);
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
line-height: 1.2;
transition: background-color var(--t-hover), color var(--t-hover), opacity var(--t-hover);
}
.review-topics__chip:hover { background: var(--dk-border); color: var(--dk-dark); }
.review-topics__chip.is-used { opacity: 0.3; cursor: default; }
.price-discount-badge {
display: inline-block;
margin-left: 6px;
padding: 1px 6px;
border-radius: var(--radius-sm);
background: var(--dk-error-bg);
color: var(--dk-error-t);
font-size: var(--fs-xs);
font-weight: var(--fw-semibold);
line-height: 1.4;
white-space: nowrap;
vertical-align: 1px;
}
.checkout-box__b2b {
display: block;
width: 100%;
margin-top: 10px;
font-size: var(--fs-xs);
color: var(--dk-grey-500);
text-align: center;
line-height: 1.4;
transition: color var(--t-hover);
}
.checkout-box__b2b:hover { color: var(--dk-dark); text-decoration: underline; }
.reviews-digest {
margin: 12px 0 4px;
padding: 12px 16px;
background: var(--dk-soft);
border-radius: var(--radius-md);
}
.reviews-digest__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--space-3);
margin-bottom: 4px;
}
.reviews-digest__label {
font-size: var(--fs-xs);
font-weight: var(--fw-semibold);
color: var(--dk-grey-500);
}
.reviews-digest__ai {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
white-space: nowrap;
background: linear-gradient(90deg, #4f8df7, #9a6cf0, #e56ac2, #9a6cf0, #4f8df7);
background-size: 300% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: dk-ai-shimmer 5s linear infinite;
}
.reviews-digest__ai svg {
width: 11px;
height: 11px;
flex-shrink: 0;
color: #9a6cf0;
animation: dk-ai-hue 5s linear infinite;
}
@keyframes dk-ai-shimmer {
0% { background-position: 0% 0; }
100% { background-position: 300% 0; }
}
@keyframes dk-ai-hue {
0% { filter: hue-rotate(0deg); }
50% { filter: hue-rotate(-45deg); }
100% { filter: hue-rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) {
.reviews-digest__ai, .reviews-digest__ai svg { animation: none; }
}
.reviews-digest__text {
margin: 0;
font-size: var(--fs-sm);
color: var(--dk-text);
line-height: var(--lh-body);
}
.reviews-aspects {
margin: 24px 0 32px;
}
.reviews-aspects__title {
margin: 0 0 4px;
font-size: var(--fs-md);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
}
.reviews-aspects__note {
margin: 0 0 14px;
font-size: var(--fs-xs);
color: var(--dk-grey-400);
}
.reviews-aspects__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px 28px;
}
.reviews-aspect__row {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 8px;
margin-bottom: 6px;
}
.reviews-aspect__name {
font-size: var(--fs-sm);
color: var(--dk-text);
}
.reviews-aspect__pct {
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
color: var(--dk-green-t);
font-variant-numeric: tabular-nums;
}
.reviews-aspect__track {
display: block;
height: 7px;
background: var(--dk-border-i);
border-radius: var(--radius-full);
overflow: hidden;
}
.reviews-aspect__fill {
display: block;
height: 100%;
background: var(--dk-green);
border-radius: var(--radius-full);
}
.reviews-aspect__mentions {
display: block;
margin-top: 4px;
font-size: var(--fs-xs);
color: var(--dk-grey-400);
}
@media (max-width: 900px) {
.reviews-aspects__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.reviews-aspects__grid { grid-template-columns: 1fr; gap: 12px; }
}
.email-confirm-result {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 8px 0 4px;
}
.email-confirm-result__icon {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: var(--radius-lg);
background: var(--dk-soft);
color: var(--dk-dark);
margin-bottom: 16px;
}
.email-confirm-result__icon--success {
background: var(--dk-success-bg);
color: var(--dk-green-t);
}
.email-confirm-result__title {
font-size: 17px;
font-weight: 600;
color: var(--dk-dark);
margin: 0 0 8px;
}
.email-confirm-result__text {
font-size: 14.5px;
line-height: 1.55;
color: var(--dk-text);
margin: 0 0 20px;
max-width: 360px;
}
.email-confirm-result .btn {
width: 100%;
}
.stock-notify-btn {
width: 100%;
margin-top: 12px;
text-align: center;
}
.article-promo {
display: flex;
align-items: center;
gap: 32px;
padding: 24px 28px;
border-radius: var(--radius-lg);
background: url("../img/decor-bg2.svg") no-repeat right -24px bottom -40px / 260px auto, var(--dk-dark);
color: var(--dk-white);
overflow: hidden;
}
.article-promo__media {
flex-shrink: 0;
width: 200px;
height: 200px;
border-radius: var(--radius-md);
background: rgba(255, 255, 255, 0.08);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.article-promo__media img {
max-width: 80%;
max-height: 80%;
width: auto;
height: auto;
object-fit: contain;
}
.article-promo--flat .article-promo__media {
width: 189px;
height: 252px;
background: transparent;
}
.article-promo--flat .article-promo__media img {
max-width: 100%;
max-height: 100%;
border-radius: var(--radius-md);
}
.article-promo__body {
flex: 1;
min-width: 0;
}
.article-promo__meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 14px;
}
.article-promo__badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 10px;
border-radius: var(--radius-sm);
background: rgba(255, 255, 255, 0.1);
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
line-height: 1;
}
.article-promo__badge img {
width: 13px;
}
.article-promo__rating-pill {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 6px 8px 6px 7px;
background: var(--dk-green);
color: var(--dk-white);
border-radius: var(--radius-sm);
font-size: var(--fs-xs);
font-weight: var(--fw-semibold);
line-height: 1;
}
.article-promo__reviews {
font-size: var(--fs-xs);
color: rgba(255, 255, 255, 0.6);
}
.article-promo__title {
display: block;
font-size: var(--fs-xl);
font-weight: var(--fw-semibold);
line-height: var(--lh-heading);
color: var(--dk-white);
}
.article-promo__title:hover {
color: rgba(255, 255, 255, 0.75);
}
.article-promo__subtitle {
margin: 4px 0 0;
font-size: var(--fs-sm);
color: rgba(255, 255, 255, 0.6);
}
.article-promo__facts {
display: flex;
flex-direction: column;
gap: 8px;
margin: 18px 0 0;
}
.article-promo__facts li {
display: flex;
align-items: flex-start;
gap: 7px;
font-size: var(--fs-xs);
color: rgba(255, 255, 255, 0.72);
}
.article-promo__facts svg {
flex-shrink: 0;
margin-top: 1px;
color: rgba(255, 255, 255, 0.45);
}
.article-promo__buy {
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 190px;
padding: 0 0 0 28px;
border-left: 1px solid rgba(255, 255, 255, 0.12);
}
.article-promo__price-old {
font-size: var(--fs-sm);
color: rgba(255, 255, 255, 0.45);
text-decoration: line-through;
}
.article-promo__price {
font-size: var(--fs-2xl);
font-weight: var(--fw-semibold);
line-height: 1.15;
}
.article-promo__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
width: 100%;
margin: 16px 0 0;
padding: 12px 24px;
background: var(--dk-white);
color: var(--dk-dark);
border-radius: var(--radius-md);
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
line-height: 1.2;
transition: opacity 0.15s ease;
}
.article-promo__cta:hover {
color: var(--dk-dark);
opacity: 0.88;
}
.article-promo__cta svg {
transition: transform 0.15s ease;
}
.article-promo__cta:hover svg {
transform: translateX(2px);
}
@media only screen and (max-width: 992px) {
.article-promo {
gap: 24px;
padding: 20px;
}
.article-promo__media {
width: 160px;
height: 160px;
}
.article-promo--flat .article-promo__media {
width: 150px;
height: 200px;
}
.article-promo__title {
font-size: var(--fs-lg);
}
.article-promo__price {
font-size: var(--fs-xl);
}
.article-promo__buy {
min-width: 160px;
padding-left: 20px;
}
}
@media only screen and (max-width: 768px) {
.article-promo {
flex-wrap: wrap;
gap: 20px;
}
.article-promo__buy {
width: 100%;
min-width: 0;
flex-direction: row;
align-items: center;
gap: 10px;
padding: 16px 0 0;
border-left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.article-promo__cta {
width: auto;
margin: 0 0 0 auto;
}
}
@media only screen and (max-width: 480px) {
.article-promo__media {
width: 104px;
height: 104px;
}
.article-promo--flat .article-promo__media {
width: 104px;
height: 139px;
}
.article-promo__title {
font-size: var(--fs-md);
}
.article-promo__facts {
gap: 6px;
}
}
.dl-detail__filename {
font-family: "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;
font-size: var(--fs-xs);
word-break: break-all;
}
.dl-detail__bytes {
color: var(--dk-grey-500);
font-weight: var(--fw-regular);
white-space: nowrap;
}
.dl-hashes {
margin: 32px 0;
}
.dl-hashes__file {
flex-direction: column;
align-items: stretch;
margin-bottom: 20px;
}
.product-info-box .dl-hashes__list li span {
font-size: var(--fs-xs);
font-weight: var(--fw-regular);
}
.product-info-box .dl-hashes__list li .dl-hashes__file-name,
.product-info-box .dl-hashes__list li .dl-hashes__sum {
font-family: "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;
}
.product-info-box .dl-hashes__list li .dl-hashes__sum {
display: inline-flex;
align-items: center;
gap: 8px;
}
@media (min-width: 901px) {
.product-info-box .dl-hashes__list li .dl-hashes__sum {
white-space: nowrap;
}
}
.dl-hashes__copy {
flex: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
padding: 0;
border: 0;
border-radius: var(--radius-sm);
background: none;
color: var(--dk-grey-500);
cursor: pointer;
transition: color .15s ease, background-color .15s ease;
}
.dl-hashes__copy:hover {
background: var(--dk-soft);
color: var(--dk-text);
}
.dl-hashes__copy:focus-visible {
outline: 2px solid var(--dk-text);
outline-offset: 1px;
}
.dl-hashes__cmds {
width: 100%;
margin: 18px 0 0;
}
.dl-hashes__cmds-title {
margin: 0 0 8px;
font-size: var(--fs-xs);
color: var(--dk-grey-500);
}
.dl-hashes__cmd {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 6px;
padding: 8px 8px 8px 12px;
background: var(--dk-soft);
border-radius: var(--radius-sm);
}
.dl-hashes__cmd:last-child {
margin-bottom: 0;
}
.dl-hashes__cmd-os {
flex: none;
min-width: 118px;
font-size: var(--fs-xs);
color: var(--dk-grey-500);
}
.dl-hashes__cmd-line {
flex: 1 1 auto;
min-width: 0;
font-family: "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;
font-size: var(--fs-xs);
line-height: 1.5;
color: var(--dk-text);
word-break: break-all;
}
.dl-hashes__hint {
margin: 18px 0 0;
font-size: var(--fs-sm);
line-height: 1.65;
color: var(--dk-grey-500);
}
.dl-hashes__hint p {
margin: 0 0 10px;
}
.dl-hashes__hint p:last-child {
margin-bottom: 0;
}
@media (max-width: 900px) {
.dl-hashes__list li {
display: block;
margin: 0 0 14px;
}
.dl-hashes__list li::before {
display: none;
}
.product-info-box .dl-hashes__list li p {
margin: 0 0 4px;
padding: 0;
color: var(--dk-grey-500);
}
.product-info-box .dl-hashes__list li span {
display: flex;
align-items: flex-start;
padding: 0;
text-align: left;
white-space: normal;
word-break: break-all;
line-height: 1.5;
}
.dl-hashes__cmd {
flex-wrap: wrap;
row-gap: 4px;
}
.dl-hashes__cmd-os {
min-width: 0;
width: 100%;
}
}
.dl-download-box__note {
margin: -2px 0 8px;
padding: 0 2px;
font-size: var(--fs-xs);
line-height: var(--lh-body);
color: var(--dk-grey-500);
}
.dl-download-box__link {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
.dl-download-box__link:hover {
color: var(--dk-white);
}
@media (pointer: coarse) {
input:not([type]),
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="date"],
textarea,
select {
font-size: 16px !important;
}
.page-review-product .adding-review.adding-review-product textarea,
.page-review-product .adding-review.adding-review-product .form-review textarea {
font-size: 16px !important;
}
.amount input {
font-size: var(--fs-lg) !important;
}
}
.ms365-connect {
margin-top: 12px;
}
.ms365-connect--cabinet {
margin-left: calc(56px + var(--space-3));
}
@media (max-width: 600px) {
.ms365-connect--cabinet {
margin-left: 0;
}
}
.ms365-connect [hidden],
.ms365-connect__body[hidden],
.ms365-connect__plate[hidden] {
display: none !important;
}
.ms365-connect__body {
background: var(--dk-soft);
border-radius: var(--radius-md);
padding: 16px;
}
.ms365-connect__title {
margin: 0 0 6px;
color: var(--dk-dark);
font-size: var(--fs-base);
font-weight: 600;
}
.ms365-connect__text {
margin: 0 0 14px;
color: var(--dk-text);
font-size: var(--fs-sm);
line-height: 1.45;
}
.ms365-connect__label {
display: block;
margin-bottom: 6px;
color: var(--dk-text);
font-size: var(--fs-sm);
font-weight: 500;
}
.ms365-connect__input {
background: var(--dk-white);
}
.ms365-connect__actions,
.ms365-connect__confirm-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-top: 14px;
}
.ms365-connect--thanks .ms365-connect__actions,
.ms365-connect--thanks .ms365-connect__confirm-actions {
justify-content: center;
}
.ms365-connect__submit {
width: auto;
}
.ms365-connect__cancel,
.ms365-connect__edit {
padding: 0;
border: 0;
background: none;
color: var(--dk-dark);
font-size: var(--fs-sm);
font-weight: 500;
text-decoration: underline;
cursor: pointer;
}
.ms365-connect__cancel:hover,
.ms365-connect__edit:hover {
text-decoration: none;
}
.ms365-connect__edit {
margin-top: 10px;
}
.ms365-connect__error {
margin-top: 12px;
padding: 10px 12px;
border-radius: var(--radius-sm);
background: var(--dk-error-bg);
color: var(--dk-text);
font-size: var(--fs-sm);
line-height: 1.4;
}
.ms365-connect__confirm {
margin-top: 14px;
padding: 12px;
border-radius: var(--radius-sm);
background: var(--dk-white);
}
.ms365-connect__confirm-text {
margin: 0;
color: var(--dk-text);
font-size: var(--fs-sm);
line-height: 1.45;
}
.ms365-connect__plate {
background: var(--dk-success-bg);
border-radius: var(--radius-md);
padding: 16px;
}
.ms365-connect__plate:focus {
outline: none;
}
.ms365-connect__plate-title {
margin: 0 0 4px;
color: var(--dk-dark);
font-size: var(--fs-base);
font-weight: 600;
}
.ms365-connect__plate-text {
margin: 0;
color: var(--dk-text);
font-size: var(--fs-sm);
line-height: 1.45;
}
.ms365-connect__plate--warn {
background: var(--dk-warn-bg);
}
.bx-session-message {
display: none !important;
}
#loginModal .modal__head,
#registerModal .modal__head,
#resetModal .modal__head,
#changePasswordModal .modal__head,
#orderModal .modal__head {
display: block;
padding-right: 44px;
}
#loginModal .modal-title,
#registerModal .modal-title,
#resetModal .modal-title,
#changePasswordModal .modal-title,
#orderModal .modal-title {
margin: 0 !important;
}
.empty-state {
text-align: center;
padding: 60px 20px;
}
.empty-state p {
font-size: var(--fs-md);
color: var(--dk-grey-500);
margin: 0;
}
.modal-order .modal-title {
font-size: var(--fs-xl);
font-weight: var(--fw-bold);
margin: 0;
color: var(--dk-dark);
}
.modal-order label {
display: block;
margin-bottom: 16px;
}
.modal-order .promo-wrapper__label {
display: none !important;
}
.modal-order .promo-wrapper__label.show {
display: block !important;
}
.modal-order input[type="email"],
.modal-order input[type="password"],
.modal-order input[type="text"] {
width: 100%;
padding: 14px 16px;
border: 1px solid var(--dk-border-i);
border-radius: var(--radius-md);
font-size: var(--fs-sm);
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease, fill 0.2s ease;
}
.password-field-wrapper {
position: relative;
}
.password-field-wrapper input {
padding-right: 45px;
}
.password-toggle {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
color: var(--dk-grey-500);
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
transition: color 0.2s ease;
}
.password-toggle:hover {
color: var(--dk-text);
}
.password-toggle .svg-icon {
width: 20px;
height: 20px;
display: block;
}
.password-icon-eye-off {
display: none;
}
.password-field-wrapper.show-password .password-icon-eye {
display: none;
}
.password-field-wrapper.show-password .password-icon-eye-off {
display: block !important;
}
.modal-order input:focus {
border-color: var(--dk-text);
outline: none;
}
.modal-order .form-error,
.profile-form .form-error {
background: var(--dk-error-bg);
color: var(--dk-error);
padding: 12px 16px;
border-radius: var(--radius-md);
font-size: var(--fs-sm);
margin-bottom: 16px;
}
.modal-order .form-success,
.profile-form .form-success {
background: var(--dk-success-bg);
color: var(--dk-green);
padding: 12px 16px;
border-radius: var(--radius-md);
font-size: var(--fs-sm);
margin-bottom: 16px;
}
.modal-order .form-error a,
.modal-order .form-success a,
.profile-form .form-error a,
.profile-form .form-success a {
color: inherit;
text-decoration: underline;
}
.modal-order button[type="submit"] {
width: 100%;
margin-top: 8px;
margin-bottom: 16px;
}
.modal-nav-links {
text-align: center;
font-size: var(--fs-sm);
margin-top: 16px;
margin-bottom: 0;
}
.modal-nav-links a {
display: inline;
color: var(--dk-text);
text-decoration: none;
transition: opacity 0.2s ease;
}
.modal-nav-links a:hover {
opacity: 0.8;
text-decoration: underline;
}
.modal-nav-links .separator {
display: inline;
color: var(--dk-border-i);
margin: 0 8px;
}
.consent {
font-size: var(--fs-xs);
color: var(--dk-grey-500);
line-height: var(--lh-snug);
margin-top: 16px;
margin-bottom: 16px;
}
.consent a {
display: inline;
color: var(--dk-text);
text-decoration: underline;
text-underline-offset: 2px;
}
.consent a:hover {
text-decoration: underline;
}
.reset-description {
margin-bottom: 24px;
}
.reset-description p {
font-size: var(--fs-sm);
color: var(--dk-grey-500);
line-height: var(--lh-body);
margin: 0;
}
.oauth-buttons {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid var(--dk-border-i);
}
.oauth-title {
text-align: center;
font-size: var(--fs-sm);
color: var(--dk-grey-500);
margin-bottom: 16px;
}
.btn-oauth {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 16px;
border-radius: var(--radius-md);
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
border: none;
cursor: pointer;
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease, fill 0.2s ease;
margin-bottom: 12px;
}
.btn-oauth:last-child {
margin-bottom: 0;
}
.btn-oauth-vk {
background: var(--dk-blue);
color: var(--dk-white);
}
.btn-oauth-vk:hover {
background: var(--dk-blue);
}
.btn-oauth-yandex {
background: var(--dk-error);
color: var(--dk-white);
}
.btn-oauth-yandex:hover {
background: var(--dk-error);
}
.btn-oauth-google {
background: var(--dk-white);
color: var(--dk-text);
border: 1px solid var(--dk-border-i);
}
.btn-oauth-google:hover {
background: var(--dk-grey-bg);
}
@media (max-width: 768px) {
.social-auth__list { flex-direction: column; }
.modal-auth .modal__wrapper { max-width: 100%; }
}
.mail-toggle {
flex: 0 0 auto;
width: 44px;
height: 26px;
padding: 0;
border: 0;
border-radius: var(--radius-full);
background: var(--dk-border-i);
cursor: pointer;
position: relative;
transition: background-color var(--t-hover);
}
.mail-toggle__knob {
position: absolute;
top: 3px;
left: 3px;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--dk-white);
box-shadow: var(--shadow-sm);
transition: transform var(--t-hover);
}
.mail-toggle.is-on { background: var(--dk-dark); }
.mail-toggle.is-on .mail-toggle__knob { transform: translateX(18px); }
.mail-toggle:focus-visible { outline: 2px solid var(--focus-color); outline-offset: 2px; }
.mail-toggle:disabled { opacity: 0.4; cursor: not-allowed; }
.page-contacts .container > .ct-head,
.page-contacts .container > .ct-h2,
.page-contacts .container > .ct-channels,
.page-contacts .container > .ct-cases,
.page-contacts .container > .ct-bottom {
width: 100%;
}
.ct-head {
max-width: 760px;
margin: 0 0 40px;
}
.ct-head h1 {
margin: 0 0 12px;
}
.ct-head__lead {
margin: 0 0 16px;
font-size: var(--fs-base);
line-height: var(--lh-body);
color: var(--dk-text);
}
.ct-status {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 7px 14px 7px 12px;
background: var(--dk-soft);
border-radius: var(--radius-full);
font-size: var(--fs-sm);
color: var(--dk-text);
}
.ct-status__dot {
width: 8px;
height: 8px;
border-radius: var(--radius-full);
background: var(--dk-grey-400);
}
.ct-status.is-open .ct-status__dot {
background: var(--dk-green);
}
.ct-h2 {
margin: 0 0 20px;
font-size: var(--fs-xl);
font-weight: var(--fw-semibold);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.ct-channels {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin: 0 0 56px;
}
.ct-channel {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
padding: 22px;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-lg);
}
.ct-channel__name {
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--dk-grey-500);
}
.ct-channel__value {
width: auto;
font-size: var(--fs-md);
font-weight: var(--fw-semibold);
line-height: var(--lh-heading);
color: var(--dk-dark);
text-decoration: none;
}
a.ct-channel__value:hover {
color: var(--dk-dark);
text-decoration: underline;
text-underline-offset: 3px;
}
.ct-channel__note {
padding-top: 2px;
font-size: var(--fs-xs);
line-height: var(--lh-snug);
color: var(--dk-grey-500);
}
.ct-channel--primary {
background: var(--dk-dark);
border-color: var(--dk-dark);
}
.ct-channel--primary .ct-channel__name {
color: var(--dk-grey-300);
}
.ct-channel--primary .ct-channel__value {
color: var(--dk-white);
}
.ct-channel--primary .ct-channel__note {
color: rgba(255, 255, 255, 0.72);
}
.ct-channel__go {
width: 100%;
margin-top: auto;
background: var(--dk-white);
color: var(--dk-dark);
}
.ct-channel__go:hover,
.ct-channel__go:focus {
background: var(--dk-soft);
color: var(--dk-dark);
}
.ct-cases {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin: 0 0 56px;
}
.ct-case {
padding: 24px;
background: var(--dk-soft);
border-radius: var(--radius-lg);
}
.ct-case h3 {
margin: 0 0 8px;
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.ct-case p {
margin: 0 0 14px;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.ct-case__actions {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
margin-top: 14px;
}
.ct-case__actions .svc-btn {
margin-top: 0;
}
.ct-case__go {
display: inline-flex;
align-items: center;
gap: 6px;
width: auto;
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
color: var(--dk-dark);
text-decoration: none;
}
.ct-case__go::after {
content: "→";
transition: transform var(--t-hover);
}
.ct-case__go:hover {
color: var(--dk-dark);
}
.ct-case__go:hover::after {
transform: translateX(3px);
}
.ct-bottom {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
gap: 48px;
align-items: start;
}
.ct-form-wrap .ct-form,
.ct-req {
margin: 0;
}
.ct-form__lead {
margin: 0 0 20px;
max-width: 70ch;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.ct-form__body {
padding: 28px;
background: var(--dk-soft);
border-radius: var(--radius-lg);
}
.ct-form__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.ct-field {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
margin: 0;
}
.ct-field--wide {
grid-column: 1 / -1;
}
.ct-field__label {
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
color: var(--dk-text);
}
.ct-form .ct-field input,
.ct-form .ct-field textarea {
width: 100%;
height: 44px;
padding: 0 14px;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-md);
font-size: var(--fs-sm);
color: var(--dk-dark);
transition: border-color var(--t-hover);
}
.ct-form .ct-field textarea {
height: auto;
min-height: 132px;
padding: 12px 14px;
line-height: var(--lh-body);
resize: vertical;
}
.ct-form .ct-field input:hover,
.ct-form .ct-field textarea:hover {
border-color: var(--dk-grey-300);
}
.ct-form .ct-field input:focus,
.ct-form .ct-field textarea:focus {
border-color: var(--dk-dark);
background: var(--dk-white);
}
.ct-form .consent--checkbox {
margin: 20px 0 20px;
color: var(--dk-text);
}
.ct-form__submit {
min-width: 200px;
}
.ct-req__list {
margin: 0;
padding: 6px 20px;
background: var(--dk-soft);
border-radius: var(--radius-lg);
}
.ct-req__row {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 16px;
padding: 11px 0;
}
.ct-req__row + .ct-req__row {
border-top: 1px solid var(--dk-separator);
}
.ct-req__list dt {
flex: 0 0 auto;
font-size: var(--fs-xs);
color: var(--dk-text);
white-space: nowrap;
}
.ct-req__list dd {
margin: 0;
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
color: var(--dk-dark);
font-variant-numeric: tabular-nums;
text-align: right;
white-space: nowrap;
}
.ct-req__file {
width: 100%;
display: grid;
grid-template-columns: 22px minmax(0, 1fr) 16px;
align-items: center;
gap: 14px;
margin-top: 12px;
padding: 12px 16px;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-md);
color: var(--dk-dark);
text-decoration: none;
transition: border-color 0.15s ease;
}
.ct-req__file:hover,
.ct-req__file:focus-visible {
border-color: var(--dk-dark);
color: var(--dk-dark);
}
.ct-req__file > svg {
color: var(--dk-grey-500);
justify-self: center;
}
.ct-req__file:hover > svg:last-of-type {
color: var(--dk-dark);
}
.ct-req__file-text {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.ct-req__file-name {
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
line-height: var(--lh-heading);
}
.ct-req__file-meta {
font-size: var(--fs-xs);
color: var(--dk-text);
}
@media (max-width: 1100px) {
.ct-channels {
grid-template-columns: repeat(2, 1fr);
}
.ct-bottom {
grid-template-columns: minmax(0, 1fr);
gap: 40px;
}
}
@media (max-width: 680px) {
.ct-channels,
.ct-cases {
grid-template-columns: minmax(0, 1fr);
margin-bottom: 40px;
}
.ct-channel,
.ct-case {
padding: 18px;
}
.ct-channel {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
column-gap: 12px;
row-gap: 2px;
align-items: start;
}
.ct-channel .dk-ico-tile {
grid-row: 1 / span 3;
margin-bottom: 0;
}
.ct-channel__go {
grid-column: 1 / -1;
margin-top: 14px;
}
.ct-req__row {
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
.ct-req__list dd {
text-align: left;
}
.ct-form__grid {
grid-template-columns: minmax(0, 1fr);
}
.ct-form__submit {
width: 100%;
}
}
.pf-scale__track {
position: relative;
height: 10px;
background: var(--dk-soft);
border-radius: var(--radius-full);
overflow: hidden;
}
.pf-scale__fill {
height: 100%;
background: var(--pf-tier, var(--dk-dark));
border-radius: var(--radius-full);
transition: background-color var(--t-major);
}
.pf-scale__ticks {
position: absolute;
inset: 0;
display: grid;
grid-template-columns: repeat(var(--pf-steps, 6), 1fr);
pointer-events: none;
}
.pf-scale__ticks span {
border-right: 2px solid var(--dk-white);
}
.pf-scale__ticks span:last-child {
border-right: none;
}
.pf-scale__labels {
display: grid;
grid-template-columns: repeat(var(--pf-steps, 6), 1fr);
margin-top: var(--space-2);
font-size: var(--fs-xs);
font-variant-numeric: tabular-nums;
}
.pf-scale__labels span {
text-align: right;
color: var(--dk-grey-500);
}
.pf-scale__labels .is-reached {
color: var(--dk-dark);
font-weight: var(--fw-medium);
}
.pf-scale__labels .is-next {
color: var(--dk-dark);
font-weight: var(--fw-medium);
}
.page-discounts .container > .ct-head,
.page-discounts .container > .ct-h2,
.page-discounts .container > .dc-lead,
.page-discounts .container > .dc-calc,
.page-discounts .container > .dk-table-scroll,
.page-discounts .container > .dc-note,
.page-discounts .container > .ct-cases,
.page-discounts .container > .dc-stack,
.page-discounts .container > .dc-wholesale {
width: 100%;
}
.dc-lead {
max-width: 70ch;
margin: 0 0 24px;
font-size: var(--fs-base);
line-height: var(--lh-body);
color: var(--dk-text);
}
.dc-calc {
display: grid;
grid-template-columns: auto 190px minmax(0, 1fr);
align-items: center;
gap: 14px;
margin: 0 0 4px;
padding: 16px 18px;
background: var(--dk-soft);
border-radius: var(--radius-md);
}
.dc-calc__label {
margin: 0;
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
color: var(--dk-dark);
}
.dc-calc__field {
position: relative;
display: block;
}
.dc-calc__field input {
width: 100%;
height: 40px;
padding: 0 30px 0 14px;
background: var(--dk-white);
border: 1.5px solid var(--dk-border-i);
border-radius: var(--radius-md);
font-size: var(--fs-sm);
color: var(--dk-dark);
font-variant-numeric: tabular-nums;
}
.dc-calc__field input:focus {
border-color: var(--dk-dark);
outline: none;
}
.dc-calc__cur {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: var(--fs-sm);
color: var(--dk-grey-500);
pointer-events: none;
}
.dc-calc__answer {
margin: 0;
font-size: var(--fs-sm);
line-height: var(--lh-snug);
color: var(--dk-dark);
}
.dc-calc__answer:empty {
display: none;
}
@media (max-width: 900px) {
.dc-calc {
grid-template-columns: minmax(0, 1fr);
gap: 10px;
}
}
.dc-note {
max-width: 70ch;
margin: 16px 0 56px;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.dc-cases {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dc-stack {
display: flex;
flex-direction: column;
background: var(--dk-soft);
border-radius: var(--radius-lg);
overflow: hidden;
margin: 0 0 56px;
}
.dc-stack__row {
display: grid;
grid-template-columns: 260px 150px minmax(0, 1fr);
align-items: center;
gap: 20px;
padding: 18px 24px;
}
.dc-stack__row + .dc-stack__row {
border-top: 1px solid var(--dk-separator);
}
.dc-stack__what {
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
color: var(--dk-dark);
}
.dc-stack__how {
justify-self: start;
padding: 5px 12px;
border-radius: var(--radius-full);
font-size: var(--fs-xs);
font-weight: var(--fw-medium);
white-space: nowrap;
}
.dc-stack__how--adds {
background: var(--dk-success-bg);
color: var(--dk-green-t);
}
.dc-stack__how--either {
background: var(--dk-white);
color: var(--dk-text);
}
.dc-stack__how--part {
background: var(--accent-amber-bg);
color: var(--dk-warn-t);
}
.dc-stack__why {
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.dc-wholesale p {
max-width: 78ch;
}
@media (max-width: 900px) {
.dc-cases {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dc-stack__row {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
}
@media (max-width: 680px) {
.dc-cases {
grid-template-columns: minmax(0, 1fr);
}
}
.page-delivery .container > .ct-head,
.page-delivery .container > .ct-h2,
.page-delivery .container > .ct-channels,
.page-delivery .container > .dl-flow,
.page-delivery .container > .ct-cases,
.page-delivery .container > .dl-missing {
width: 100%;
}
.dl-pay {
margin-bottom: 56px;
}
.dl-flow {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
margin: 0 0 56px;
padding: 0;
list-style: none;
counter-reset: none;
}
.dl-flow__step {
position: relative;
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
padding: 22px;
background: var(--dk-soft);
border-radius: var(--radius-lg);
}
.dl-flow__num {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: var(--dk-white);
border-radius: var(--radius-sm);
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
font-variant-numeric: tabular-nums;
}
.dl-flow__body {
display: flex;
flex-direction: column;
gap: 6px;
}
.dl-flow__title {
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.dl-flow__text {
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.dl-what {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 56px;
}
.dl-missing p {
max-width: 78ch;
}
@media (max-width: 1100px) {
.dl-flow {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dl-what {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.dl-flow,
.dl-what {
grid-template-columns: minmax(0, 1fr);
}
.dl-flow__step {
padding: 18px;
}
}
.page-help .container > .ct-head,
.page-help .container > .ct-h2,
.page-help .container > .ct-cases,
.page-help .container > .dl-flow,
.page-help .container > .hp-scope,
.page-help .container > .ct-channels {
width: 100%;
}
.hp-what {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 56px;
}
.hp-flow {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.hp-scope {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin: 0;
}
.hp-scope__col {
padding: 24px;
background: var(--dk-soft);
border-radius: var(--radius-lg);
}
.hp-scope__head {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 12px;
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
color: var(--dk-dark);
}
.hp-scope__head::before {
content: "";
width: 8px;
height: 8px;
border-radius: var(--radius-full);
}
.hp-scope__head--yes::before {
background: var(--dk-green);
}
.hp-scope__head--no::before {
background: var(--dk-grey-300);
}
.hp-scope__list {
margin: 0;
padding: 0;
list-style: none;
}
.hp-scope__list li {
position: relative;
padding: 4px 0 4px 26px;
font-size: var(--fs-sm);
line-height: var(--lh-snug);
color: var(--dk-text);
}
.hp-scope__list li::before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 16px;
height: 16px;
background: var(--hp-mark-color, currentColor);
mask: var(--hp-mark) center / contain no-repeat;
}
.hp-scope__list--yes {
--hp-mark: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='m4.5 12.5 5 5 10-11'/></svg>");
--hp-mark-color: var(--dk-green-t);
}
.hp-scope__list--no {
--hp-mark: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'><path d='M5 12h14'/></svg>");
--hp-mark-color: var(--dk-grey-500);
}
.hp-scope__list li {
color: var(--dk-text);
}
.hp-scope__list--yes li,
.hp-scope__list--no li {
color: var(--dk-text);
}
.hp-scope__note {
margin: 14px 0 0;
padding-top: 14px;
border-top: 1px solid var(--dk-separator);
font-size: var(--fs-xs);
line-height: var(--lh-body);
color: var(--dk-text);
}
@media (max-width: 1100px) {
.hp-what,
.hp-flow {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.hp-what,
.hp-flow,
.hp-scope {
grid-template-columns: minmax(0, 1fr);
}
.hp-scope__col {
padding: 18px;
}
}
.page-legal .container > .ct-head,
.page-legal .container > .ct-h2,
.page-legal .container > .dl-flow,
.page-legal .container > .ct-cases,
.page-legal .container > .ct-bottom {
width: 100%;
}
.lg-flow {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg-notes {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: 56px;
}
.page-legal .ct-form .row {
margin-left: 0;
margin-right: 0;
gap: 16px 16px;
}
.page-legal .ct-form .row > [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
.page-legal .ct-form .row > .col-50 {
width: calc(50% - 8px);
}
.page-legal .ct-form label {
width: 100%;
margin: 0;
}
.page-legal .ct-form input:not([type="submit"]):not([type="checkbox"]),
.page-legal .ct-form textarea {
width: 100%;
height: 44px;
padding: 0 14px;
background: var(--dk-white);
border: 1px solid var(--dk-border);
border-radius: var(--radius-md);
font-size: var(--fs-sm);
color: var(--dk-dark);
transition: border-color var(--t-hover);
}
.page-legal .ct-form textarea {
height: auto;
min-height: 120px;
padding: 12px 14px;
line-height: var(--lh-body);
resize: vertical;
}
.page-legal .ct-form input:not([type="submit"]):not([type="checkbox"]):focus,
.page-legal .ct-form textarea:focus {
border-color: var(--dk-dark);
}
.page-legal .ct-form {
padding: 28px;
background: var(--dk-soft);
border-radius: var(--radius-lg);
}
@media (max-width: 1100px) {
.lg-flow {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.lg-flow,
.lg-notes {
grid-template-columns: minmax(0, 1fr);
}
.page-legal .ct-form {
padding: 18px;
}
.page-legal .ct-form .row > .col-50 {
width: 100%;
}
}
.page-returns .container > .ct-head,
.page-returns .container > .ct-h2,
.page-returns .container > .ct-cases,
.page-returns .container > .dl-flow,
.page-returns .container > .rt-warning,
.page-returns .container > .rt-legal,
.page-returns .container > .rt-legal__lead {
width: 100%;
}
.rt-cases {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 56px;
}
.rt-flow {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.rt-warning {
margin-bottom: 56px;
}
.rt-warning p {
max-width: 78ch;
}
.rt-legal__lead {
max-width: 70ch;
margin: 0 0 20px;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.rt-legal {
padding: 28px 32px;
background: var(--dk-soft);
border-radius: var(--radius-lg);
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.rt-legal > *:first-child {
margin-top: 0;
}
.rt-legal > *:last-child {
margin-bottom: 0;
}
.rt-legal p,
.rt-legal li,
.rt-legal h3 {
max-width: 78ch;
}
.rt-legal p {
margin: 0 0 12px;
}
.rt-legal__h {
margin: 26px 0 10px;
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
line-height: var(--lh-heading);
color: var(--dk-dark);
}
.rt-legal ul,
.rt-legal ol {
margin: 0 0 12px;
padding-left: 20px;
}
.rt-legal li {
margin: 0 0 6px;
}
@media (max-width: 1100px) {
.rt-cases,
.rt-flow {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.rt-cases,
.rt-flow {
grid-template-columns: minmax(0, 1fr);
}
}
.dk-ico {
flex-shrink: 0;
}
.dk-ico-tile {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 38px;
height: 38px;
border-radius: var(--radius-md);
background: var(--dk-soft);
}
.dk-ico-tile--green   { color: var(--dk-green-t); }
.dk-ico-tile--blue    { color: var(--dk-blue); }
.dk-ico-tile--amber   { color: var(--dk-warn-t); }
.dk-ico-tile--neutral { color: var(--dk-dark); }
.ct-case .dk-ico-tile,
.dl-flow__step .dk-ico-tile {
background: var(--dk-white);
}
.dk-ico-tile--tg {
background: var(--tg);
color: var(--dk-white);
}
.ct-channel--primary .dk-ico-tile {
background: var(--chat);
color: var(--dk-white);
}
.svc-contacts-block {
width: 100%;
margin-top: 56px;
}
.svc-contacts__h2 {
margin-top: 0;
}
.svc-contacts__lead {
max-width: 62ch;
margin: -12px 0 20px;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-grey-500);
}
.svc-contacts {
width: 100%;
margin-bottom: 0;
}
.ct-channel .dk-ico-tile,
.ct-case .dk-ico-tile {
margin-bottom: 10px;
}
.dl-flow__step {
position: relative;
}
.dl-flow__step .dk-ico-tile {
position: absolute;
right: 18px;
top: 18px;
width: 34px;
height: 34px;
}
.dl-flow__text a,
.ct-channel__note a,
.ct-case p a,
.rt-legal p a,
.rt-legal li a,
.dc-note a,
.ct-head__lead a,
.svc-contacts__lead a {
display: inline;
width: auto;
color: var(--dk-dark);
text-decoration: underline;
text-underline-offset: 2px;
}
.dl-flow__step .dl-flow__num {
position: relative;
z-index: 1;
}
.page-legal .ct-form .consent--checkbox {
align-items: flex-start;
margin: 4px 0 16px;
}
.page-legal .ct-form .row > .col-100 {
display: block;
}
.page-legal .container > .svc-contacts-block,
.page-discounts .container > .svc-contacts-block,
.page-returns .container > .svc-contacts-block,
.page-delivery .container > .svc-contacts-block,
.page-help .container > .svc-contacts-block {
width: 100%;
}
.svc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: auto;
margin-top: 12px;
align-self: flex-start;
}
.page-acticle .box-text .dk-cmd {
display: flex;
align-items: flex-start;
gap: 12px;
margin: 0 0 18px;
padding: 12px 14px;
background: var(--dk-soft);
border-radius: var(--radius-md);
}
.page-acticle .box-text .dk-cmd__text {
flex: 1 1 auto;
min-width: 0;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: var(--fs-sm);
line-height: 1.6;
color: var(--dk-dark);
white-space: pre-wrap;
overflow-wrap: anywhere;
}
.page-acticle .box-text .dk-cmd__btn {
flex: 0 0 auto;
align-self: center;
padding: 4px;
margin: -4px -4px -4px 0;
border-radius: var(--radius-sm);
color: var(--dk-grey-500);
}
.page-acticle .box-text .dk-cmd__btn:hover {
color: var(--dk-dark);
}
.page-acticle .box-text .dk-cmd__btn svg {
width: 20px;
height: 20px;
margin: 0;
}
.page-acticle .box-text .dk-cmd__btn:focus-visible {
outline: 2px solid var(--focus-color);
outline-offset: 2px;
}
@media print {
header,
footer,
.nav-breadcrumb,
.news-sidebar-box,
.ya-share2,
.article-evaluation,
.article-products,
.article-promo-shortcode,
.also-articles,
.list-tags,
.push-popup,
.overlay,
.dk-cmd__btn {
display: none !important;
}
.page-acticle .col-75,
.page-acticle .col-25 {
width: 100% !important;
padding: 0 !important;
}
.page-acticle .box-text > p,
.page-acticle .box-text > ul,
.page-acticle .box-text > ol,
.page-acticle .box-text > h2,
.page-acticle .box-text > h3,
.page-acticle .box-text > blockquote,
.page-acticle .box-text > .dk-cmd,
.page-acticle .article-title-wrapper {
max-width: none !important;
}
.dk-table-scroll,
.dk-table-scroll__viewport {
overflow: visible !important;
}
.dk-table-scroll::after {
display: none !important;
}
.page-acticle .article-title-wrapper {
background: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
img,
tr,
.dk-cmd,
blockquote {
break-inside: avoid;
}
h2,
h3 {
break-after: avoid;
}
.page-acticle .box-text a[href^="http"]::after {
content: " (" attr(href) ")";
font-size: 85%;
word-break: break-all;
}
}
@media (max-width: 1200px) {
.has-buybar .cookie-notice {
bottom: calc(var(--dk-buybar-h, 0px) + 16px);
}
}
@media (max-width: 767px) {
.has-buybar .cookie-notice {
bottom: var(--dk-buybar-h, 0px);
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
}
body.no-scroll .cookie-notice {
display: none;
}
@media (max-width: 767px) {
.page-product.optimal-template .breadcrumb li:last-child {
display: none;
}
.page-product.optimal-template .breadcrumb li:nth-last-child(2) a:after {
display: none;
}
.page-product.optimal-template .col-60,
.page-product.optimal-template .col-60 > .product-content-wrapper,
.page-product.optimal-template .col-60 > .product-content-wrapper > .product-info-box:first-child {
display: contents;
}
.page-product.optimal-template .w-100.d-tablet {
display: none;
}
.page-product.optimal-template .product-content-wrapper > .product-info-box:first-child > h1 {
order: 0;
width: 100%;
padding: 24px 8px 0;
margin: 0 0 14px;
}
.page-product.optimal-template .product-info-box__head.d-pc {
display: flex;
order: 1;
width: 100%;
padding: 0 8px;
margin: 0 0 14px;
}
.page-product.optimal-template .product-info-box__head.d-pc .rating {
margin: 0;
}
.page-product.optimal-template .col-40 {
order: 2;
width: 100%;
}
.page-product.optimal-template .reviews-digest {
order: 3;
width: calc(100% - 16px);
margin: 12px 8px 0;
}
.page-product.optimal-template .product-content-wrapper > .product-info-box:not(:first-child) {
order: 4;
width: 100%;
padding: 0 8px;
margin-top: 20px;
}
.page-product.optimal-template .product-content-wrapper > .key-info-box {
order: 4;
width: calc(100% - 16px);
margin: 20px 8px 16px;
}
.page-product.optimal-template .col-40 .product-image-wrapper {
margin-bottom: 0;
}
.page-product.optimal-template .col-40 .key-info-box {
margin: 12px 0 0;
}
}
.overlay {
z-index: 1200;
}
.modal__div {
z-index: 1201;
}
.modal__div {
justify-content: flex-start;
padding: 50px 0;
box-sizing: border-box;
}
.modal__div > .modal__wrapper {
margin-top: auto;
margin-bottom: auto;
}
@media (max-width: 576px) {
.modal__div {
padding: 10px 0;
}
}
.modal-info,
.modal-versions-compare {
max-height: 100%;
}
.page-product.optimal-template .col-75 > .reviews {
margin-top: 60px;
}
@media (max-width: 992px) {
.page-product.optimal-template .col-75 > .reviews {
margin-top: 32px;
}
}
.checkout-box__cta .btn-buy,
.checkout-box__cta .product-add-to-cart {
height: 44px;
border-radius: var(--radius-md);
}
.ms365-modal.modal__div {
width: auto;
max-width: none;
background: transparent;
box-shadow: none;
}
.ms365-modal .modal__wrapper.ms365-modal__card {
width: min(92vw, 480px);
max-width: 480px;
padding: 40px 32px 32px;
background: var(--dk-white);
border-radius: var(--radius-2xl);
box-shadow: var(--shadow-lg);
text-align: center;
position: relative;
}
.ms365-modal__close {
position: absolute;
top: 16px;
right: 16px;
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--dk-soft);
border: none;
border-radius: 50%;
color: var(--dk-dark);
cursor: pointer;
transition: background var(--t-hover);
}
.ms365-modal__close:hover {
background: var(--dk-border-i);
}
.ms365-modal__close svg {
display: block;
}
.ms365-modal .ms365-connect {
margin: 0;
}
.ms365-modal .ms365-connect + .ms365-connect {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid var(--dk-border);
}
.ms365-modal [hidden] {
display: none !important;
}
.ms365-modal__icon {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin: 0 auto 16px;
border-radius: var(--radius-lg);
background: var(--dk-soft);
color: var(--dk-dark);
}
.ms365-modal__icon--ok {
background: var(--dk-success-bg);
color: var(--dk-green-t);
}
.ms365-modal__icon--warn {
background: var(--dk-error-bg);
color: var(--dk-error-t);
}
.ms365-modal__title {
margin: 0 0 10px;
font-size: var(--fs-xl);
font-weight: var(--fw-bold);
line-height: var(--lh-heading);
color: var(--dk-dark);
text-wrap: balance;
}
.ms365-modal__text {
margin: 0 0 10px;
font-size: var(--fs-sm);
line-height: var(--lh-body);
color: var(--dk-text);
}
.ms365-modal__text strong {
color: var(--dk-dark);
font-weight: var(--fw-semibold);
overflow-wrap: anywhere;
}
.ms365-modal__alert {
margin: 0 0 10px;
font-size: var(--fs-sm);
line-height: var(--lh-body);
font-weight: var(--fw-semibold);
color: var(--dk-error-t);
}
.ms365-modal__note {
margin: 0 0 20px;
font-size: var(--fs-xs);
line-height: var(--lh-body);
color: var(--dk-grey-500);
}
.ms365-modal__note a,
.ms365-modal__text a {
display: inline;
width: auto;
color: var(--dk-dark);
text-decoration: underline;
}
.ms365-modal__note a:hover,
.ms365-modal__text a:hover {
text-decoration: none;
}
.ms365-modal__email {
margin: 0 0 12px;
font-size: var(--fs-lg);
font-weight: var(--fw-bold);
line-height: var(--lh-heading);
color: var(--dk-dark);
overflow-wrap: anywhere;
}
.ms365-modal__label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
.ms365-modal__input {
display: block;
width: 100%;
height: 52px;
margin: 0 0 12px;
padding: 0 16px;
border: 1px solid var(--dk-border-i);
border-radius: var(--radius-md);
background: var(--dk-white);
font-size: var(--fs-base);
text-align: center;
}
.ms365-modal__input[readonly] {
color: var(--dk-grey-500);
}
.ms365-modal__error {
margin: 0 0 12px;
text-align: left;
}
.ms365-modal__cta {
width: 100%;
height: 52px;
margin: 0;
justify-content: center;
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
}
.ms365-modal__link {
display: inline-block;
margin-top: 14px;
padding: 0;
border: 0;
background: none;
color: var(--dk-dark);
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
text-decoration: underline;
cursor: pointer;
}
.ms365-modal__link:hover {
text-decoration: none;
}
.ms365-modal__actions {
margin-top: 4px;
}
.ms365-modal .ms365-connect--confirming [data-ms365-intro],
.ms365-modal .ms365-connect--confirming .ms365-modal__input {
display: none;
}
.ms365-modal [data-ms365-status="failed"] [data-ms365-intro] {
display: none;
}
.ms365-modal__done {
margin-top: 16px;
}
@media (max-width: 480px) {
.ms365-modal .modal__wrapper.ms365-modal__card {
padding: 32px 20px 24px;
}
.ms365-modal__close {
top: 12px;
right: 12px;
width: 32px;
height: 32px;
}
.ms365-modal__title {
font-size: var(--fs-lg);
}
}
.ms365-connect__plate-text + .ms365-connect__plate-text {
margin-top: 8px;
}
.ms365-connect__plate-text a,
.ms365-connect__text a,
.ms365-summary__text a {
display: inline;
width: auto;
color: var(--dk-dark);
text-decoration: underline;
}
.ms365-connect__plate-text a:hover,
.ms365-connect__text a:hover,
.ms365-summary__text a:hover {
text-decoration: none;
}
.ms365-connect__plate-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 16px;
margin-top: 12px;
}
.ms365-connect__plate-actions .ms365-connect__edit {
margin-top: 0;
}
.ms365-summary {
margin-top: 12px;
padding: 14px 16px;
border-radius: var(--radius-md);
background: var(--dk-warn-bg);
text-align: left;
}
.ms365-summary[data-ms365-summary-status="submitted"],
.ms365-summary[data-ms365-summary-status="connected"] {
background: var(--dk-success-bg);
}
.ms365-summary[data-ms365-summary-status="failed"] {
background: var(--dk-error-bg);
}
.ms365-summary [hidden] {
display: none !important;
}
.ms365-summary__title {
margin: 0 0 4px;
color: var(--dk-dark);
font-size: var(--fs-base);
font-weight: var(--fw-semibold);
}
.ms365-summary__text {
margin: 0;
color: var(--dk-text);
font-size: var(--fs-sm);
line-height: var(--lh-body);
}
.ms365-summary__btn {
width: auto;
margin-top: 12px;
}
.ms365-summary__link {
margin-top: 8px;
padding: 0;
border: 0;
background: none;
color: var(--dk-dark);
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
text-decoration: underline;
cursor: pointer;
}
.ms365-summary__link:hover {
text-decoration: none;
}