:root {
--pm-shop-orange: #fc8507;
--pm-shop-orange-dark: #b84b00;
--pm-shop-orange-soft: #fff0df;
--pm-shop-ink: #191b20;
--pm-shop-muted: #62666f;
--pm-shop-line: #e4e1db;
--pm-shop-paper: #fffdf9;
--pm-shop-soft: #f3f0ea;
--pm-shop-night: #1c2025;
--pm-shop-green: #1c7a50;
--pm-brand-accent: var(--pm-shop-green);
--pm-brand-accent-strong: #16643f;
--pm-brand-accent-hover: #249a68;
--pm-brand-accent-ring: rgba(28, 122, 80, 0.12);
--pm-shop-radius: 24px;
--pm-shop-shadow: 0 22px 60px rgba(34, 27, 18, 0.11);
}
.brand-dns-shop {
--pm-brand-accent: var(--pm-shop-orange);
--pm-brand-accent-strong: var(--pm-shop-orange-dark);
--pm-brand-accent-hover: #ffa02c;
--pm-brand-accent-ring: rgba(252, 133, 7, 0.14);
}
.brand-mvideo {
--pm-shop-orange: #e31235;
--pm-shop-orange-dark: #a70d28;
--pm-shop-orange-soft: #fff0f3;
--pm-brand-accent: #e31235;
--pm-brand-accent-strong: #a70d28;
--pm-brand-accent-hover: #bd0f2e;
--pm-brand-accent-ring: rgba(227, 18, 53, 0.16);
}
.brand-mvideo .pm-button--primary {
color: #fff;
}
.brand-mvideo .pm-button--primary:hover {
color: #fff;
}
.brand-mvideo .pm-shop-hero,
.brand-mvideo .pm-product-hero {
background:
radial-gradient(circle at 82% 18%, rgba(227, 18, 53, 0.16), transparent 34%),
linear-gradient(135deg, #fffdfc 0%, #f8f1f3 100%);
}
.brand-mvideo .pm-shop-hero::after,
.brand-mvideo .pm-product-hero::after {
border-color: rgba(227, 18, 53, 0.07);
}
.brand-citilink {
--pm-shop-orange: #f58220;
--pm-shop-orange-dark: #a94700;
--pm-shop-orange-soft: #fff2e5;
--pm-brand-accent: #f58220;
--pm-brand-accent-strong: #a94700;
--pm-brand-accent-hover: #ff9b43;
--pm-brand-accent-ring: rgba(245, 130, 32, 0.17);
}
.brand-citilink .pm-button--primary,
.brand-citilink .pm-button--primary:hover {
color: #20242a;
}
.brand-tsum {
--pm-shop-orange: #a77b45;
--pm-shop-orange-dark: #634522;
--pm-shop-orange-soft: #f7efe5;
--pm-brand-accent: #a77b45;
--pm-brand-accent-strong: #634522;
--pm-brand-accent-hover: #bd915b;
--pm-brand-accent-ring: rgba(167, 123, 69, 0.16);
}
.brand-ozon {
--pm-shop-orange: #005bff;
--pm-shop-orange-dark: #003bb8;
--pm-shop-orange-soft: #edf4ff;
--pm-brand-accent: #005bff;
--pm-brand-accent-strong: #003bb8;
--pm-brand-accent-hover: #2875ff;
--pm-brand-accent-ring: rgba(0, 91, 255, 0.16);
}
.brand-wildberries {
--pm-shop-orange: #cb11ab;
--pm-shop-orange-dark: #861176;
--pm-shop-orange-soft: #fff0fb;
--pm-brand-accent: #cb11ab;
--pm-brand-accent-strong: #861176;
--pm-brand-accent-hover: #df35c2;
--pm-brand-accent-ring: rgba(203, 17, 171, 0.16);
}
.brand-tsum .pm-button--primary,
.brand-tsum .pm-button--primary:hover {
color: #171717;
}
.brand-ozon .pm-button--primary,
.brand-ozon .pm-button--primary:hover,
.brand-wildberries .pm-button--primary,
.brand-wildberries .pm-button--primary:hover {
color: #fff;
}
.brand-citilink .pm-shop-hero,
.brand-citilink .pm-product-hero {
background: radial-gradient(circle at 82% 18%, rgba(245, 130, 32, 0.16), transparent 34%), linear-gradient(135deg, #fffdf9 0%, #fff4e8 100%);
}
.brand-tsum .pm-shop-hero,
.brand-tsum .pm-product-hero {
background: radial-gradient(circle at 82% 18%, rgba(167, 123, 69, 0.15), transparent 34%), linear-gradient(135deg, #fffefa 0%, #f6f0e8 100%);
}
.brand-ozon .pm-shop-hero,
.brand-ozon .pm-product-hero {
background: radial-gradient(circle at 82% 18%, rgba(0, 91, 255, 0.14), transparent 34%), linear-gradient(135deg, #fcfdff 0%, #edf4ff 100%);
}
.brand-wildberries .pm-shop-hero,
.brand-wildberries .pm-product-hero {
background: radial-gradient(circle at 82% 18%, rgba(203, 17, 171, 0.14), transparent 34%), linear-gradient(135deg, #fffdfd 0%, #fff0fb 100%);
}
.brand-citilink .pm-shop-hero::after,
.brand-citilink .pm-product-hero::after { border-color: rgba(245, 130, 32, 0.08); }
.brand-tsum .pm-shop-hero::after,
.brand-tsum .pm-product-hero::after { border-color: rgba(167, 123, 69, 0.08); }
.brand-ozon .pm-shop-hero::after,
.brand-ozon .pm-product-hero::after { border-color: rgba(0, 91, 255, 0.07); }
.brand-wildberries .pm-shop-hero::after,
.brand-wildberries .pm-product-hero::after { border-color: rgba(203, 17, 171, 0.07); }
.pm-shop-page {
background: #f7f5f0;
color: var(--pm-shop-ink);
}
.store-skip-link {
position: fixed;
z-index: 1000;
top: 12px;
left: 12px;
display: inline-flex;
min-height: 44px;
align-items: center;
padding: 10px 14px;
transform: translateY(calc(-100% - 24px));
border: 2px solid var(--pm-shop-orange);
border-radius: 12px;
background: #fff;
color: var(--pm-shop-ink);
font-weight: 800;
box-shadow: var(--pm-shop-shadow);
}
.store-skip-link:focus,
.store-skip-link:focus-visible {
transform: translateY(0);
outline: 3px solid rgba(252, 133, 7, 0.3);
outline-offset: 2px;
}
.pm-shop-header {
top: 0;
background: #fffdf9;
backdrop-filter: none;
}
.pm-shop-header .pm-shop-label {
margin-left: 2px;
padding: 3px 8px;
border-radius: 999px;
background: var(--pm-shop-orange-soft);
color: #963e00;
font-size: 0.68rem;
font-weight: 850;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.pm-shop-header .nav-links a[aria-current="page"] {
border-radius: 999px;
background: var(--pm-shop-orange-soft);
color: var(--pm-shop-orange-dark);
font-weight: 850;
}
.pm-shop-page .breadcrumbs {
display: flex;
flex-wrap: wrap;
gap: 8px;
color: #737780;
font-size: 0.88rem;
}
.pm-shop-page .breadcrumbs a:hover {
color: var(--pm-shop-orange-dark);
}
.pm-shop-hero,
.pm-product-hero {
position: relative;
overflow: hidden;
border-bottom: 1px solid var(--pm-shop-line);
background:
radial-gradient(circle at 82% 18%, rgba(252, 133, 7, 0.22), transparent 34%),
linear-gradient(135deg, #fffdf9 0%, #f5f0e8 100%);
}
.pm-shop-hero::after,
.pm-product-hero::after {
content: "";
position: absolute;
width: 360px;
height: 360px;
right: -170px;
bottom: -210px;
border: 56px solid rgba(252, 133, 7, 0.08);
border-radius: 50%;
pointer-events: none;
}
.pm-shop-hero .shell,
.pm-product-hero .shell {
position: relative;
z-index: 1;
padding-top: 30px;
padding-bottom: 72px;
}
.pm-shop-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.72fr);
gap: 58px;
align-items: center;
padding-top: 42px;
}
.pm-eyebrow {
margin-bottom: 12px;
color: var(--pm-shop-orange-dark);
font-size: 0.79rem;
font-weight: 900;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.pm-shop-hero h1,
.pm-product-info h1 {
max-width: 760px;
margin-bottom: 22px;
color: var(--pm-shop-ink);
font-size: clamp(2.45rem, 5.4vw, 4.9rem);
line-height: 0.98;
letter-spacing: -0.055em;
}
.pm-shop-hero__lead,
.pm-product-lead {
max-width: 690px;
margin-bottom: 28px;
color: #50555d;
font-size: clamp(1.02rem, 1.7vw, 1.2rem);
line-height: 1.65;
}
.pm-shop-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 30px;
}
.pm-button {
display: inline-flex;
min-height: 52px;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 20px;
border: 1px solid transparent;
border-radius: 14px;
font: inherit;
font-weight: 850;
line-height: 1.2;
cursor: pointer;
transition: transform 160ms ease, background 160ms ease, border-color 160ms ease, color 160ms ease;
}
.pm-button:hover {
color: inherit;
transform: translateY(-2px);
}
.pm-button--primary {
background: var(--pm-brand-accent);
color: #282018;
box-shadow: 0 14px 28px var(--pm-brand-accent-ring);
}
.pm-button--primary:hover {
background: var(--pm-brand-accent-hover);
color: #171717;
}
.pm-button--quiet {
border-color: #d8d3ca;
background: rgba(255, 255, 255, 0.72);
color: var(--pm-shop-ink);
}
.pm-button--quiet:hover {
border-color: #bcb4a8;
background: #fff;
}
.pm-trust-list,
.pm-product-promises {
display: flex;
flex-wrap: wrap;
gap: 10px 20px;
margin: 0;
padding: 0;
color: #555b62;
font-size: 0.9rem;
list-style: none;
}
.pm-trust-list li,
.pm-product-promises li {
position: relative;
padding-left: 18px;
}
.pm-trust-list li::before,
.pm-product-promises li::before {
content: "";
position: absolute;
width: 8px;
height: 8px;
left: 0;
top: 0.48em;
border-radius: 50%;
background: var(--pm-brand-accent);
box-shadow: 0 0 0 4px var(--pm-brand-accent-ring);
}
.pm-brand-panel {
position: relative;
padding: 26px;
border: 1px solid rgba(222, 215, 205, 0.95);
border-radius: 30px;
background: rgba(255, 255, 255, 0.86);
box-shadow: var(--pm-shop-shadow);
backdrop-filter: blur(14px);
}
.pm-brand-panel__label {
display: block;
margin-bottom: 22px;
color: #7a5a37;
font-size: 0.78rem;
font-weight: 850;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.pm-brand-panel__logo {
display: grid;
min-height: 230px;
place-items: center;
border-radius: 22px;
background:
linear-gradient(145deg, rgba(252, 133, 7, 0.14), rgba(255, 255, 255, 0.88)),
repeating-linear-gradient(45deg, transparent 0 14px, rgba(252, 133, 7, 0.035) 14px 28px);
}
.pm-brand-panel__logo img {
width: min(240px, 78%);
}
.pm-brand-panel__disclaimer {
max-width: 360px;
margin: 16px auto 0;
color: #686c73;
font-size: 0.82rem;
line-height: 1.5;
text-align: center;
}
.pm-brand-panel dl {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
margin: 18px 0 0;
overflow: hidden;
border: 1px solid var(--pm-shop-line);
border-radius: 16px;
background: var(--pm-shop-line);
}
.pm-brand-panel dl div {
min-width: 0;
padding: 13px 10px;
background: #fff;
}
.pm-brand-panel dt {
color: #7b7e84;
font-size: 0.72rem;
}
.pm-brand-panel dd {
margin: 3px 0 0;
font-size: 0.9rem;
font-weight: 850;
overflow-wrap: anywhere;
}
.pm-shop-section {
padding: 82px 0;
}
.pm-shop-section--soft {
border-block: 1px solid var(--pm-shop-line);
background: var(--pm-shop-soft);
}
.pm-shop-section--ink {
background:
radial-gradient(circle at 90% 0, rgba(252, 133, 7, 0.15), transparent 30%),
var(--pm-shop-night);
color: #fff;
}
.pm-shop-section--ink .pm-eyebrow {
color: #ffb363;
}
.pm-section-heading {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, 0.52fr);
gap: 38px;
align-items: end;
margin-bottom: 34px;
}
.pm-section-heading h2,
.pm-condition-grid h2,
.pm-detail-grid h2,
.pm-faq-layout h2 {
margin-bottom: 0;
color: inherit;
font-size: clamp(2rem, 4vw, 3.4rem);
line-height: 1.04;
letter-spacing: -0.04em;
}
.pm-section-heading > p {
margin-bottom: 3px;
color: #686c73;
font-size: 1rem;
}
.pm-shop-section--ink .pm-section-heading > p {
color: #c3c7cb;
}
.pm-product-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
.pm-product-card {
display: flex;
height: 100%;
min-width: 0;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--pm-shop-line);
border-radius: var(--pm-shop-radius);
background: var(--pm-shop-paper);
box-shadow: 0 12px 34px rgba(34, 27, 18, 0.055);
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.pm-product-card:hover {
border-color: rgba(252, 133, 7, 0.48);
box-shadow: 0 20px 48px rgba(34, 27, 18, 0.1);
transform: translateY(-4px);
}
.pm-product-card__visual {
position: relative;
display: grid;
min-height: 208px;
flex: 0 0 auto;
place-items: center;
overflow: hidden;
border-bottom: 1px solid var(--pm-shop-line);
background:
radial-gradient(circle at 20% 15%, rgba(255, 255, 255, 0.95), transparent 29%),
linear-gradient(140deg, #fff4e8, #ffe0bd);
}
.pm-product-card__visual:hover {
color: inherit;
}
.pm-product-card__visual::after {
content: "";
position: absolute;
width: 150px;
height: 150px;
right: -58px;
bottom: -66px;
border: 26px solid rgba(252, 133, 7, 0.12);
border-radius: 50%;
}
.pm-product-card__visual img.pm-product-art {
position: relative;
z-index: 1;
width: min(320px, 82%);
height: auto;
filter: drop-shadow(0 16px 24px rgba(34, 27, 18, 0.12));
transition: transform 180ms ease;
}
.pm-product-card:hover .pm-product-art {
transform: translateY(-3px) scale(1.02);
}
.pm-product-card__visual--bonusy-i-bally,
.pm-product-visual--bonusy-i-bally {
background: radial-gradient(circle at 18% 18%, #fffdf4, transparent 30%), linear-gradient(140deg, #fff3cb, #ffd995);
}
.pm-product-card__visual--skidki,
.pm-product-visual--skidki {
background: radial-gradient(circle at 18% 18%, #ffffff, transparent 30%), linear-gradient(140deg, #f3f8ff, #d8e9ff);
}
.pm-product-card__visual--kupony,
.pm-product-visual--kupony {
background: radial-gradient(circle at 18% 18%, #ffffff, transparent 30%), linear-gradient(140deg, #fff3f7, #f3d8e6);
}
.pm-product-card__visual--promokody,
.pm-product-visual--promokody {
background: radial-gradient(circle at 18% 18%, #ffffff, transparent 30%), linear-gradient(140deg, #effaf5, #d3eddf);
}
.pm-product-card__visual--mvideo-bonusy-i-bally,
.pm-product-visual--mvideo-bonusy-i-bally {
background: radial-gradient(circle at 18% 18%, #fff, transparent 30%), linear-gradient(140deg, #fff0f3, #ffd3dc);
}
.pm-product-card__visual--mvideo-skidki,
.pm-product-visual--mvideo-skidki {
background: radial-gradient(circle at 18% 18%, #fff, transparent 30%), linear-gradient(140deg, #f4f5f7, #dfe2e8);
}
.pm-product-card__visual--mvideo-kupony,
.pm-product-visual--mvideo-kupony {
background: radial-gradient(circle at 18% 18%, #fff, transparent 30%), linear-gradient(140deg, #fff4f0, #ffd9cf);
}
.pm-product-card__visual--mvideo-promokody,
.pm-product-visual--mvideo-promokody {
background: radial-gradient(circle at 18% 18%, #fff, transparent 30%), linear-gradient(140deg, #f6f3ff, #e2dcf5);
}
.pm-product-card__visual[class*="--citilink-"],
.pm-product-visual[class*="--citilink-"] {
background: radial-gradient(circle at 18% 18%, #fff, transparent 30%), linear-gradient(140deg, #fff5e8, #ffd9ad);
}
.pm-product-card__visual[class*="--tsum-"],
.pm-product-visual[class*="--tsum-"] {
background: radial-gradient(circle at 18% 18%, #fff, transparent 30%), linear-gradient(140deg, #fbf7f1, #e7d8c5);
}
.pm-product-card__visual[class*="--ozon-"],
.pm-product-visual[class*="--ozon-"] {
background: radial-gradient(circle at 18% 18%, #fff, transparent 30%), linear-gradient(140deg, #eff5ff, #d4e4ff);
}
.pm-product-card__visual[class*="--wildberries-"],
.pm-product-visual[class*="--wildberries-"] {
background: radial-gradient(circle at 18% 18%, #fff, transparent 30%), linear-gradient(140deg, #fff1fb, #f3d5ee);
}
.pm-product-card__mark {
position: absolute;
z-index: 2;
width: 46px;
height: 46px;
left: 18px;
top: 18px;
display: grid;
place-items: center;
border-radius: 14px;
background: var(--pm-shop-night);
color: #fff;
font-size: 1.04rem;
font-weight: 900;
}
.pm-product-card__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 24px;
}
.pm-product-card__meta,
.pm-product-info__meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-bottom: 13px;
color: #6f7379;
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.pm-stock {
display: inline-flex;
align-items: center;
gap: 7px;
white-space: nowrap;
}
.pm-stock i {
width: 8px;
height: 8px;
border-radius: 50%;
background: #a5a7aa;
}
.pm-stock--available {
color: var(--pm-brand-accent-strong);
}
.pm-stock--available i {
background: var(--pm-brand-accent);
box-shadow: 0 0 0 4px var(--pm-brand-accent-ring);
}
.pm-product-card__header {
min-height: 84px;
margin-bottom: 12px;
}
.pm-product-card__meta {
min-height: 28px;
margin-bottom: 12px;
}
.pm-product-card__meta > span:first-child {
display: inline-flex;
min-height: 26px;
align-items: center;
padding: 4px 9px;
border-radius: 999px;
background: #f2eee7;
color: #595d64;
}
.pm-product-card h3 {
margin: 0;
color: var(--pm-shop-ink);
font-size: clamp(1.3rem, 2.4vw, 1.75rem);
line-height: 1.15;
}
.pm-product-card h3 a:hover {
color: var(--pm-shop-orange-dark);
}
.pm-product-card__body > p {
min-height: 3.2em;
margin-bottom: 22px;
color: var(--pm-shop-muted);
}
.pm-product-card__footer {
display: flex;
min-height: 78px;
align-items: center;
justify-content: space-between;
gap: 18px;
margin-top: auto;
padding: 15px 17px;
border: 1px solid #ebe5db;
border-radius: 16px;
background: #faf7f1;
}
.pm-price {
display: grid;
}
.pm-price small {
color: #7e8187;
font-size: 0.72rem;
}
.pm-price strong {
font-size: 1.35rem;
}
.pm-card-link,
.pm-text-link {
color: #8e3f00;
font-size: 0.9rem;
font-weight: 850;
}
.pm-card-link:hover,
.pm-text-link:hover {
color: var(--pm-shop-orange-dark);
}
.pm-process-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
.pm-process-grid li {
min-width: 0;
padding: 24px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 20px;
background: rgba(255, 255, 255, 0.055);
}
.pm-process-grid li > span {
display: block;
margin-bottom: 32px;
color: #ffb363;
font-size: 0.8rem;
font-weight: 900;
letter-spacing: 0.08em;
}
.pm-process-grid h3 {
margin-bottom: 10px;
color: #fff;
font-size: 1.08rem;
}
.pm-process-grid p {
margin-bottom: 0;
color: #bdc1c5;
font-size: 0.92rem;
}
.pm-condition-grid,
.pm-detail-grid,
.pm-faq-layout {
display: grid;
grid-template-columns: minmax(280px, 0.64fr) minmax(0, 1.15fr);
gap: 68px;
}
.pm-condition-copy,
.pm-detail-intro {
color: #5d626a;
font-size: 1.03rem;
}
.pm-condition-copy p:last-child {
margin-bottom: 0;
}
.pm-condition-cta {
margin-top: 6px;
}
.pm-shop-footer {
background: #14171a;
color: #e7e7e5;
}
.pm-shop-footer a:hover {
color: #ffb363;
}
.pm-footer-links {
display: grid;
gap: 7px;
margin: 10px 0 0;
padding: 0;
list-style: none;
}
.pm-footer-links a {
color: #d9e1dd;
line-height: 1.45;
}
.pm-footer-links a[aria-current="page"] {
color: #ffb363;
font-weight: 850;
}
.pm-footer-links a[aria-current="page"]::before {
margin-right: 7px;
color: var(--pm-shop-orange);
content: "•";
}
.pm-footer-disclaimer {
margin-top: 24px;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.pm-footer-disclaimer p {
margin: 0;
color: #9eaaa7;
font-size: 0.82rem;
}
.pm-legal-section {
min-height: 62vh;
}
.pm-legal-page .pm-breadcrumbs,
.pm-legal-page .pm-breadcrumbs a {
color: #5f636b;
}
.pm-legal-card {
max-width: 960px;
padding: clamp(26px, 5vw, 58px);
border: 1px solid var(--pm-shop-line);
border-radius: 28px;
background: #fff;
box-shadow: var(--pm-shop-shadow);
}
.pm-legal-card h1 {
margin: 0 0 22px;
font-size: clamp(2.4rem, 6vw, 4.8rem);
line-height: 0.98;
letter-spacing: -0.045em;
}
.pm-legal-card > p:not(.pm-eyebrow) {
max-width: 760px;
color: #5d626a;
font-size: 1.02rem;
line-height: 1.65;
}
.pm-legal-card .pm-legal-lead {
margin-bottom: 8px;
font-size: 1.12rem;
}
.pm-legal-card .pm-legal-meta {
margin-top: 0;
font-size: 0.9rem;
}
.pm-legal-draft {
margin: 28px 0;
padding: 20px 22px;
border: 2px solid #b45309;
border-radius: 18px;
background: #fff7ed;
color: #713f12;
}
.pm-legal-draft strong {
display: block;
font-size: 1.05rem;
}
.pm-legal-draft p {
margin: 8px 0 0;
line-height: 1.65;
}
.pm-legal-required {
margin: 28px 0 34px;
padding: 22px;
border: 1px solid #bfd5cf;
border-radius: 18px;
background: #f4faf8;
}
.pm-legal-required h2,
.pm-legal-document__section h2 {
margin: 0;
color: var(--pm-shop-ink);
letter-spacing: -0.02em;
}
.pm-legal-required h2 {
font-size: 1.25rem;
}
.pm-legal-required ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px 18px;
margin: 16px 0 0;
padding: 0;
list-style: none;
}
.pm-legal-required code {
display: inline-block;
padding: 4px 7px;
border-radius: 7px;
background: #e5f2ee;
color: #174d3f;
font-family: inherit;
font-size: 0.88rem;
font-weight: 700;
overflow-wrap: anywhere;
}
.pm-legal-document {
display: grid;
gap: 0;
}
.pm-legal-document__section {
padding: 28px 0;
border-top: 1px solid var(--pm-shop-line);
}
.pm-legal-document__section h2 {
font-size: clamp(1.3rem, 3vw, 1.65rem);
line-height: 1.2;
}
.pm-legal-document__section p,
.pm-legal-list {
max-width: 780px;
color: #4c5553;
line-height: 1.72;
}
.pm-legal-document__section p {
margin: 14px 0 0;
}
.pm-legal-list {
margin: 14px 0 0;
padding-left: 22px;
}
.pm-legal-list li + li {
margin-top: 8px;
}
.pm-legal-related {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 30px 0 20px;
padding-top: 26px;
border-top: 1px solid var(--pm-shop-line);
}
.pm-legal-related a {
min-height: 40px;
padding: 9px 13px;
border: 1px solid #bfd5cf;
border-radius: 999px;
color: #174d3f;
font-weight: 750;
text-decoration: none;
}
.pm-legal-related a[aria-current="page"] {
border-color: #174d3f;
background: #174d3f;
color: #fff;
}
.pm-legal-related a:hover {
border-color: #174d3f;
}
.pm-legal-card .pm-legal-review {
margin: 0;
padding: 16px 18px;
border-left: 4px solid #174d3f;
background: #f7f9f8;
font-size: 0.94rem;
}
.pm-legal-card .pm-button {
margin-top: 24px;
}
@media (max-width: 680px) {
.pm-legal-card {
padding: 24px 18px 30px;
border-radius: 20px;
}
.pm-legal-card h1 {
font-size: clamp(2.15rem, 12vw, 3.2rem);
}
.pm-legal-required ul {
grid-template-columns: 1fr;
}
.pm-legal-draft,
.pm-legal-required {
padding: 18px;
}
}
.pm-product-hero .shell {
padding-bottom: 66px;
}
.pm-product-layout {
display: grid;
grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.18fr);
gap: 54px;
align-items: start;
padding-top: 38px;
}
.pm-product-visual {
position: sticky;
top: 118px;
display: grid;
min-height: 540px;
place-items: center;
align-content: center;
gap: 28px;
overflow: hidden;
border: 1px solid rgba(222, 215, 205, 0.95);
border-radius: 30px;
background:
radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.98), transparent 32%),
linear-gradient(145deg, #fff3e4, #ffd7a7);
box-shadow: var(--pm-shop-shadow);
}
.pm-product-visual::after {
content: "";
position: absolute;
width: 230px;
height: 230px;
right: -90px;
bottom: -100px;
border: 38px solid rgba(252, 133, 7, 0.12);
border-radius: 50%;
}
.pm-product-visual img.pm-product-art {
position: relative;
z-index: 1;
width: min(470px, 84%);
height: auto;
filter: drop-shadow(0 24px 34px rgba(34, 27, 18, 0.13));
}
.pm-product-visual > span {
position: relative;
z-index: 1;
color: #77400d;
font-size: 0.84rem;
font-weight: 850;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.pm-product-visual__mark {
position: absolute;
z-index: 2;
width: 58px;
height: 58px;
left: 24px;
top: 24px;
display: grid;
place-items: center;
border-radius: 18px;
background: var(--pm-shop-night);
color: #fff;
font-size: 1.2rem;
font-weight: 900;
}
.pm-product-info {
min-width: 0;
padding-top: 4px;
}
.pm-product-info h1 {
max-width: 830px;
font-size: clamp(2.4rem, 4.9vw, 4.4rem);
}
.pm-product-promises {
margin-bottom: 26px;
}
.pm-buy-box {
display: grid;
grid-template-columns: 1fr auto;
gap: 12px 18px;
align-items: center;
padding: 22px;
border: 1px solid #ded8cf;
border-radius: 22px;
background: rgba(255, 255, 255, 0.82);
box-shadow: 0 14px 36px rgba(34, 27, 18, 0.07);
}
.pm-buy-box__price {
display: grid;
}
.pm-buy-box__price span {
color: #757981;
font-size: 0.78rem;
}
.pm-buy-box__price strong {
font-size: 2rem;
line-height: 1.1;
}
.pm-buy-box > p {
grid-column: 1 / -1;
margin: 0;
color: #666b72;
font-size: 0.9rem;
}
.pm-buy-box .pm-button {
min-height: 50px;
}
.pm-buy-box > small {
grid-column: 1 / -1;
color: #818389;
line-height: 1.45;
}
.pm-package-list {
display: grid;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.pm-package-list li {
position: relative;
padding: 18px 20px 18px 52px;
border: 1px solid var(--pm-shop-line);
border-radius: 16px;
background: #fff;
color: #4d5259;
}
.pm-package-list li::before {
content: "✓";
position: absolute;
width: 26px;
height: 26px;
left: 16px;
top: 16px;
display: grid;
place-items: center;
border-radius: 50%;
background: rgba(28, 122, 80, 0.1);
color: var(--pm-shop-green);
font-weight: 900;
}
.pm-check-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin: 0;
padding: 0;
list-style: none;
}
.pm-check-list li {
display: grid;
grid-template-columns: auto 1fr;
gap: 14px;
min-width: 0;
padding: 20px;
border: 1px solid #ddd9d2;
border-radius: 18px;
background: rgba(255, 255, 255, 0.72);
}
.pm-check-list span {
color: var(--pm-shop-orange-dark);
font-size: 0.76rem;
font-weight: 900;
}
.pm-check-list p {
margin-bottom: 0;
color: #535860;
}
.pm-comparison {
background:
radial-gradient(circle at 50% 0, rgba(252, 133, 7, 0.1), transparent 34%),
linear-gradient(180deg, #f7f4ef 0%, #f1eee8 100%);
}
.pm-comparison__heading {
display: grid;
justify-items: center;
max-width: 850px;
margin: 0 auto 38px;
text-align: center;
}
.pm-comparison__heading .pm-eyebrow {
margin: 0 0 12px;
}
.pm-comparison__heading h2 {
max-width: 820px;
margin: 0;
font-size: clamp(2.25rem, 4vw, 3.35rem);
line-height: 1.04;
letter-spacing: -0.04em;
text-wrap: balance;
}
.pm-comparison__intro {
display: inline-flex;
align-items: center;
margin: 20px 0 0;
padding: 9px 15px;
border: 1px solid rgba(184, 75, 0, 0.14);
border-radius: 999px;
background: rgba(255, 255, 255, 0.82);
color: #6f3b17;
font-size: 0.92rem;
font-weight: 750;
}
.pm-check-list--comparison {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.pm-check-list--comparison li {
position: relative;
display: flex;
min-height: 188px;
flex-direction: column;
gap: 22px;
padding: 26px;
overflow: hidden;
border-color: rgba(184, 75, 0, 0.13);
border-radius: 22px;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 14px 34px rgba(64, 43, 20, 0.07);
}
.pm-check-list--comparison li::before {
position: absolute;
inset: 0 0 auto;
height: 3px;
background: linear-gradient(90deg, var(--pm-shop-orange), #ffb45e);
content: "";
}
.pm-check-list--comparison span {
display: grid;
width: 44px;
height: 44px;
flex: 0 0 44px;
place-items: center;
border-radius: 14px;
background: var(--pm-shop-orange-soft);
color: var(--pm-shop-orange-dark);
font-size: 0.78rem;
box-shadow: inset 0 0 0 1px rgba(184, 75, 0, 0.1);
}
.pm-check-list--comparison p {
color: #373b42;
font-size: 1rem;
line-height: 1.58;
}
.pm-seo-section {
border-block: 1px solid rgba(222, 215, 205, 0.9);
background:
radial-gradient(circle at 8% 12%, rgba(252, 133, 7, 0.09), transparent 24%),
#fffaf4;
}
.pm-seo-layout {
display: grid;
grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
gap: 68px;
align-items: start;
}
.pm-seo-intro {
position: sticky;
top: 112px;
}
.pm-seo-intro h2 {
margin: 0 0 24px;
color: var(--pm-shop-ink);
font-size: clamp(2.1rem, 4vw, 3.55rem);
line-height: 1.02;
letter-spacing: -0.045em;
text-wrap: balance;
}
.pm-seo-intro > p:last-child {
margin: 0;
color: #5e636b;
font-size: 1.02rem;
line-height: 1.72;
}
.pm-seo-body,
.pm-seo-grid {
display: grid;
gap: 16px;
}
.pm-seo-card {
position: relative;
padding: 26px 28px 26px 34px;
overflow: hidden;
border: 1px solid rgba(222, 215, 205, 0.96);
border-radius: 20px;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 12px 30px rgba(64, 43, 20, 0.055);
}
.pm-seo-card::before {
position: absolute;
inset: 0 auto 0 0;
width: 4px;
background: linear-gradient(180deg, var(--pm-shop-orange), #ffba6e);
content: "";
}
.pm-seo-card h3 {
margin: 0 0 10px;
color: var(--pm-shop-ink);
font-size: 1.2rem;
line-height: 1.25;
}
.pm-seo-card p {
margin: 0;
color: #5d6269;
line-height: 1.68;
}
.pm-seo-note {
display: grid;
grid-template-columns: minmax(150px, 0.38fr) minmax(0, 1fr);
gap: 22px;
align-items: center;
padding: 22px 26px;
border-radius: 20px;
background: var(--pm-shop-night);
color: #fff;
}
.pm-seo-note strong {
color: #ffb363;
font-size: 0.82rem;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.pm-seo-note p {
margin: 0;
color: #d7dadd;
line-height: 1.58;
}
@media (max-width: 980px) {
.pm-seo-layout {
grid-template-columns: 1fr;
gap: 34px;
}
.pm-seo-intro {
position: static;
}
.pm-check-list--comparison {
grid-template-columns: 1fr;
}
.pm-check-list--comparison li {
display: grid;
min-height: 0;
grid-template-columns: auto 1fr;
align-items: start;
gap: 18px;
}
}
@media (max-width: 760px) {
.pm-comparison__heading {
margin-bottom: 28px;
}
.pm-comparison__heading h2 {
font-size: clamp(2rem, 10vw, 2.7rem);
}
.pm-comparison__intro {
margin-top: 16px;
font-size: 0.86rem;
}
.pm-check-list--comparison li {
padding: 22px;
}
.pm-seo-card {
padding: 23px 24px 23px 29px;
}
.pm-seo-note {
grid-template-columns: 1fr;
gap: 8px;
}
}
.pm-faq {
display: grid;
gap: 12px;
}
.pm-faq details {
border: 1px solid var(--pm-shop-line);
border-radius: 16px;
background: #fff;
}
.pm-faq summary {
position: relative;
padding: 18px 54px 18px 20px;
font-weight: 850;
cursor: pointer;
list-style: none;
}
.pm-faq summary::-webkit-details-marker {
display: none;
}
.pm-faq summary::after {
content: "+";
position: absolute;
right: 20px;
top: 13px;
color: var(--pm-shop-orange-dark);
font-size: 1.55rem;
}
.pm-faq details[open] summary::after {
content: "−";
}
.pm-faq details p {
padding: 0 20px 20px;
margin-bottom: 0;
color: #5e636b;
}
.pm-faq__action {
display: inline-flex;
min-height: 32px;
align-items: center;
color: var(--pm-shop-orange-dark);
font-weight: 800;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.pm-faq__action:hover {
color: var(--pm-shop-orange);
}
.pm-related-section {
padding-top: 32px;
}
.pm-product-grid--related {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pm-product-card--compact .pm-product-card__visual {
min-height: 155px;
}
.pm-product-card--compact .pm-product-card__visual img.pm-product-art {
width: min(235px, 82%);
}
.pm-product-card--compact .pm-product-card__body {
padding: 18px;
}
.pm-product-card--compact .pm-product-card__header {
min-height: 80px;
}
.pm-product-card--compact .pm-product-card__footer {
min-height: 70px;
padding: 13px 14px;
}
.pm-product-card--compact .pm-product-card__body > p {
min-height: 4.8em;
font-size: 0.9rem;
}
@media (max-width: 980px) {
.pm-shop-hero__grid,
.pm-product-layout {
grid-template-columns: 1fr;
}
.pm-brand-panel {
width: min(620px, 100%);
}
.pm-product-visual {
position: relative;
top: auto;
min-height: 380px;
}
.pm-product-grid--related {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pm-process-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pm-condition-grid,
.pm-detail-grid,
.pm-faq-layout {
gap: 36px;
}
}
@media (max-width: 760px) {
.pm-shop-header .nav {
min-height: 64px;
}
.pm-shop-header .pm-shop-label {
display: none;
}
.pm-shop-header .nav-links {
gap: 12px;
overflow-x: auto;
font-size: 0.83rem;
}
.pm-shop-header .nav-links a:nth-child(3) {
display: none;
}
.pm-shop-hero .shell,
.pm-product-hero .shell {
padding-top: 22px;
padding-bottom: 48px;
}
.pm-shop-hero__grid,
.pm-product-layout {
gap: 32px;
padding-top: 28px;
}
.pm-shop-hero h1,
.pm-product-info h1 {
font-size: clamp(2.25rem, 13vw, 3.5rem);
}
.pm-brand-panel {
padding: 18px;
border-radius: 22px;
}
.pm-brand-panel__logo {
min-height: 178px;
}
.pm-brand-panel dl {
grid-template-columns: 1fr;
}
.pm-shop-section {
padding: 58px 0;
}
.pm-section-heading,
.pm-condition-grid,
.pm-detail-grid,
.pm-faq-layout {
grid-template-columns: 1fr;
gap: 20px;
}
.pm-product-grid,
.pm-product-grid--related,
.pm-check-list,
.pm-process-grid {
grid-template-columns: 1fr;
}
.pm-product-card__visual {
min-height: 180px;
}
.pm-process-grid li > span {
margin-bottom: 18px;
}
.pm-product-visual {
min-height: 310px;
border-radius: 22px;
}
.pm-buy-box {
grid-template-columns: 1fr;
}
.pm-buy-box .pm-button {
width: 100%;
}
.pm-product-card__footer {
min-height: 0;
align-items: stretch;
flex-direction: column;
}
.pm-card-link {
display: flex;
min-height: 44px;
align-items: center;
justify-content: space-between;
}
}
@media (max-width: 440px) {
.shell {
width: min(100% - 28px, 1180px);
}
.pm-shop-header .brand-word {
font-size: 1rem;
}
.pm-shop-header .nav-links a:nth-child(2) {
display: none;
}
.pm-shop-hero__actions,
.pm-shop-hero__actions .pm-button {
width: 100%;
}
.pm-trust-list,
.pm-product-promises {
display: grid;
}
.pm-product-card__body,
.pm-buy-box {
padding: 18px;
}
}
@media (prefers-reduced-motion: reduce) {
.pm-button,
.pm-product-card {
transition: none;
}
}
.pm-shop-page a:focus-visible,
.pm-shop-page button:focus-visible,
.pm-shop-page summary:focus-visible {
outline: 3px solid #fff;
outline-offset: 2px;
border-radius: 6px;
box-shadow: 0 0 0 6px #174ea6;
}
.pm-card-link,
.pm-text-link,
.pm-footer-links a {
display: inline-flex;
min-height: 32px;
align-items: center;
}
@media (max-width: 680px) {
.pm-shop-header .nav {
min-height: 64px;
align-items: center;
flex-direction: row;
justify-content: space-between;
padding: 0;
}
.pm-shop-header .nav-links {
width: auto;
min-width: 0;
flex: 1 1 auto;
justify-content: flex-end;
padding-bottom: 0;
}
}
.pm-shop-page {
--pm-festive-red: #ff4f4f;
--pm-festive-orange: #ff861f;
--pm-festive-yellow: #ffd84d;
--pm-festive-blue: #246bfe;
--pm-festive-navy: #10234a;
--pm-logo-ribbon: var(--pm-festive-yellow);
--pm-logo-spark: var(--pm-festive-blue);
background: #fff9f1;
}
.brand-dns-shop,
.brand-citilink {
--pm-logo-ribbon: #2369f4;
--pm-logo-spark: #ffd84d;
}
.brand-mvideo,
.brand-ozon,
.brand-wildberries {
--pm-logo-ribbon: #ffd84d;
--pm-logo-spark: #ff7a21;
}
.brand-tsum {
--pm-logo-ribbon: #e14d3b;
--pm-logo-spark: #246bfe;
}
.pm-dynamic-brand {
position: relative;
gap: 10px;
}
.pm-dynamic-brand .pm-gift-mark {
position: relative;
display: grid;
width: 38px;
height: 38px;
flex: 0 0 38px;
place-items: center;
overflow: visible;
border: 1px solid color-mix(in srgb, var(--pm-brand-accent-strong) 75%, #0000);
border-radius: 11px;
background:
linear-gradient(90deg, transparent 39%, var(--pm-logo-ribbon) 39% 60%, transparent 60%),
linear-gradient(0deg, transparent 43%, var(--pm-logo-ribbon) 43% 59%, transparent 59%),
linear-gradient(145deg, var(--pm-brand-accent), var(--pm-brand-accent-strong));
color: #fff;
box-shadow:
0 8px 20px var(--pm-brand-accent-ring),
5px 5px 0 color-mix(in srgb, var(--pm-logo-spark) 22%, transparent);
isolation: isolate;
}
.pm-dynamic-brand .pm-gift-mark > span {
position: relative;
z-index: 2;
font-size: 1.04rem;
font-weight: 950;
line-height: 1;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.pm-dynamic-brand .pm-gift-mark::after {
position: absolute;
z-index: 3;
width: 28px;
height: 12px;
left: 50%;
top: -8px;
background: linear-gradient(90deg, var(--pm-logo-ribbon), #fff2a9 50%, var(--pm-logo-ribbon));
clip-path: polygon(50% 48%, 2% 0, 8% 100%, 50% 70%, 92% 100%, 98% 0);
content: "";
filter: drop-shadow(0 2px 2px rgba(30, 35, 52, 0.16));
transform: translateX(-50%);
}
.pm-dynamic-brand .brand-word {
position: relative;
color: inherit;
letter-spacing: -0.035em;
}
.pm-dynamic-brand .brand-word::after {
position: absolute;
height: 3px;
right: 0;
bottom: -5px;
left: 0;
border-radius: 999px;
background: linear-gradient(90deg, var(--pm-brand-accent) 0 48%, var(--pm-festive-orange) 48% 68%, var(--pm-festive-yellow) 68% 83%, var(--pm-logo-spark) 83%);
content: "";
transform: rotate(-1deg);
}
.pm-shop-header {
border-bottom-color: transparent;
box-shadow: 0 8px 28px rgba(30, 35, 52, 0.06);
}
.pm-shop-header::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 3px;
background: linear-gradient(90deg, var(--pm-festive-red), var(--pm-festive-orange) 34%, var(--pm-festive-yellow) 58%, var(--pm-festive-blue));
content: "";
}
.pm-shop-page .pm-shop-header .pm-shop-label {
background: color-mix(in srgb, var(--pm-brand-accent) 12%, #fff);
color: var(--pm-brand-accent-strong);
}
.pm-shop-page .pm-shop-header .nav-links a[aria-current="page"] {
background: color-mix(in srgb, var(--pm-brand-accent) 12%, #fff);
color: var(--pm-brand-accent-strong);
}
.pm-shop-page .pm-shop-hero,
.pm-shop-page .pm-product-hero {
background:
radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--pm-brand-accent) 18%, transparent), transparent 34%),
radial-gradient(circle at 14% 90%, rgba(255, 216, 77, 0.18), transparent 30%),
linear-gradient(135deg, #fffdf9 0%, color-mix(in srgb, var(--pm-shop-orange-soft) 72%, #fff) 100%);
}
.pm-shop-hero::before,
.pm-product-hero::before {
position: absolute;
width: 430px;
height: 54px;
right: -92px;
top: 88px;
border: 8px solid rgba(255, 255, 255, 0.52);
border-radius: 999px;
background: linear-gradient(90deg, var(--pm-brand-accent) 0 27%, var(--pm-festive-yellow) 27% 49%, var(--pm-festive-orange) 49% 72%, var(--pm-festive-blue) 72%);
box-shadow: 0 18px 38px rgba(36, 51, 86, 0.1);
content: "";
opacity: 0.5;
pointer-events: none;
transform: rotate(-12deg);
}
.pm-shop-page .pm-shop-hero::after,
.pm-shop-page .pm-product-hero::after {
border-color: color-mix(in srgb, var(--pm-brand-accent) 13%, transparent);
}
.pm-brand-panel {
overflow: hidden;
border-color: color-mix(in srgb, var(--pm-brand-accent) 18%, #ded7cd);
background: rgba(255, 255, 255, 0.91);
}
.pm-brand-panel::before,
.pm-product-card::before {
position: absolute;
z-index: 3;
height: 6px;
right: 0;
top: 0;
left: 0;
background: linear-gradient(90deg, var(--pm-brand-accent) 0 48%, var(--pm-festive-yellow) 48% 66%, var(--pm-festive-orange) 66% 82%, var(--pm-logo-spark) 82%);
content: "";
}
.pm-brand-panel__logo {
position: relative;
overflow: hidden;
background:
linear-gradient(90deg, transparent 0 67%, color-mix(in srgb, var(--pm-brand-accent) 10%, transparent) 67% 74%, transparent 74%),
linear-gradient(0deg, transparent 0 55%, color-mix(in srgb, var(--pm-logo-ribbon) 18%, transparent) 55% 65%, transparent 65%),
linear-gradient(145deg, color-mix(in srgb, var(--pm-brand-accent) 10%, #fff), #fff);
}
.pm-product-card {
position: relative;
border-color: color-mix(in srgb, var(--pm-brand-accent) 12%, var(--pm-shop-line));
box-shadow: 0 15px 36px rgba(46, 43, 56, 0.075);
}
.pm-product-card:hover {
border-color: color-mix(in srgb, var(--pm-brand-accent) 48%, var(--pm-shop-line));
box-shadow: 0 24px 54px rgba(46, 43, 56, 0.13);
}
.pm-product-card__visual,
.pm-product-visual {
isolation: isolate;
}
.pm-product-card__visual::before,
.pm-product-visual::before {
position: absolute;
z-index: 0;
inset: 0;
background:
linear-gradient(90deg, transparent 0 66%, color-mix(in srgb, var(--pm-brand-accent) 13%, transparent) 66% 73%, transparent 73%),
linear-gradient(0deg, transparent 0 58%, rgba(255, 216, 77, 0.16) 58% 68%, transparent 68%);
content: "";
pointer-events: none;
}
.pm-product-card__mark,
.pm-product-visual__mark {
background: linear-gradient(145deg, var(--pm-brand-accent), var(--pm-brand-accent-strong));
box-shadow:
0 10px 24px var(--pm-brand-accent-ring),
4px 4px 0 rgba(255, 216, 77, 0.62);
}
.pm-shop-section--ink {
background:
radial-gradient(circle at 88% 2%, rgba(36, 107, 254, 0.22), transparent 30%),
radial-gradient(circle at 10% 92%, rgba(255, 79, 79, 0.16), transparent 26%),
linear-gradient(135deg, #101c39, #132b5a 58%, #10234a);
}
.pm-shop-section--ink .pm-eyebrow,
.pm-process-grid li > span {
color: var(--pm-festive-yellow);
}
.pm-process-grid li {
position: relative;
overflow: hidden;
border-color: rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.075);
}
.pm-process-grid li::before {
position: absolute;
height: 5px;
right: 0;
top: 0;
left: 0;
background: var(--pm-festive-red);
content: "";
}
.pm-process-grid li:nth-child(2)::before { background: var(--pm-festive-orange); }
.pm-process-grid li:nth-child(3)::before { background: var(--pm-festive-yellow); }
.pm-process-grid li:nth-child(4)::before { background: var(--pm-festive-blue); }
.pm-shop-footer {
border-top: 6px solid transparent;
border-image: linear-gradient(90deg, var(--pm-festive-red), var(--pm-festive-orange), var(--pm-festive-yellow), var(--pm-festive-blue)) 1;
background: #0d1933;
}
.pm-shop-footer .pm-dynamic-brand {
color: #fff;
}
.pm-shop-footer a:hover,
.pm-footer-links a[aria-current="page"] {
color: var(--pm-festive-yellow);
}