: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-market-page {
--pm-market-green: #0b7a58;
--pm-market-green-dark: #075640;
--pm-market-green-soft: #e8f5ef;
--pm-market-cream: #f7f4ed;
--pm-market-ink: #15201c;
--pm-market-muted: #5e6964;
--pm-brand-accent: var(--pm-market-green);
--pm-brand-accent-strong: var(--pm-market-green-dark);
--pm-brand-accent-hover: #119169;
--pm-brand-accent-ring: rgba(11, 122, 88, 0.18);
background: var(--pm-market-cream);
}
.pm-market-page .pm-shop-header .pm-shop-label {
background: var(--pm-market-green-soft);
color: var(--pm-market-green-dark);
}
.pm-market-page .pm-shop-header .nav-links a[aria-current="page"] {
background: var(--pm-market-green-soft);
color: var(--pm-market-green-dark);
}
.pm-market-hero {
position: relative;
overflow: hidden;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
background:
radial-gradient(circle at 82% 18%, rgba(96, 212, 162, 0.17), transparent 31%),
radial-gradient(circle at 18% 86%, rgba(255, 190, 92, 0.08), transparent 28%),
linear-gradient(132deg, #102a22 0%, #153b30 52%, #0d231d 100%);
color: #fff;
}
.pm-market-hero::before {
position: absolute;
width: 560px;
height: 560px;
right: -285px;
bottom: -345px;
border: 74px solid rgba(255, 255, 255, 0.035);
border-radius: 50%;
content: "";
pointer-events: none;
}
.pm-market-hero .shell {
position: relative;
z-index: 1;
padding-top: 28px;
padding-bottom: 82px;
}
.pm-market-hero .pm-breadcrumbs,
.pm-market-hero .breadcrumbs {
color: rgba(255, 255, 255, 0.62);
}
.pm-market-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(370px, 0.75fr);
gap: clamp(42px, 7vw, 90px);
align-items: center;
padding-top: 54px;
}
.pm-market-hero .pm-eyebrow {
color: #7be2b8;
}
.pm-market-hero h1 {
max-width: 790px;
margin: 0 0 24px;
color: #fff;
font-size: clamp(3rem, 6.7vw, 6.25rem);
line-height: 0.94;
letter-spacing: -0.065em;
}
.pm-market-hero__lead {
max-width: 720px;
margin: 0 0 30px;
color: #cbdad4;
font-size: clamp(1.05rem, 1.7vw, 1.24rem);
line-height: 1.65;
}
.pm-button--market-primary {
background: #68d7a8;
color: #10271f;
box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2);
}
.pm-button--market-primary:hover {
background: #82e6bc;
color: #0a1f18;
}
.pm-button--market-quiet {
border-color: rgba(255, 255, 255, 0.25);
background: rgba(255, 255, 255, 0.06);
color: #fff;
}
.pm-button--market-quiet:hover {
border-color: rgba(255, 255, 255, 0.45);
background: rgba(255, 255, 255, 0.12);
color: #fff;
}
.pm-market-trust {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
max-width: 720px;
margin: 38px 0 0;
padding: 0;
border-top: 1px solid rgba(255, 255, 255, 0.13);
list-style: none;
}
.pm-market-trust li {
min-width: 0;
padding: 20px 20px 0 0;
}
.pm-market-trust strong,
.pm-market-trust span {
display: block;
}
.pm-market-trust strong {
margin-bottom: 4px;
color: #fff;
font-size: 1.15rem;
}
.pm-market-trust span {
color: #9fb8ae;
font-size: 0.83rem;
line-height: 1.45;
}
.pm-market-showcase {
position: relative;
padding: 24px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 30px;
background: rgba(255, 255, 255, 0.09);
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.24);
backdrop-filter: blur(18px);
}
.pm-market-showcase__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
margin-bottom: 22px;
}
.pm-market-showcase__head span {
color: #8fc5ae;
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.pm-market-showcase__head strong {
max-width: 185px;
color: #fff;
font-size: 1rem;
line-height: 1.25;
text-align: right;
}
.pm-market-showcase__brands {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
}
.pm-market-showcase__brands a {
display: flex;
min-height: 62px;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 14px;
background: #fff;
color: #202521;
font-size: 0.9rem;
font-weight: 900;
letter-spacing: -0.02em;
text-decoration: none;
transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.pm-market-showcase__brands a:hover,
.pm-market-showcase__brands a:focus-visible {
transform: translateY(-2px);
border-color: currentColor;
box-shadow: 0 10px 22px rgba(41, 51, 79, 0.14);
}
.pm-market-showcase__brands a:focus-visible {
outline: 3px solid rgba(45, 104, 255, 0.3);
outline-offset: 2px;
}
.pm-market-showcase__brands .is-mvideo { color: #e31235; }
.pm-market-showcase__brands .is-dns { color: #d96500; }
.pm-market-showcase__brands .is-citilink { color: #e96600; }
.pm-market-showcase__brands .is-tsum { color: #171717; }
.pm-market-showcase__brands .is-ozon { color: #005bff; }
.pm-market-showcase__brands .is-wb { color: #b10e96; }
.pm-market-showcase__offer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top: 14px;
padding: 18px;
border-radius: 18px;
background: #68d7a8;
color: #10271f;
}
.pm-market-showcase__offer small,
.pm-market-showcase__offer strong {
display: block;
}
.pm-market-showcase__offer small {
margin-bottom: 3px;
font-size: 0.72rem;
font-weight: 800;
text-transform: uppercase;
}
.pm-market-showcase__offer strong {
max-width: 275px;
font-size: 0.94rem;
line-height: 1.35;
}
.pm-market-showcase__offer > span {
display: grid;
width: 48px;
height: 48px;
flex: 0 0 auto;
place-items: center;
border-radius: 50%;
background: #143c2e;
color: #fff;
font-size: 1.35rem;
font-weight: 900;
}
.pm-market-showcase > p {
margin: 16px 4px 0;
color: #adc1b8;
font-size: 0.82rem;
line-height: 1.55;
}
.pm-market-section {
padding: clamp(70px, 9vw, 118px) 0;
}
.pm-market-section-heading {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(300px, 0.65fr);
gap: 70px;
align-items: end;
margin-bottom: 46px;
}
.pm-market-section-heading .pm-eyebrow {
margin-bottom: 10px;
color: var(--pm-market-green-dark);
}
.pm-market-section-heading h2,
.pm-market-faq-layout h2 {
max-width: 760px;
margin: 0;
color: var(--pm-market-ink);
font-size: clamp(2.35rem, 4.8vw, 4.65rem);
line-height: 0.98;
letter-spacing: -0.055em;
}
.pm-market-section-heading > p,
.pm-market-faq-layout > div:first-child > p:last-child {
margin: 0;
color: var(--pm-market-muted);
font-size: 1.02rem;
line-height: 1.72;
}
.pm-market-catalog {
background: #f7f4ed;
}
.pm-market-store-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.pm-market-store-card {
--market-accent: var(--pm-market-green);
--market-soft: var(--pm-market-green-soft);
display: flex;
min-width: 0;
min-height: 0;
overflow: hidden;
flex-direction: column;
border: 1px solid #dedbd3;
border-radius: 24px;
background: #fff;
box-shadow: 0 14px 40px rgba(35, 43, 39, 0.055);
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.pm-market-store-card:hover {
border-color: color-mix(in srgb, var(--market-accent) 42%, #dedbd3);
box-shadow: 0 24px 58px rgba(35, 43, 39, 0.11);
transform: translateY(-4px);
}
.pm-market-store-card.brand-mvideo { --market-accent: #e31235; --market-soft: #fff0f3; }
.pm-market-store-card.brand-dns-shop { --market-accent: #e77800; --market-soft: #fff2e2; }
.pm-market-store-card.brand-citilink { --market-accent: #f58220; --market-soft: #fff2e5; }
.pm-market-store-card.brand-tsum { --market-accent: #8b6639; --market-soft: #f7efe5; }
.pm-market-store-card.brand-ozon { --market-accent: #005bff; --market-soft: #edf4ff; }
.pm-market-store-card.brand-wildberries { --market-accent: #cb11ab; --market-soft: #fff0fb; }
.pm-market-store-card__top {
position: relative;
padding: 14px;
}
.pm-market-store-card__logo {
display: grid;
min-height: 150px;
place-items: center;
border-radius: 17px;
background:
linear-gradient(145deg, var(--market-soft), rgba(255, 255, 255, 0.88)),
repeating-linear-gradient(45deg, transparent 0 14px, rgba(0, 0, 0, 0.018) 14px 28px);
}
.pm-market-store-card__logo img {
width: min(190px, 70%);
max-height: 86px;
object-fit: contain;
}
.pm-market-store-card__count {
position: absolute;
top: 24px;
right: 24px;
padding: 6px 9px;
border: 1px solid rgba(255, 255, 255, 0.72);
border-radius: 999px;
background: rgba(255, 255, 255, 0.88);
color: #565f5a;
font-size: 0.69rem;
font-weight: 850;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.07);
backdrop-filter: blur(10px);
}
.pm-market-store-card__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 18px 22px 22px;
}
.pm-market-store-card__eyebrow {
margin: 0 0 7px;
color: var(--market-accent);
font-size: 0.7rem;
font-weight: 900;
letter-spacing: 0.065em;
text-transform: uppercase;
}
.pm-market-store-card h3 {
margin: 0 0 10px;
font-size: 1.55rem;
letter-spacing: -0.035em;
}
.pm-market-store-card h3 a {
color: var(--pm-market-ink);
}
.pm-market-store-card__body > p:not(.pm-market-store-card__eyebrow) {
min-height: 3.1em;
margin: 0 0 18px;
color: #606963;
font-size: 0.92rem;
line-height: 1.55;
}
.pm-market-product-links {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 0;
padding: 0;
list-style: none;
}
.pm-market-product-links a {
display: inline-flex;
min-height: 34px;
align-items: center;
padding: 6px 10px;
border: 1px solid color-mix(in srgb, var(--market-accent) 20%, #e2ded6);
border-radius: 999px;
background: var(--market-soft);
color: color-mix(in srgb, var(--market-accent) 78%, #222);
font-size: 0.74rem;
font-weight: 800;
line-height: 1.2;
}
.pm-market-product-links a:hover {
border-color: var(--market-accent);
background: #fff;
color: var(--market-accent);
}
.pm-market-store-card__action {
display: flex;
min-height: 58px;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 15px 22px;
border-top: 1px solid #ebe8e1;
color: var(--pm-market-ink);
font-weight: 900;
}
.pm-market-store-card__action span:last-child {
display: grid;
width: 30px;
height: 30px;
flex: 0 0 auto;
place-items: center;
border-radius: 50%;
background: var(--market-soft);
color: var(--market-accent);
transition: transform 180ms ease;
}
.pm-market-store-card__action:hover {
color: var(--market-accent);
}
.pm-market-store-card__action:hover span:last-child {
transform: translateX(3px);
}
.pm-market-order {
background:
radial-gradient(circle at 90% 20%, rgba(104, 215, 168, 0.11), transparent 26%),
#17221e;
color: #fff;
}
.pm-market-section-heading--light .pm-eyebrow {
color: #75ddb1;
}
.pm-market-section-heading--light h2 {
color: #fff;
}
.pm-market-section-heading--light > p {
color: #adbdb6;
}
.pm-market-order-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
counter-reset: none;
}
.pm-market-order-grid li {
min-width: 0;
padding: 24px;
border: 1px solid rgba(255, 255, 255, 0.11);
border-radius: 20px;
background: rgba(255, 255, 255, 0.045);
}
.pm-market-order-grid li > span {
display: inline-flex;
margin-bottom: 42px;
color: #75ddb1;
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.08em;
}
.pm-market-order-grid h3 {
margin: 0 0 10px;
color: #fff;
font-size: 1.12rem;
}
.pm-market-order-grid p {
margin: 0;
color: #b7c3be;
font-size: 0.9rem;
line-height: 1.58;
}
.pm-market-order__action {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
margin-top: 18px;
padding: 22px 24px;
border-radius: 20px;
background: #fff;
color: var(--pm-market-ink);
}
.pm-market-order__action strong,
.pm-market-order__action span {
display: block;
}
.pm-market-order__action strong {
margin-bottom: 3px;
font-size: 1.05rem;
}
.pm-market-order__action div > span {
color: #65706a;
font-size: 0.9rem;
}
.pm-market-assurance {
background: #fff;
}
.pm-market-assurance-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.pm-market-assurance-grid article {
padding: 32px;
border: 1px solid #e2ded6;
border-radius: 22px;
background: #faf9f5;
}
.pm-market-assurance-grid article > span {
display: grid;
width: 48px;
height: 48px;
margin-bottom: 32px;
place-items: center;
border-radius: 15px;
background: var(--pm-market-green-soft);
color: var(--pm-market-green-dark);
font-size: 1.1rem;
font-weight: 900;
}
.pm-market-assurance-grid h3 {
margin: 0 0 10px;
color: var(--pm-market-ink);
font-size: 1.25rem;
}
.pm-market-assurance-grid p {
margin: 0;
color: var(--pm-market-muted);
line-height: 1.62;
}
.pm-market-faq-section {
background: #f0ede5;
}
.pm-market-faq-layout {
display: grid;
grid-template-columns: minmax(260px, 0.65fr) minmax(0, 1.05fr);
gap: clamp(44px, 8vw, 100px);
align-items: start;
}
.pm-market-faq-layout > div:first-child {
position: sticky;
top: 108px;
}
.pm-market-faq-layout .pm-eyebrow {
color: var(--pm-market-green-dark);
}
.pm-market-faq-layout h2 {
margin-bottom: 24px;
}
.pm-market-faq-layout .pm-faq details {
border-color: #dbd7ce;
}
.pm-market-faq-layout .pm-faq summary::after {
color: var(--pm-market-green-dark);
}
.pm-market-footer .footer-grid {
align-items: start;
}
@media (max-width: 1080px) {
.pm-market-store-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pm-market-order-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.pm-market-hero__grid,
.pm-market-section-heading,
.pm-market-faq-layout {
grid-template-columns: 1fr;
}
.pm-market-hero__grid {
gap: 46px;
}
.pm-market-showcase {
width: min(600px, 100%);
}
.pm-market-section-heading {
gap: 20px;
}
.pm-market-faq-layout > div:first-child {
position: static;
}
}
@media (max-width: 680px) {
.pm-market-hero .shell {
padding-top: 22px;
padding-bottom: 56px;
}
.pm-market-hero__grid {
gap: 34px;
padding-top: 30px;
}
.pm-market-hero h1 {
font-size: clamp(2.65rem, 14vw, 4rem);
}
.pm-market-trust {
grid-template-columns: 1fr;
gap: 0;
}
.pm-market-trust li {
display: grid;
grid-template-columns: minmax(92px, auto) 1fr;
gap: 14px;
align-items: baseline;
padding-top: 14px;
}
.pm-market-showcase {
padding: 17px;
border-radius: 22px;
}
.pm-market-showcase__head {
display: block;
}
.pm-market-showcase__head strong {
display: block;
max-width: none;
margin-top: 6px;
text-align: left;
}
.pm-market-showcase__brands a {
min-height: 54px;
font-size: 0.78rem;
}
.pm-market-showcase__offer {
padding: 15px;
}
.pm-market-showcase__offer strong {
font-size: 0.82rem;
}
.pm-market-section {
padding: 62px 0;
}
.pm-market-section-heading {
margin-bottom: 32px;
}
.pm-market-section-heading h2,
.pm-market-faq-layout h2 {
font-size: clamp(2.2rem, 11vw, 3.25rem);
}
.pm-market-store-grid,
.pm-market-order-grid,
.pm-market-assurance-grid {
grid-template-columns: 1fr;
}
.pm-market-store-card {
min-height: 0;
}
.pm-market-store-card__body > p:not(.pm-market-store-card__eyebrow) {
min-height: 0;
}
.pm-market-order-grid li > span {
margin-bottom: 22px;
}
.pm-market-order__action {
align-items: stretch;
flex-direction: column;
}
.pm-market-order__action .pm-button {
width: 100%;
}
}
@media (max-width: 440px) {
.pm-market-page .pm-shop-header .nav-links a:nth-child(2) {
display: inline-flex;
}
.pm-market-page .pm-shop-header .nav-links a:nth-child(3) {
display: none;
}
.pm-market-page .pm-shop-header .nav-links {
gap: 8px;
font-size: 0.78rem;
}
.pm-market-page .pm-shop-header .nav-links a {
padding-inline: 7px;
}
.pm-market-hero .pm-shop-hero__actions,
.pm-market-hero .pm-shop-hero__actions .pm-button {
width: 100%;
}
.pm-market-showcase__brands {
gap: 7px;
}
.pm-market-store-card__logo {
min-height: 132px;
}
.pm-market-store-card__body {
padding: 17px 18px 20px;
}
.pm-market-store-card__action {
padding-inline: 18px;
}
.pm-market-assurance-grid article {
padding: 25px;
}
}
@media (prefers-reduced-motion: reduce) {
.pm-market-store-card,
.pm-market-store-card__action span {
transition: none;
}
}
.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);
}
.pm-market-page {
--pm-market-green: #ff623d;
--pm-market-green-dark: #c93439;
--pm-market-green-soft: #fff0e5;
--pm-market-cream: #fff8ed;
--pm-market-ink: #16213d;
--pm-market-muted: #62697a;
--pm-brand-accent: #ff5b3f;
--pm-brand-accent-strong: #c93439;
--pm-brand-accent-hover: #ed432f;
--pm-brand-accent-ring: rgba(255, 91, 63, 0.2);
--pm-logo-ribbon: #ffd84d;
--pm-logo-spark: #246bfe;
background: var(--pm-market-cream);
}
.pm-market-page .pm-shop-header .pm-shop-label,
.pm-market-page .pm-shop-header .nav-links a[aria-current="page"] {
background: #fff0e5;
color: #c93439;
}
.pm-market-hero {
border-bottom: 1px solid #f0dcc7;
background:
radial-gradient(circle at 82% 16%, rgba(36, 107, 254, 0.18), transparent 29%),
radial-gradient(circle at 12% 86%, rgba(255, 79, 79, 0.15), transparent 28%),
radial-gradient(circle at 52% 4%, rgba(255, 216, 77, 0.22), transparent 27%),
linear-gradient(132deg, #fffaf1 0%, #fff1dc 54%, #edf4ff 100%);
color: var(--pm-market-ink);
}
.pm-market-hero::before {
width: 620px;
height: 86px;
right: -160px;
bottom: -4px;
border: 12px solid rgba(255, 255, 255, 0.55);
border-radius: 999px;
background: linear-gradient(90deg, var(--pm-festive-red), var(--pm-festive-orange) 35%, var(--pm-festive-yellow) 58%, var(--pm-festive-blue));
box-shadow: 0 20px 45px rgba(36, 70, 132, 0.14);
opacity: 0.34;
transform: rotate(-10deg);
}
.pm-market-hero::after {
position: absolute;
width: 340px;
height: 340px;
left: -190px;
top: 120px;
border: 54px solid rgba(255, 134, 31, 0.08);
border-radius: 50%;
content: "";
pointer-events: none;
}
.pm-market-hero .pm-breadcrumbs,
.pm-market-hero .breadcrumbs {
color: #747b8b;
}
.pm-market-hero .pm-eyebrow {
color: #d63c3c;
}
.pm-market-hero h1 {
color: var(--pm-market-ink);
text-wrap: balance;
}
.pm-market-hero__lead {
color: #596276;
}
.pm-button--market-primary {
background: linear-gradient(135deg, #ff8b23, #ff4f4f);
color: #fff;
box-shadow: 0 16px 34px rgba(222, 71, 51, 0.22);
}
.pm-button--market-primary:hover {
background: linear-gradient(135deg, #ff9c32, #ed3f45);
color: #fff;
}
.pm-button--market-quiet {
border-color: rgba(36, 107, 254, 0.36);
background: rgba(255, 255, 255, 0.72);
color: #174bab;
}
.pm-button--market-quiet:hover {
border-color: var(--pm-festive-blue);
background: #fff;
color: #123e91;
}
.pm-market-trust {
border-top-color: rgba(22, 33, 61, 0.14);
}
.pm-market-trust strong {
color: var(--pm-market-ink);
}
.pm-market-trust span {
color: #6b7384;
}
.pm-market-confetti {
position: absolute;
z-index: 0;
inset: 0;
overflow: hidden;
pointer-events: none;
}
.pm-market-confetti span {
position: absolute;
width: 12px;
height: 24px;
border-radius: 4px;
background: var(--pm-festive-red);
opacity: 0.62;
transform: rotate(24deg);
}
.pm-market-confetti span:nth-child(1) { left: 4%; top: 22%; background: var(--pm-festive-blue); transform: rotate(-28deg); }
.pm-market-confetti span:nth-child(2) { left: 42%; top: 12%; width: 10px; height: 10px; border-radius: 50%; background: var(--pm-festive-orange); }
.pm-market-confetti span:nth-child(3) { left: 58%; top: 31%; width: 18px; height: 8px; background: var(--pm-festive-yellow); transform: rotate(42deg); }
.pm-market-confetti span:nth-child(4) { right: 5%; top: 13%; background: var(--pm-festive-red); transform: rotate(58deg); }
.pm-market-confetti span:nth-child(5) { left: 7%; bottom: 16%; width: 9px; height: 9px; border-radius: 50%; background: var(--pm-festive-yellow); }
.pm-market-confetti span:nth-child(6) { right: 38%; bottom: 9%; width: 16px; height: 8px; background: var(--pm-festive-blue); transform: rotate(-18deg); }
.pm-market-confetti span:nth-child(7) { right: 23%; top: 8%; width: 9px; height: 18px; background: var(--pm-festive-orange); transform: rotate(16deg); }
.pm-market-confetti span:nth-child(8) { right: 2%; bottom: 28%; width: 10px; height: 10px; border-radius: 50%; background: var(--pm-festive-blue); }
.pm-market-showcase {
overflow: hidden;
border: 2px solid rgba(36, 107, 254, 0.42);
background:
linear-gradient(90deg, transparent 0 47%, rgba(255, 216, 77, 0.18) 47% 55%, transparent 55%),
linear-gradient(0deg, transparent 0 50%, rgba(255, 134, 31, 0.09) 50% 58%, transparent 58%),
rgba(255, 255, 255, 0.92);
box-shadow:
0 30px 75px rgba(36, 70, 132, 0.17),
10px 10px 0 rgba(255, 216, 77, 0.45);
backdrop-filter: blur(18px);
}
.pm-market-showcase::before {
position: absolute;
z-index: 0;
width: 54px;
height: 26px;
left: 50%;
top: -4px;
background: linear-gradient(90deg, #ffc928, #fff0a1 50%, #ffc928);
clip-path: polygon(50% 48%, 2% 0, 8% 100%, 50% 70%, 92% 100%, 98% 0);
content: "";
transform: translateX(-50%);
}
.pm-market-showcase > * {
position: relative;
z-index: 1;
}
.pm-market-showcase__head span {
color: #d34a32;
}
.pm-market-showcase__head strong {
color: var(--pm-market-ink);
}
.pm-market-showcase__brands a {
border: 1px solid #eee5d9;
background: #fff;
box-shadow: 0 7px 18px rgba(41, 51, 79, 0.07);
}
.pm-market-showcase__offer {
background: linear-gradient(135deg, #ff8b23, #ff4f4f);
color: #fff;
box-shadow: 0 12px 26px rgba(222, 71, 51, 0.2);
}
.pm-market-showcase__offer > span {
background: var(--pm-festive-blue);
color: #fff;
box-shadow: 4px 4px 0 var(--pm-festive-yellow);
}
.pm-market-showcase > p {
color: #687083;
}
.pm-market-section-heading .pm-eyebrow,
.pm-market-faq-layout .pm-eyebrow {
color: #ca3d38;
}
.pm-market-catalog {
background:
radial-gradient(circle at 0 10%, rgba(255, 216, 77, 0.12), transparent 22%),
#fff8ed;
}
.pm-market-hero__copy .pm-shop-hero__actions {
margin-bottom: 0;
}
.pm-market-catalog .pm-market-section-heading {
max-width: 790px;
grid-template-columns: 1fr;
}
.pm-market-store-card {
position: relative;
border-color: #eadfd2;
box-shadow: 0 16px 40px rgba(52, 50, 69, 0.075);
}
.pm-market-store-card::before {
position: absolute;
z-index: 4;
height: 7px;
right: 0;
top: 0;
left: 0;
background: linear-gradient(90deg, var(--market-accent) 0 50%, var(--pm-festive-yellow) 50% 67%, var(--pm-festive-orange) 67% 84%, var(--pm-festive-blue) 84%);
content: "";
}
.pm-market-store-card__logo {
position: relative;
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--market-accent) 12%, #e5ded5);
background:
linear-gradient(90deg, transparent 0 67%, color-mix(in srgb, var(--market-accent) 11%, transparent) 67% 75%, transparent 75%),
linear-gradient(0deg, transparent 0 55%, rgba(255, 216, 77, 0.14) 55% 65%, transparent 65%),
linear-gradient(145deg, var(--market-soft), #fff);
}
.pm-market-store-card__count {
border-color: rgba(255, 255, 255, 0.86);
background: #1d5de0;
color: #fff;
}
.pm-market-order {
background:
radial-gradient(circle at 91% 15%, rgba(36, 107, 254, 0.28), transparent 29%),
radial-gradient(circle at 9% 88%, rgba(255, 79, 79, 0.2), transparent 26%),
linear-gradient(135deg, #101c39, #142d5f 58%, #10234a);
}
.pm-market-section-heading--light .pm-eyebrow,
.pm-market-order-grid li > span {
color: var(--pm-festive-yellow);
}
.pm-market-order-grid li {
position: relative;
overflow: hidden;
border-color: rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.075);
}
.pm-market-order-grid li::before {
position: absolute;
height: 6px;
right: 0;
top: 0;
left: 0;
background: var(--pm-festive-red);
content: "";
}
.pm-market-order-grid li:nth-child(2)::before { background: var(--pm-festive-orange); }
.pm-market-order-grid li:nth-child(3)::before { background: var(--pm-festive-yellow); }
.pm-market-order-grid li:nth-child(4)::before { background: var(--pm-festive-blue); }
.pm-market-order__action {
border: 2px solid rgba(255, 216, 77, 0.72);
box-shadow: 8px 8px 0 rgba(36, 107, 254, 0.22);
}
.pm-market-assurance {
background: #fff;
}
.pm-market-assurance-grid article {
position: relative;
overflow: hidden;
border-color: #eadfd2;
background: #fffaf3;
}
.pm-market-assurance-grid article::before {
position: absolute;
width: 90px;
height: 7px;
left: 32px;
top: 0;
border-radius: 0 0 10px 10px;
background: var(--pm-festive-red);
content: "";
}
.pm-market-assurance-grid article:nth-child(2)::before { background: var(--pm-festive-orange); }
.pm-market-assurance-grid article:nth-child(3)::before { background: var(--pm-festive-blue); }
.pm-market-assurance-grid article > span {
background: #fff0d1;
color: #d34835;
box-shadow: 4px 4px 0 rgba(36, 107, 254, 0.14);
}
.pm-market-assurance-grid article:nth-child(2) > span {
background: #fff0e3;
color: #d45f13;
}
.pm-market-assurance-grid article:nth-child(3) > span {
background: #eaf1ff;
color: #1d5de0;
}
.pm-market-faq-section {
background:
radial-gradient(circle at 90% 16%, rgba(36, 107, 254, 0.09), transparent 25%),
#fff1dc;
}
.pm-market-faq-layout .pm-faq details {
border-color: #e7d8c6;
background: rgba(255, 255, 255, 0.72);
}
.pm-market-faq-layout .pm-faq summary::after {
color: #c93439;
}
@media (max-width: 760px) {
.pm-dynamic-brand .pm-gift-mark {
width: 34px;
height: 34px;
flex-basis: 34px;
}
.pm-shop-hero::before,
.pm-product-hero::before {
width: 280px;
height: 40px;
right: -105px;
top: 78px;
opacity: 0.34;
}
.pm-market-confetti span:nth-child(3),
.pm-market-confetti span:nth-child(6),
.pm-market-confetti span:nth-child(8) {
display: none;
}
.pm-market-showcase {
box-shadow: 0 22px 54px rgba(36, 70, 132, 0.14), 6px 6px 0 rgba(255, 216, 77, 0.42);
}
}
@media (max-width: 440px) {
.pm-market-page .pm-shop-header .brand-word {
display: none;
}
.pm-market-page .pm-shop-header .pm-dynamic-brand {
gap: 0;
}
.pm-market-hero h1 {
font-size: clamp(2.42rem, 12.8vw, 3.45rem);
}
.pm-market-showcase {
padding: 18px 15px;
}
}
@media (prefers-reduced-motion: reduce) {
.pm-dynamic-brand .pm-gift-mark,
.pm-shop-hero::before,
.pm-product-hero::before {
transition: none;
}
}