img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}

/*!payeh-base*/
:root {  --pyh-font-heading: var(--pyh-heading-family, Vazirmatn, Tahoma, sans-serif); --pyh-font-body: var(--pyh-body-family, Vazirmatn, Tahoma, sans-serif);  --pyh-muted: var(--pyh-ink-muted, #6b7280); --pyh-hd-muted: var(--pyh-ink-muted, #6b7280);  --pyh-dw-bg: var(--pyh-card-bg, #ffffff);  --pyh-sunken: rgba(20, 22, 28, .04); --pyh-primary-soft: rgba(196, 18, 48, .07); --pyh-tint: transparent;  --pyh-c-warm: #c08a2e;  --pyh-hd-pin: 0px; --pyh-hd-sticky-height: 0px;  --pyh-radius-sm: calc(var(--pyh-radius, 12px) * 0.5); --pyh-radius-lg: calc(var(--pyh-radius, 12px) * 1.6);  --pyh-radius-pill: 999px;  --pyh-tap: 44px;  --pyh-bleed: clamp(14px, 3vw, 64px);  --pyh-h-ratio: var(--pyh-heading-ratio, 1.12); --pyh-h2: calc(var(--pyh-h-ratio) * var(--pyh-h-ratio) * var(--pyh-h-ratio) * 1em); --pyh-h3: calc(var(--pyh-h-ratio) * var(--pyh-h-ratio) * 1em); --pyh-h4: calc(var(--pyh-h-ratio) * 1em); --pyh-h5: 1em; --pyh-h6: 1em; }  @supports (background: color-mix(in srgb, red 50%, transparent)) { :root { --pyh-sunken: color-mix(in srgb, var(--pyh-ink, #141821) 4%, transparent);  --pyh-primary-soft: color-mix(in srgb, var(--pyh-primary, #c41230) 8%, var(--pyh-card-bg, #ffffff)); --pyh-tint: color-mix(in srgb, var(--pyh-primary, #c41230) var(--pyh-tint-strength, 6%), transparent); } }  @supports (color: color-mix(in oklab, red 50%, blue)) { :root { --pyh-hd-muted: color-mix(in oklab, var(--pyh-ink-muted, #6b7280) 74%, var(--pyh-hd-ink, #14161c)); } }  :root {  --pyh-flare: #ff0055; --pyh-violet: #7209b7;  --pyh-night: #080c19;  --pyh-plate: #fdfdff;  --pyh-arch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0C74 1 100 24 100 52V100H0V52C0 24 26 1 50 0Z' fill='%23000'/%3E%3C/svg%3E");  --pyh-accent-ink: var(--pyh-primary, #c41230);  --pyh-c-ok: #17845a; --pyh-c-warn: #a86a00; --pyh-c-bad: #c0392b; }  :root {  --pyh-sf-abyss: #d8dce6;  --pyh-sf-sunken: #e8ebf2;  --pyh-sf-ground: var(--pyh-content-bg, #f4f5f9); --pyh-sf-raised: var(--pyh-card-bg, #ffffff); --pyh-sf-float: var(--pyh-card-bg, #ffffff); --pyh-sf-lift: var(--pyh-card-bg, #ffffff); --pyh-sf-crest: var(--pyh-card-bg, #ffffff);  --pyh-sf-over: #eff2f7;  --pyh-sf-over-2: #e1e5ed;   --pyh-shadow-ink: 37 45 66;  --pyh-edge-hi: transparent; --pyh-edge-lo: transparent;  --pyh-air: none; }    html[data-pyh-mode="dark"] { --pyh-sf-abyss: #06050f;  --pyh-sf-sunken: #0a0916;  --pyh-sf-ground: #0f0e1e;  --pyh-sf-raised: #18172a;  --pyh-sf-float: #212037;  --pyh-sf-lift: #2a2944;  --pyh-sf-crest: #353452;   --pyh-sf-over: #212037; --pyh-sf-over-2: #2a2944;  --pyh-shadow-ink: 3 5 20;  --pyh-edge-hi: rgba(255, 255, 255, .08); --pyh-edge-lo: rgba(3, 5, 20, .55);  ⚠️ RE-COLOURED TO THE MOCK'S TWO AMBIENT GLOWS. It draws `rgba(255,0,85,.15)`
     falling from the top-right corner and `rgba(114,9,183,.12)` rising from the
     bottom-left — the neon and the violet end of its own crimson gradient. Same
     two-light structure that was already here, in the user's own values, at the amplitude a whole-page wash can carry rather than the mock's single hero. */
  --pyh-air:
    radial-gradient(122% 78% at 88% -10%, rgba(255, 0, 85, .11), transparent 60%),
    radial-gradient(98% 64% at 4% 2%, rgba(114, 9, 183, .12), transparent 56%),
    radial-gradient(150% 96% at 46% 116%, rgba(0, 210, 255, .045), transparent 62%);

  /* ⚠️ THE PAGE IS THE VOID NOW, NOT THE GROUND — and the ramp is unchanged.
     `--pyh-sf-ground` still resolves to L 17.5 for every component that names
     it; only what the PANELS ARE READ AGAINST drops to L 8. That is the whole
     mechanism of the glass design: the plates did not get lighter, the room
     they float in got darker, so every step in the ramp above buys more
     separation than it did against a ground 9.5 L points up. */
  --pyh-content-bg: var(--pyh-sf-void);
  --pyh-card-bg: var(--pyh-sf-raised);

  /* The mock's `--text-high` and `--text-med`, verbatim. Measured on the ground (#0e1424): 17.1:1 and 7.2:1. `--text-low` (#64748b) is 3.2:1 there and is therefore NOT wired to `--pyh-ink-muted` — it is a decoration colour in the mock (a keyboard hint, a separator) and would fail as body-adjacent text. */ --pyh-ink: #f8fafc; --pyh-ink-muted: #94a3b8;  --pyh-line: rgba(255, 255, 255, .08); --pyh-overlay: rgba(3, 6, 17, .78);  --pyh-c-ok: #00f5a0; --pyh-c-warn: #ffb703; --pyh-c-bad: #ff6b5b;  --pyh-hd-bg: var(--pyh-sf-raised); --pyh-hd-ink: #f8fafc; --pyh-hd-bar-bg: #0c1220; --pyh-hd-bar-ink: #cbd5e1; --pyh-hd-util-bg: var(--pyh-sf-abyss); --pyh-hd-util-ink: #cbd5e1;  --pyh-hd-field: var(--pyh-sf-sunken); --pyh-ft-bg: var(--pyh-sf-abyss);  --pyh-mega-bg: var(--pyh-sf-raised); --pyh-mega-bg-2: var(--pyh-sf-raised); --pyh-mega-side: var(--pyh-sf-float); --pyh-mega-side-ink: #eeeff8; --pyh-dw-topbar-bg: var(--pyh-sf-raised); --pyh-dw-topbar-ink: #eeeff8; --pyh-buy-bg: var(--pyh-sf-float);  --pyh-accent-ink: #ff0055; }   :root { --pyh-act: linear-gradient(135deg, #e11d48 0%, #d90429 45%, #7209b7 100%); --pyh-act-hover: linear-gradient(135deg, #f21a50 0%, #e8082f 45%, #8a12d6 100%); --pyh-act-ink: #ffffff; --pyh-glow: 0 8px 24px -8px rgba(255, 0, 85, .38); --pyh-glow-strong: 0 10px 30px -8px rgba(255, 0, 85, .5); }  html[data-pyh-mode="dark"] { --pyh-glow: 0 0 26px -4px rgba(255, 0, 85, .45), 0 0 54px -6px rgba(114, 9, 183, .26); --pyh-glow-strong: 0 0 34px -2px rgba(255, 0, 85, .6), 0 0 72px -4px rgba(114, 9, 183, .38); }  :root { --pyh-fx-a: #ff316f; --pyh-fx-b: #8b5cf6;  --pyh-fx-sweep: linear-gradient(115deg, var(--pyh-fx-a) 0%, var(--pyh-fx-b) 100%);  --pyh-fx-mount-tl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg %3E%3Cpath d='M2 62V22A20 20 0 0 1 22 2h16l6 6h18' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); --pyh-fx-mount-tr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='translate(64,0) scale(-1,1)'%3E%3Cpath d='M2 62V22A20 20 0 0 1 22 2h16l6 6h18' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); --pyh-fx-mount-bl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='translate(0,64) scale(1,-1)'%3E%3Cpath d='M2 62V22A20 20 0 0 1 22 2h16l6 6h18' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); --pyh-fx-mount-br: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='translate(64,64) scale(-1,-1)'%3E%3Cpath d='M2 62V22A20 20 0 0 1 22 2h16l6 6h18' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");  --pyh-fx-blueprint: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 440' fill='none' stroke='black'%3E %3Cpath d='M0 96h440M0 300h440M156 0v440M372 0v440' stroke-width='.7'/%3E %3Cpath d='M40 196h150M40 190v12M190 190v12' stroke-width='.9'/%3E %3Cpath d='M250 384h130M250 378v12M380 378v12' stroke-width='.9'/%3E %3Cpath d='M300 44l40 23v46l-40 23-40-23V67z' stroke-width='1'/%3E %3Cpath d='M78 340l24 14v28l-24 14-24-14v-28z' stroke-width='1'/%3E %3Cpath d='M40 430A250 250 0 0 1 220 180' stroke-width='1.2'/%3E %3Cpath d='M420 40A210 210 0 0 0 260 250' stroke-width='1.2'/%3E %3Ccircle cx='156' cy='96' r='5' stroke-width='1'/%3E %3Ccircle cx='372' cy='300' r='9' stroke-width='1'/%3E %3Cpath d='M96 250h12M102 244v12M410 150h10M415 145v10M60 60h10M65 55v10M330 400h10M335 395v10' stroke-width='1'/%3E %3C/svg%3E"); }  :root { --pyh-fx-lume: .34; } html[data-pyh-mode="dark"] { --pyh-fx-lume: 1; }  :root { --pyh-fx-paper: 1; --pyh-fx-ink: color-mix(in srgb, var(--pyh-c-ink, #141821) 20%, transparent);  --pyh-fx-mill: color-mix(in srgb, var(--pyh-c-ink, #141821) 4.5%, transparent);  --pyh-fx-cell: rgba(15, 23, 42, .035); --pyh-fx-cell-2: rgba(15, 23, 42, .075); } html[data-pyh-mode="dark"] { --pyh-fx-paper: 0;  --pyh-fx-ink: color-mix(in srgb, var(--pyh-c-ink, #ffffff) 15%, transparent); --pyh-fx-mill: color-mix(in srgb, var(--pyh-c-ink, #ffffff) 3.5%, transparent); --pyh-fx-cell: rgba(255, 255, 255, .045); --pyh-fx-cell-2: rgba(255, 255, 255, .095); }  :root { --pyh-shadow-1: 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 16%); --pyh-shadow-2: 0 2px 6px rgb(var(--pyh-shadow-ink, 37 45 66) / 12%), 0 14px 34px rgb(var(--pyh-shadow-ink, 37 45 66) / 14%); --pyh-shadow-3: 0 4px 10px rgb(var(--pyh-shadow-ink, 37 45 66) / 14%), 0 26px 60px rgb(var(--pyh-shadow-ink, 37 45 66) / 20%); }  html[data-pyh-mode="dark"] { --pyh-shadow-1: 0 1px 2px rgb(var(--pyh-shadow-ink, 3 5 20) / 48%); --pyh-shadow-2: 0 2px 6px rgb(var(--pyh-shadow-ink, 3 5 20) / 44%), 0 14px 34px rgb(var(--pyh-shadow-ink, 3 5 20) / 50%); --pyh-shadow-3: 0 4px 10px rgb(var(--pyh-shadow-ink, 3 5 20) / 50%), 0 26px 60px rgb(var(--pyh-shadow-ink, 3 5 20) / 62%); }  :root {  --pyh-glass: rgba(255, 255, 255, .82); --pyh-glass-2: rgba(255, 255, 255, .55); --pyh-glass-line: rgba(15, 23, 42, .10); --pyh-glass-line-hi: rgba(15, 23, 42, .16); --pyh-glass-blur: saturate(140%) blur(18px);  --pyh-glass-r: calc(var(--pyh-radius, 12px) * 2.2); --pyh-glass-r-sm: calc(var(--pyh-radius, 12px) * 1.5); --pyh-glass-shadow: var(--pyh-shadow-2);  --pyh-sf-void: #ccd2de;  } html[data-pyh-mode="dark"] {  --pyh-glass: rgba(24, 23, 42, .88); --pyh-glass-2: rgba(255, 255, 255, .045); --pyh-glass-line: rgba(226, 224, 255, .10); --pyh-glass-line-hi: rgba(226, 224, 255, .17); --pyh-glass-shadow: 0 18px 44px rgb(var(--pyh-shadow-ink, 3 5 20) / 62%), 0 2px 0 0 var(--pyh-edge-hi, transparent) inset;  --pyh-sf-void: #030310; }  body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: var(--pyh-air, none); }  .pyh-lowfx body::before, body.pyh-lowfx::before { background: none; }  @supports (color: color-mix(in srgb, red 50%, white)) { html[data-pyh-mode="dark"] { --pyh-accent-ink: color-mix(in srgb, var(--pyh-primary, #c41230) 58%, #ffffff); } }   :root { --pyh-price-read: var(--pyh-price-ink, var(--pyh-c-ink, #141821)); } @supports (color: color-mix(in srgb, red 50%, white)) { html[data-pyh-mode="dark"] { --pyh-price-read: color-mix(in srgb, var(--pyh-price-ink, #141821) 26%, #eeeff8); } }   html[data-pyh-mode="dark"] :is(.pyh-pc__media, .pyh-card) img:not([src$=".svg"]) { filter: brightness(.94); } html[data-pyh-mode="dark"] :is(.pyh-pc, .pyh-card):hover img { filter: none; }  [hidden] { display: none !important; }  html { overflow-x: hidden; } body { overflow-x: hidden; overflow-x: clip; }  .screen-reader-text, .says, [class*="live_region"] { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }  .screen-reader-text:focus { clip-path: none; width: auto; height: auto; margin: 0; padding: 12px 20px; z-index: 100000; background: #fff; color: #111; font-size: 14px; text-decoration: none; }  [data-pyh-panel][aria-hidden="true"] { visibility: hidden; }   .pyh-scroller { overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; }  @media (max-width: 640px) { .pyh-scroller { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; overflow: visible; touch-action: auto; } .pyh-bleed { margin-inline: calc(50% - 50vw); max-width: 100vw; } }  .pyh-fa-digits { font-family: var(--pyh-body-family, Vazirmatn, Tahoma, sans-serif); font-feature-settings: normal; }  .pyh-ltr { direction: ltr; unicode-bidi: isolate; }  .pyh-tint { background: var(--pyh-tint, transparent); }  .pyh-i { display: block; flex: 0 0 auto; width: 1em; height: 1em;  vertical-align: middle; }  .pyh-lowfx * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }  html[data-pyh-mode="dark"] .pyh-price__save, html[data-pyh-mode="dark"] .pyh-bprice__save, html[data-pyh-mode="dark"] .pyh-pdp__sold, html[data-pyh-mode="dark"] .pyh-buy__seller-i, html[data-pyh-mode="dark"] .pyh-buy__stock--in { color: var(--pyh-c-ok, #59d38c); } html[data-pyh-mode="dark"] .pyh-strip__more, html[data-pyh-mode="dark"] .woocommerce-review-link, html[data-pyh-mode="dark"] .pyh-crumbs a:hover { color: var(--pyh-accent-ink, #ff6d80); }  html[data-pyh-mode="dark"] .pyh-main a.pyh-dls__order, html[data-pyh-mode="dark"] .pyh-main a.pyh-dls__past-a { color: var(--pyh-accent-ink, #ff6d80); }  .pyh-cmp-bar .pyh-cmp-bar__go { background-color: var(--pyh-primary, #c41230); background-image: linear-gradient(115deg, rgba(255, 47, 158, 0) 18%, rgba(255, 47, 158, .5) 100%); box-shadow: var(--pyh-glow, none); transition: box-shadow .22s ease, background-image .22s ease; } .pyh-cmp-bar .pyh-cmp-bar__go:hover, .pyh-cmp-bar .pyh-cmp-bar__go:focus-visible { background-image: linear-gradient(115deg, rgba(255, 47, 158, .12) 0%, rgba(255, 47, 158, .68) 100%); box-shadow: var(--pyh-glow-strong, none); }
:root{--pyh-primary:#c41230;--pyh-content-bg:#f4f5f9;--pyh-card-bg:#ffffff;--pyh-ink:#141821;--pyh-ink-muted:#6b7280;--pyh-line:rgba(15, 23, 42, 0.10);--pyh-on-accent:#ffffff;--pyh-overlay:rgba(0, 0, 0, 0.35);--pyh-heading-family:Lalezar, 'Lalezar Fallback', Vazirmatn, 'Vazirmatn Fallback', Tahoma, sans-serif;--pyh-heading-weight:400;--pyh-heading-size:30px;--pyh-heading-leading:1.35;--pyh-body-family:Sahel, 'Sahel Fallback', Vazirmatn, 'Vazirmatn Fallback', Tahoma, sans-serif;--pyh-body-weight:400;--pyh-body-size:16px;--pyh-body-leading:1.8;--pyh-section-pad:72px 0px 72px 0px;--pyh-section-pad-top:72px;--pyh-section-pad-end:0px;--pyh-section-pad-bottom:72px;--pyh-section-pad-start:0px;--pyh-heading-ratio:1.12;--pyh-radius:12px;--pyh-shadow-1:0 1px 2px rgb(0 0 0 / 5%);--pyh-shadow-2:0 1px 2px rgb(0 0 0 / 5%), 0 8px 28px rgb(0 0 0 / 7%);--pyh-shadow-3:0 2px 4px rgb(0 0 0 / 6%), 0 18px 44px rgb(0 0 0 / 12%);--pyh-tint-strength:6%;--pyh-line-w:1px;--pyh-container:1240px;--pyh-hd-logo-h:44px;--pyh-rib-h:44px;--pyh-rib-bg:#093f42;--pyh-rib-ink:#ffffff;--pyh-rib-c1:#17b8b0;--pyh-rib-c2:#ff9a1f;--pyh-rib-c3:#ef2b2b;--pyh-hd-bg:#c8153a;--pyh-hd-ink:#ffffff;--pyh-hd-field:#fdfbfc;--pyh-hd-bar-bg:#9a1430;--pyh-hd-bar-ink:#ffffff;--pyh-hd-util-bg:#561226;--pyh-hd-util-ink:#f7dee4;--pyh-header-height:88px;--pyh-accent-2:#e01a37;--pyh-mega-bg-2:#f2f4f7;--pyh-mega-side:#eaeef5;--pyh-mega-side-ink:#141821;--pyh-dw-band-from:#e8213f;--pyh-dw-band-to:#960d24;--pyh-dw-topbar-bg:#ffffff;--pyh-dw-logo-h:48px;--pyh-dw-topbar-ink:#14161c;--pyh-prose-measure:72ch;--pyh-buy-bg:#ffffff;--pyh-price-ink:#141821;--pyh-gal-bg:#ffffff;--pyh-ft-bg:#c8153a;--pyh-ft-ink:#ffffff;}

/*!payeh-header*/
.pyh-hd, .pyh-hd *, .pyh-hd *::before, .pyh-hd *::after { box-sizing: border-box; }  .pyh-hd { --pyh-h-accent: var(--pyh-primary, #c41230); --pyh-h-accent-2: var(--pyh-accent-2, #e01a37); --pyh-h-plate: var(--pyh-hd-bg, #fff); --pyh-h-ink: var(--pyh-hd-ink, #14161c); --pyh-h-muted: var(--pyh-hd-muted, #6b7280); --pyh-h-rule: var(--pyh-line, rgba(20, 22, 28, .09)); --pyh-h-util-bg: var(--pyh-hd-util-bg, #14161c); --pyh-h-util-ink: var(--pyh-hd-util-ink, #cbd0d8); --pyh-h-bar-bg: var(--pyh-hd-bar-bg, #fff); --pyh-h-bar-ink: var(--pyh-hd-bar-ink, #2b303b);  --pyh-h-bar-plate: rgba(255, 255, 255, .86); --pyh-h-field: var(--pyh-hd-field, #f2f4f7); --pyh-h-height: var(--pyh-header-height, 88px); --pyh-h-logo: var(--pyh-hd-logo-h, 44px); --pyh-h-wrap: var(--pyh-container, 1240px); position: relative; z-index: 100;  background: none; color: var(--pyh-h-ink); font-family: var(--pyh-body-family, Vazirmatn, Tahoma, sans-serif); }  .pyh-hd--sticky { position: sticky; top: var(--pyh-hd-pin, 0px); }  body.admin-bar { --pyh-hd-pin: 32px; } @media screen and (max-width: 782px) { body.admin-bar { --pyh-hd-pin: 0px; } } .pyh-hd--shadow { box-shadow: 0 6px 22px -14px rgba(20, 22, 28, .5); } .pyh-hd__wrap { display: flex; align-items: center; gap: 20px; width: 100%; max-width: var(--pyh-h-wrap); margin-inline: auto; padding-inline: 20px; }    .pyh-hd__utility { position: relative; background-color: var(--pyh-h-util-bg); background-image: radial-gradient(64% 190% at 6% 46%, color-mix(in srgb, var(--pyh-fx-b) 30%, transparent), transparent 72%), radial-gradient(58% 175% at 94% 54%, color-mix(in srgb, var(--pyh-fx-a) 24%, transparent), transparent 74%), radial-gradient(46% 150% at 50% 128%, color-mix(in srgb, var(--pyh-h-accent) 20%, transparent), transparent 76%); color: var(--pyh-h-util-ink); font-size: 12.5px; }  @supports ((mask-image: linear-gradient(#000, #000)) or (-webkit-mask-image: linear-gradient(#000, #000))) { .pyh-hd__utility::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: var(--pyh-fx-sweep); opacity: calc(.14 * var(--pyh-fx-lume, 1)); -webkit-mask-image: var(--pyh-fx-blueprint); mask-image: var(--pyh-fx-blueprint); -webkit-mask-size: 440px 440px; mask-size: 440px 440px; -webkit-mask-repeat: repeat; mask-repeat: repeat; } }  .pyh-hd__utility::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 1px; pointer-events: none; background-image: linear-gradient( 90deg, transparent 0%, color-mix(in srgb, var(--pyh-fx-b) 55%, transparent) 18%, color-mix(in srgb, var(--pyh-h-accent) 62%, transparent) 50%, color-mix(in srgb, var(--pyh-fx-a) 55%, transparent) 82%, transparent 100% ); opacity: calc(.55 + .45 * var(--pyh-fx-lume, 1)); }  html:not([data-pyh-mode="dark"]) .pyh-hd__utility { background-image: radial-gradient(70% 200% at 6% 46%, color-mix(in srgb, var(--pyh-fx-b) 7%, transparent), transparent 74%), radial-gradient(64% 185% at 94% 54%, color-mix(in srgb, var(--pyh-h-accent) 6%, transparent), transparent 76%); } @supports ((mask-image: linear-gradient(#000, #000)) or (-webkit-mask-image: linear-gradient(#000, #000))) { html:not([data-pyh-mode="dark"]) .pyh-hd__utility::before { background-image: linear-gradient(var(--pyh-fx-ink), var(--pyh-fx-ink)); opacity: .5; } }  .pyh-hd__utility .pyh-hd__wrap { min-height: clamp(38px, 3.4vw, 48px); gap: 16px; }  .pyh-hd__note--cycle { display: grid; grid-template-areas: "pyh-notice"; place-items: center; } .pyh-hd__notice { grid-area: pyh-notice; }  @keyframes pyh-hd-notice-2 { 0%, 1.5% { opacity: 0; transform: translateY(6px); } 4.5%, 39% { opacity: 1; transform: none; } 43%, 100% { opacity: 0; transform: translateY(-6px); } } @keyframes pyh-hd-notice-3 { 0%, 1% { opacity: 0; transform: translateY(6px); } 3%, 26% { opacity: 1; transform: none; } 28.7%, 100% { opacity: 0; transform: translateY(-6px); } } @keyframes pyh-hd-notice-4 { 0%, .75% { opacity: 0; transform: translateY(6px); } 2.25%, 19.5% { opacity: 1; transform: none; } 21.5%, 100% { opacity: 0; transform: translateY(-6px); } } @media (prefers-reduced-motion: no-preference) { .pyh-hd__note--cycle .pyh-hd__notice { opacity: 0; animation-duration: calc(6.2s * var(--pyh-note-n, 2)); animation-timing-function: linear; animation-iteration-count: infinite;  animation-delay: calc(6.2s * var(--pyh-note-i, 0)); } .pyh-hd__note--n2 .pyh-hd__notice { animation-name: pyh-hd-notice-2; } .pyh-hd__note--n3 .pyh-hd__notice { animation-name: pyh-hd-notice-3; } .pyh-hd__note--n4 .pyh-hd__notice { animation-name: pyh-hd-notice-4; } }  .pyh-hd__note--cycle .pyh-hd__notice { opacity: 0; } .pyh-hd__note--cycle .pyh-hd__notice:first-child { opacity: 1; } @media (prefers-reduced-motion: no-preference) { .pyh-hd__note--cycle .pyh-hd__notice:first-child { opacity: 0; } }  .pyh-hd__phone { padding-inline: 10px 4px; padding-block: 5px; border-radius: 999px; font-variant-numeric: tabular-nums; transition: background-color .18s ease, opacity .18s ease, color .18s ease; } .pyh-hd__phone svg { inline-size: 26px; block-size: 26px; padding: 5px; border-radius: 50%; background-color: color-mix(in srgb, var(--pyh-h-accent) 24%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-h-accent) 38%, transparent); } @media (hover: hover) { .pyh-hd__phone:hover { background-color: color-mix(in srgb, var(--pyh-h-accent) 14%, transparent); } }  .pyh-hd__util-links li + li, .pyh-hd__util-end > * + * { position: relative; }  .pyh-hd__util-links li + li::before, .pyh-hd__util-end > * + *::before { content: ""; position: absolute; inset-block: 4px; inline-size: 1px; background-color: color-mix(in srgb, currentColor 22%, transparent); } .pyh-hd__util-links li + li::before { inset-inline-end: -8px; } .pyh-hd__util-end > * + *::before { inset-inline-end: -9px; }  .pyh-hd__note { margin: 0; flex: 1 1 auto; text-align: center; font-weight: 700; opacity: .92; } @media (max-width: 900px) {  .pyh-hd__note { text-align: start; } }  .pyh-hd__util-end { display: flex; align-items: center; gap: 18px; margin-inline-start: auto; } .pyh-hd__util-links { display: flex; align-items: center; gap: 16px; margin: 0; padding: 0; list-style: none; } .pyh-hd__util-links a, .pyh-hd__phone { display: inline-flex; align-items: center; gap: 7px; color: inherit; text-decoration: none; transition: opacity .18s ease, color .18s ease; } .pyh-hd__util-links a { opacity: .78; } .pyh-hd__phone { font-weight: 700; font-size: 14px; }   .pyh-hd__main { background: none; border-bottom: 0; } .pyh-hd__main .pyh-hd__wrap { min-height: var(--pyh-h-height); margin-block-start: 8px; padding-inline: 18px; border-radius: var(--pyh-glass-r, 20px); border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1)); background: var(--pyh-glass, rgba(255, 255, 255, .82)); box-shadow: var(--pyh-glass-shadow, none); } .pyh-hd__main .pyh-hd__wrap { -webkit-backdrop-filter: var(--pyh-glass-blur, none); backdrop-filter: var(--pyh-glass-blur, none); }  .pyh-hd__brand { display: inline-flex; align-items: center; flex: 0 0 auto; color: inherit; text-decoration: none; } .pyh-hd__brand-text { font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-weight: 800; font-size: 21px; letter-spacing: -.2px; }  .pyh-hd .pyh-hd__logo { display: block; height: var(--pyh-h-logo); width: auto; max-width: 220px; object-fit: contain; }  .pyh-hd__main--brand-center .pyh-hd__brand { position: absolute; inset-inline: 0; width: fit-content; margin-inline: auto; } .pyh-hd__main--brand-center .pyh-hd__wrap { position: relative; }   .pyh-hd__search { position: relative; display: flex; align-items: center; flex: 1 1 auto; max-width: 520px; margin-inline: auto; background: var(--pyh-h-field); border: 1.5px solid var(--pyh-glass-line, transparent); border-radius: var(--pyh-radius-pill, 999px); transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; } .pyh-hd__search-input { flex: 1 1 auto; min-width: 0; height: 46px; padding-inline: 14px 6px; border: 0; background: none; color: inherit; font: inherit; font-size: 14px; } .pyh-hd__search-input::placeholder { color: var(--pyh-h-muted); opacity: 1; } .pyh-hd__search-input:focus { outline: none; }  .pyh-hd__search-input::-webkit-search-cancel-button { display: none; }  .pyh-hd__scope { position: relative; flex: 0 0 auto; } .pyh-hd__scope-select, .pyh-hd__scope-btn { display: flex; align-items: center; gap: 6px; max-width: 170px; height: 46px; padding-inline: 14px 10px; border: 0; border-inline-end: 1px solid var(--pyh-h-rule); background: none; color: var(--pyh-h-muted); font: inherit; font-size: 13px; white-space: nowrap; cursor: pointer; }  .pyh-hd__scope-select--upgraded { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .pyh-hd__scope-text { overflow: hidden; text-overflow: ellipsis; } .pyh-hd__scope-caret { font-size: 16px; transition: transform .18s ease; } .pyh-hd__scope-list { position: absolute; top: calc(100% + 6px); inset-inline-start: 0; z-index: 20; min-width: 210px; max-height: 320px; margin: 0; padding: 6px; overflow-y: auto; overflow-x: hidden; list-style: none; background: var(--pyh-h-plate); border: 1px solid var(--pyh-h-rule); border-radius: var(--pyh-radius, 12px); box-shadow: 0 18px 40px -18px rgba(20, 22, 28, .45); } .pyh-hd__scope-item { display: flex; align-items: center; gap: 8px; padding: 9px 11px; border-radius: var(--pyh-radius, 9px); color: var(--pyh-h-ink); font-size: 13.5px; cursor: pointer; transition: background .14s ease, color .14s ease; }  .pyh-hd__scope-tick { margin-inline-start: auto; font-size: 15px; opacity: 0; } .pyh-hd__search-go { display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 46px; padding: 0; border: 0; background: none; color: var(--pyh-h-muted); font-size: 20px; cursor: pointer; transition: color .18s ease; }  .pyh-hd__actions { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; margin-inline-start: auto; }  .pyh-hd__action { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: var(--pyh-glass-r-sm, 12px); border: 1px solid var(--pyh-glass-line, transparent); background: var(--pyh-glass-2, transparent); color: inherit; font-size: 13.5px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease; }  .pyh-hd__action::after, .pyh-hd__mode::after, .pyh-hd__brand::after, .pyh-hd__burger::after { content: ""; position: absolute; inset-block: calc((100% - var(--pyh-tap, 44px)) / 2);  inset-inline: -3px; pointer-events: auto; } .pyh-hd__mode, .pyh-hd__brand, .pyh-hd__burger { position: relative; }  .pyh-hd__action--cart { border-radius: var(--pyh-radius-pill, 999px); border-color: color-mix(in srgb, var(--pyh-h-accent) 38%, transparent); background: var(--pyh-primary-soft, transparent); } .pyh-hd__action--cart:hover, .pyh-hd__action--cart:focus-visible { box-shadow: var(--pyh-glow, none); } .pyh-hd__action .pyh-i { font-size: 21px; }  .pyh-hd__mode { display: none; } html.pyh-mode-ready .pyh-hd__mode { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px;  border: 1px solid var(--pyh-glass-line, transparent); cursor: pointer; background: var(--pyh-glass-2, transparent); border-radius: var(--pyh-glass-r-sm, 12px); color: inherit; font-family: inherit; font-size: 13.5px; font-weight: 600; white-space: nowrap; transition: background .18s ease, color .18s ease; } .pyh-hd__mode .pyh-i { font-size: 21px; }  .pyh-hd__mode .pyh-i--sun { display: none; } html[data-pyh-mode="dark"] .pyh-hd__mode .pyh-i--sun { display: block; } html[data-pyh-mode="dark"] .pyh-hd__mode .pyh-i--moon { display: none; }  @media (max-width: 900px) { html.pyh-mode-ready .pyh-hd__mode { padding: 9px; } .pyh-hd__mode-label { display: none; } }  .pyh-hd__count-wrap { position: absolute; top: 4px; inset-inline-start: 6px; } .pyh-hd__count { display: grid; place-items: center; min-width: 19px; height: 19px; padding-inline: 5px; border-radius: 999px; background: var(--pyh-h-accent); color: #fff; font-size: 11px; font-weight: 700; line-height: 1;  font-family: var(--pyh-body-family, Vazirmatn, Tahoma, sans-serif); }  .pyh-hd__bar { background: none; color: var(--pyh-h-bar-ink); border-bottom: 0; padding-block-end: 8px;  --pyh-menu-ink: var(--pyh-h-bar-ink); }  .pyh-hd__bar .pyh-hd__wrap { min-height: 46px; margin-block-start: 6px; padding-block: 3px; padding-inline: 12px; border-radius: var(--pyh-glass-r-sm, 16px); border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1)); background: var(--pyh-h-bar-plate, rgba(255, 255, 255, .86));  -webkit-backdrop-filter: var(--pyh-glass-blur, none); backdrop-filter: var(--pyh-glass-blur, none); } .pyh-hd__nav { display: flex; min-width: 0; }  .pyh-hd__bar--inline .pyh-hd__nav { flex: 0 1 auto; justify-content: flex-start; } .pyh-hd__bar--centered .pyh-hd__nav { flex: 1 1 auto; justify-content: center; } .pyh-hd__bar--split .pyh-hd__nav { flex: 1 1 auto; justify-content: flex-end; }  .pyh-hd__burger { display: none; place-items: center; flex: 0 0 auto; width: 42px; height: 42px; padding: 0; border: 0; border-radius: var(--pyh-radius, 11px); background: none; color: inherit; font-size: 24px; cursor: pointer; transition: background .18s ease; }  @media (max-width: 900px) { .pyh-hd__burger { display: grid; } .pyh-hd__bar { display: none; } .pyh-hd__utility { display: none; } .pyh-hd__main .pyh-hd__wrap { flex-wrap: wrap; min-height: 0; gap: 10px; padding-block: 10px; }  .pyh-hd__burger { order: 1; } .pyh-hd__brand { order: 2; } .pyh-hd__actions { order: 3; } .pyh-hd__search { order: 4; flex: 1 0 100%; max-width: none; }  .pyh-hd__main--brand-center .pyh-hd__brand { position: static; margin-inline: 0; } .pyh-hd__action-label { display: none; } .pyh-hd__action { padding: 9px; }  .pyh-hd .pyh-hd__logo { height: min(var(--pyh-h-logo), 38px); } }  .pyh-hd { --pyh-h-wrap: 100%; } .pyh-hd__wrap { padding-inline: var(--pyh-bleed, 20px); } .pyh-hd__main .pyh-hd__wrap, .pyh-hd__bar .pyh-hd__wrap { margin-block-start: 0; border-radius: 0; border-inline: 0; border-block-end: 0; }  .pyh-hd__bar .pyh-hd__wrap { border-block-start: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1)); }  .pyh-hd__bar { padding-block-end: 0; }  @media (max-width: 480px) { .pyh-hd__wrap { padding-inline: 12px; gap: 8px; } .pyh-hd__brand-text { font-size: 18px; } }  .pyh-hd__util-links a:hover, .pyh-hd__util-links a:focus-visible { opacity: 1; } .pyh-hd__phone:hover, .pyh-hd__phone:focus-visible { color: #fff; } .pyh-hd__burger:hover { background: rgba(20, 22, 28, .06); }  .pyh-hd__search-input:focus ~ .pyh-hd__search-go { color: var(--pyh-h-accent); } .pyh-hd__search:has(.pyh-hd__search-input:focus) { background: var(--pyh-h-plate); border-color: var(--pyh-h-accent); }  @supports not selector(:has(*)) { .pyh-hd__search-input:focus { outline: 2px solid var(--pyh-h-accent); outline-offset: -2px; border-radius: var(--pyh-radius, 12px); } } .pyh-hd__scope-btn:hover { color: var(--pyh-h-ink); } .pyh-hd__scope.is-open .pyh-hd__scope-btn { color: var(--pyh-h-ink); } .pyh-hd__scope.is-open .pyh-hd__scope-caret { transform: rotate(180deg); } .pyh-hd__scope-item:hover, .pyh-hd__scope-item:focus-visible { background: var(--pyh-h-field); outline: none; } .pyh-hd__scope-item.is-selected { color: var(--pyh-h-accent); font-weight: 600; } .pyh-hd__scope-item.is-selected .pyh-hd__scope-tick { opacity: 1; } .pyh-hd__search-go:hover { color: var(--pyh-h-accent); } .pyh-hd__action:hover, .pyh-hd__action:focus-visible { background: var(--pyh-h-field); color: var(--pyh-h-accent); }  .pyh-hd a:focus-visible, .pyh-hd button:focus-visible, .pyh-hd select:focus-visible, .pyh-hd input:not(.pyh-hd__search-input):focus-visible { outline: 2px solid var(--pyh-h-accent); outline-offset: 2px; }   html[data-pyh-mode="dark"] .pyh-hd__main { background-image: linear-gradient( to bottom, rgb(255 255 255 / 3.5%), rgb(255 255 255 / 0%) 62% ); box-shadow: inset 0 1px 0 var(--pyh-edge-hi); border-bottom-color: var(--pyh-edge-lo); }  html[data-pyh-mode="dark"] .pyh-hd__bar { border-bottom-color: var(--pyh-edge-lo); } html[data-pyh-mode="dark"] .pyh-hd { --pyh-h-bar-plate: rgba(24, 23, 42, .82); }  html[data-pyh-mode="dark"] .pyh-hd { box-shadow: 0 22px 46px -30px rgb(var(--pyh-shadow-ink, 3 5 20) / 90%); }  html[data-pyh-mode="dark"] .pyh-hd__search { box-shadow: inset 0 1px 3px rgb(var(--pyh-shadow-ink, 3 5 20) / 70%), inset 0 0 0 1px rgb(255 255 255 / 4%); }  html[data-pyh-mode="dark"] .pyh-hd__search:focus-within { background: var(--pyh-sf-float); box-shadow: inset 0 1px 0 var(--pyh-edge-hi), 0 0 0 4px rgb(var(--pyh-shadow-ink, 3 5 20) / 45%); }   html:not([data-pyh-mode="dark"]) .pyh-hd { --pyh-h-film: rgba(255, 255, 255, .10); --pyh-h-film-2: rgba(255, 255, 255, .17); --pyh-h-rim: rgba(255, 255, 255, .18); --pyh-h-rim-hi: rgba(255, 255, 255, .38); --pyh-h-seam: rgba(255, 255, 255, .16);  --pyh-h-well: var(--pyh-h-field); --pyh-h-well-ink: #241017; --pyh-h-well-muted: #6d545b; --pyh-h-well-accent: #a8102c; --pyh-h-well-rule: rgba(36, 16, 23, .14);  --pyh-h-cast: rgba(58, 5, 18, .5); } @supports (color: color-mix(in oklab, red 50%, blue)) { html:not([data-pyh-mode="dark"]) .pyh-hd {  --pyh-h-well-ink: color-mix(in oklab, var(--pyh-ink, #141821) 90%, var(--pyh-h-accent)); --pyh-h-well-muted: color-mix(in oklab, var(--pyh-h-well-ink) 66%, var(--pyh-h-well));  --pyh-h-well-accent: color-mix(in oklab, var(--pyh-h-accent) 82%, #1c060e); --pyh-h-well-rule: color-mix(in srgb, var(--pyh-h-well-ink) 14%, transparent); --pyh-h-cast: color-mix(in srgb, color-mix(in oklab, var(--pyh-h-bar-bg) 52%, #000) 52%, transparent); } }   @supports (color: color-mix(in oklab, red 50%, blue)) { html:not([data-pyh-mode="dark"]) .pyh-hd--lit-util .pyh-hd__utility { background-image: radial-gradient(56% 200% at 4% 140%, color-mix(in srgb, var(--pyh-fx-b) 20%, transparent), transparent 66%), radial-gradient(50% 185% at 96% 140%, color-mix(in srgb, var(--pyh-fx-a) 16%, transparent), transparent 68%), radial-gradient(120% 240% at 50% -80%, rgba(255, 255, 255, .07), transparent 60%); } }  @supports ((mask-image: linear-gradient(#000, #000)) or (-webkit-mask-image: linear-gradient(#000, #000))) { html:not([data-pyh-mode="dark"]) .pyh-hd--lit-util .pyh-hd__utility::before { background-image: var(--pyh-fx-sweep); opacity: calc(.13 * var(--pyh-fx-lume, 1)); } }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-util .pyh-hd__phone svg { background-color: var(--pyh-h-film-2); box-shadow: inset 0 0 0 1px var(--pyh-h-rim); }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__main .pyh-hd__wrap { background-color: var(--pyh-h-plate); border-color: transparent;  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16); -webkit-backdrop-filter: none; backdrop-filter: none; } @supports (color: color-mix(in oklab, red 50%, blue)) { html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__main .pyh-hd__wrap { background-image: radial-gradient(46% 170% at 3% 128%, color-mix(in srgb, var(--pyh-fx-b) 15%, transparent), transparent 64%), radial-gradient(42% 160% at 97% 128%, color-mix(in srgb, var(--pyh-fx-a) 13%, transparent), transparent 66%), linear-gradient(to bottom, rgba(255, 255, 255, .075), rgba(255, 255, 255, 0) 46%); } }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main { box-shadow: 0 16px 36px -30px var(--pyh-h-cast); }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__logo { box-sizing: content-box; padding: 6px 10px; border-radius: var(--pyh-glass-r-sm, 14px); background-color: var(--pyh-h-well); box-shadow: 0 3px 12px -6px var(--pyh-h-cast); }   html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__search { background: var(--pyh-h-well); border-color: transparent; color: var(--pyh-h-well-ink); box-shadow: inset 0 3px 6px -3px rgba(38, 4, 14, .55), inset 0 0 0 1px rgba(38, 4, 14, .07), 0 1px 0 rgba(255, 255, 255, .16); } html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__search-input { color: var(--pyh-h-well-ink); } html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__search-input::placeholder, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope-btn, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope-select, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__search-go { color: var(--pyh-h-well-muted); } html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope-btn, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope-select { border-inline-end-color: var(--pyh-h-well-rule); }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope-list { background: var(--pyh-h-well); border-color: var(--pyh-h-well-rule); box-shadow: 0 18px 40px -18px var(--pyh-h-cast); } html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope-item { color: var(--pyh-h-well-ink); }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__action, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__mode { background: var(--pyh-h-film); border-color: var(--pyh-h-rim); color: var(--pyh-h-ink); }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__action--cart { background: var(--pyh-h-film-2); border-color: var(--pyh-h-rim-hi); }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__count { background: var(--pyh-h-well); color: var(--pyh-h-well-accent); }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-bar .pyh-hd__bar .pyh-hd__wrap { background: var(--pyh-h-bar-bg); border-block-start-color: var(--pyh-h-seam); -webkit-backdrop-filter: none; backdrop-filter: none; }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-bar .pyh-hd__bar { --pyh-menu-rule: var(--pyh-h-bar-ink); --pyh-menu-ink-hi: var(--pyh-h-bar-ink);  --pyh-cats-fill: var(--pyh-h-well); --pyh-cats-sweep: none; --pyh-cats-ink: var(--pyh-h-well-accent); --pyh-cats-glow: 0 2px 10px -4px var(--pyh-h-cast); --pyh-cats-glow-hi: 0 8px 20px -8px var(--pyh-h-cast); }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-bar .pyh-menu > .pyh-menu__item:not(.pyh-menu__item--cats) > .pyh-menu__link { opacity: .86; }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-bar .pyh-menu > .pyh-menu__item:not(.pyh-menu__item--cats):hover > .pyh-menu__link, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-bar .pyh-menu > .pyh-menu__item:not(.pyh-menu__item--cats):focus-within > .pyh-menu__link { opacity: 1; } html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__action:hover, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__action:focus-visible, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__mode:hover, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__burger:hover { background: var(--pyh-h-film-2); border-color: var(--pyh-h-rim-hi); color: var(--pyh-h-ink); }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__search:has(.pyh-hd__search-input:focus) { background: #fff; border-color: transparent; box-shadow: 0 0 0 3px var(--pyh-h-rim-hi); } html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__search-input:focus ~ .pyh-hd__search-go, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__search-go:hover, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope-btn:hover, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope.is-open .pyh-hd__scope-btn { color: var(--pyh-h-well-accent); } html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope-item.is-selected { color: var(--pyh-h-well-accent); } @supports (color: color-mix(in oklab, red 50%, blue)) { html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope-item:hover, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope-item:focus-visible { background: color-mix(in srgb, var(--pyh-h-accent) 9%, var(--pyh-h-well)); } }  html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main a:focus-visible, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main button:focus-visible, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main select:focus-visible, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main input:not(.pyh-hd__search-input):focus-visible { outline-color: var(--pyh-h-ink); } html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__scope-btn:focus-visible, html:not([data-pyh-mode="dark"]) .pyh-hd--lit-main .pyh-hd__search-go:focus-visible { outline-color: var(--pyh-h-well-accent); }   .pyh-rib, .pyh-rib *, .pyh-rib *::before, .pyh-rib *::after { box-sizing: border-box; } .pyh-rib {  --pyh-r-h: var(--pyh-rib-h, 44px);  --pyh-r-bg: var(--pyh-rib-bg, #093f42); --pyh-r-ink: var(--pyh-rib-ink, #ffffff);  --pyh-r-c1: var(--pyh-rib-c1, #17b8b0); --pyh-r-c2: var(--pyh-rib-c2, #ff9a1f); --pyh-r-c3: var(--pyh-rib-c3, #ef2b2b);  --pyh-r-spectrum: linear-gradient(90deg, var(--pyh-r-c1) 0%, var(--pyh-r-c2) 52%, var(--pyh-r-c3) 100%); position: relative;  isolation: isolate; font-family: var(--pyh-body-family, Vazirmatn, Tahoma, sans-serif); }  .pyh-rib__track { display: grid; grid-template-areas: "pyh-ribbon"; align-items: stretch; } .pyh-rib__cel { grid-area: pyh-ribbon; position: relative;  isolation: isolate; display: flex; align-items: center; justify-content: center; min-block-size: var(--pyh-r-h); margin: 0; padding-block: 4px; padding-inline: 20px; text-align: center;  font-weight: 900; font-size: clamp(15px, .55vw + 12.6px, 18px); line-height: 1.2; }  .pyh-rib__cel--roman { letter-spacing: .09em; } .pyh-rib__word { display: inline-block; max-inline-size: 100%; }  .pyh-rib__hi { display: inline-block; font-size: 1.7em; font-weight: 900; line-height: 1; letter-spacing: -.015em;  transform-origin: 50% 60%; }  .pyh-rib__cel--dark { background-color: var(--pyh-r-bg); color: var(--pyh-r-ink); }  .pyh-rib__cel--onlight { color: #08070f; }  .pyh-rib__cel--spectrum { background-color: var(--pyh-r-c2); color: #08070f; } .pyh-rib__cel--spectrum::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: var(--pyh-r-spectrum); background-size: 120% 100%; background-position: 0 0; } @media (prefers-reduced-motion: no-preference) { .pyh-rib__cel--spectrum::before {  animation: pyh-rib-drift 19s ease-in-out infinite alternate; } } @keyframes pyh-rib-drift { from { background-position: 0 0; } to { background-position: 100% 0; } }  .pyh-rib__cel--brand { background-color: var(--pyh-primary, #c8153a); background-image: var(--pyh-act); color: var(--pyh-act-ink, #fff); } .pyh-rib__cel--paper { background-color: var(--pyh-plate, #fdfdff); color: var(--pyh-c-ink, #141821); }  @keyframes pyh-rib-2 { 0% { clip-path: inset(0 100% 0 0); z-index: 2; } 6.5% { clip-path: inset(0 0 0 0); z-index: 2; } 49.99% { z-index: 2; } 50% { z-index: 1; } 100% { clip-path: inset(0 0 0 0); z-index: 1; } } @keyframes pyh-rib-3 { 0% { clip-path: inset(0 100% 0 0); z-index: 3; } 4.33% { clip-path: inset(0 0 0 0); z-index: 3; } 33.32% { z-index: 3; } 33.34% { z-index: 2; } 66.65% { z-index: 2; } 66.67% { z-index: 1; } 100% { clip-path: inset(0 0 0 0); z-index: 1; } } @keyframes pyh-rib-4 { 0% { clip-path: inset(0 100% 0 0); z-index: 4; } 3.25% { clip-path: inset(0 0 0 0); z-index: 4; } 24.99% { z-index: 4; } 25% { z-index: 3; } 49.99% { z-index: 3; } 50% { z-index: 2; } 74.99% { z-index: 2; } 75% { z-index: 1; } 100% { clip-path: inset(0 0 0 0); z-index: 1; } }  .pyh-rib__cel::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: 0; transform: translateX(-100%); background-image: linear-gradient(180deg, var(--pyh-r-c1), var(--pyh-r-c2), var(--pyh-r-c3)); background-size: 4px 100%; background-position: 100% 0; background-repeat: no-repeat; } @supports (color: color-mix(in srgb, red 50%, blue)) { .pyh-rib__cel::after { filter: drop-shadow(0 0 5px color-mix(in srgb, var(--pyh-r-c2) 85%, transparent)) drop-shadow(0 0 14px color-mix(in srgb, var(--pyh-r-c1) 45%, transparent)); } }  @keyframes pyh-rib-beam { 0% { opacity: 1; transform: translateX(-100%); } 13% { opacity: 1; transform: translateX(0); } 19% { opacity: 0; transform: translateX(0); } 100% { opacity: 0; transform: translateX(0); } } @keyframes pyh-rib-word { 0% { opacity: .3; transform: translateX(-10px); } 17% { opacity: 1; transform: translateX(0); } 100% { opacity: 1; transform: translateX(0); } } @keyframes pyh-rib-hi { 0% { transform: scale(.86); } 9% { transform: scale(.86); } 23% { transform: scale(1.07); } 33% { transform: scale(1); } 100% { transform: scale(1); } }  .pyh-rib__cel { opacity: 0; } .pyh-rib__cel:first-child { opacity: 1; } @media (prefers-reduced-motion: no-preference) { .pyh-rib--n2 .pyh-rib__cel, .pyh-rib--n3 .pyh-rib__cel, .pyh-rib--n4 .pyh-rib__cel { opacity: 1; animation-duration: calc(var(--pyh-rib-slot, 4s) * var(--pyh-rib-n, 3)); animation-timing-function: linear; animation-iteration-count: infinite;  animation-delay: calc(var(--pyh-rib-slot, 4s) * var(--pyh-rib-i, 0)); } .pyh-rib--n2 .pyh-rib__cel { animation-name: pyh-rib-2; } .pyh-rib--n3 .pyh-rib__cel { animation-name: pyh-rib-3; } .pyh-rib--n4 .pyh-rib__cel { animation-name: pyh-rib-4; }  .pyh-rib--n2 .pyh-rib__cel::after, .pyh-rib--n3 .pyh-rib__cel::after, .pyh-rib--n4 .pyh-rib__cel::after, .pyh-rib--n2 .pyh-rib__word, .pyh-rib--n3 .pyh-rib__word, .pyh-rib--n4 .pyh-rib__word, .pyh-rib--n2 .pyh-rib__hi, .pyh-rib--n3 .pyh-rib__hi, .pyh-rib--n4 .pyh-rib__hi { animation-duration: var(--pyh-rib-slot, 4s); animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: calc(var(--pyh-rib-slot, 4s) * var(--pyh-rib-i, 0)); } .pyh-rib--n2 .pyh-rib__cel::after, .pyh-rib--n3 .pyh-rib__cel::after, .pyh-rib--n4 .pyh-rib__cel::after { animation-name: pyh-rib-beam; } .pyh-rib--n2 .pyh-rib__word, .pyh-rib--n3 .pyh-rib__word, .pyh-rib--n4 .pyh-rib__word { animation-name: pyh-rib-word; }  .pyh-rib--n2 .pyh-rib__hi, .pyh-rib--n3 .pyh-rib__hi, .pyh-rib--n4 .pyh-rib__hi { animation-name: pyh-rib-hi; animation-timing-function: cubic-bezier(.2, .8, .3, 1); } }  .pyh-rib::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; z-index: 3; block-size: 1px; pointer-events: none; background-image: linear-gradient( 90deg, transparent 0%, color-mix(in srgb, var(--pyh-r-c1) 55%, transparent) 18%, color-mix(in srgb, var(--pyh-r-c2) 62%, transparent) 50%, color-mix(in srgb, var(--pyh-r-c3) 55%, transparent) 82%, transparent 100% ); opacity: .6; }
/*!payeh-content*/
.pyh-main, .pyh-main *, .pyh-main *::before, .pyh-main *::after { box-sizing: border-box; }  .pyh-main { --pyh-c-bg: var(--pyh-content-bg, #f4f5f9); --pyh-c-card: var(--pyh-card-bg, #ffffff); --pyh-c-ink: var(--pyh-ink, #141821); --pyh-c-muted: var(--pyh-ink-muted, #6b7280); --pyh-c-line: var(--pyh-line, rgba(15, 23, 42, .10)); --pyh-c-accent: var(--pyh-primary, #c41230); --pyh-c-radius: var(--pyh-radius, 12px); --pyh-c-wrap: var(--pyh-container, 1240px);   --pyh-c-radius-sm: var(--pyh-radius-sm, calc(var(--pyh-c-radius) * 0.5)); --pyh-c-radius-lg: var(--pyh-radius-lg, calc(var(--pyh-c-radius) * 1.6)); --pyh-c-radius-pill: var(--pyh-radius-pill, 999px);  --pyh-c-shadow-1: var(--pyh-shadow-1, 0 1px 2px rgb(0 0 0 / 5%)); --pyh-c-shadow-2: var(--pyh-shadow-2, 0 1px 2px rgb(0 0 0 / 5%), 0 8px 28px rgb(0 0 0 / 7%)); --pyh-c-shadow-3: var(--pyh-shadow-3, 0 2px 4px rgb(0 0 0 / 6%), 0 18px 44px rgb(0 0 0 / 12%));  --pyh-c-on-accent: var(--pyh-on-accent, #ffffff);  --pyh-c-tint: var(--pyh-tint, transparent);  --pyh-c-line-w: var(--pyh-line-w, 1px);  --pyh-blk-gap: 14px;    --pyh-c-gutter: 20px; display: block; background: var(--pyh-c-bg); color: var(--pyh-c-ink); font-family: var(--pyh-body-family, Vazirmatn, Tahoma, sans-serif); font-size: var(--pyh-body-size, 16px);  font-weight: var(--pyh-body-weight, 400);  line-height: var(--pyh-body-leading, 1.8); } .pyh-wrap { width: 100%; max-width: var(--pyh-c-wrap); margin-inline: auto; padding-inline: var(--pyh-c-gutter); }  .pyh-head { position: relative; padding-block: 30px 34px; overflow: hidden; } .pyh-head--band { background: var(--pyh-c-ink); color: #fff; }  html[data-pyh-mode="dark"] .pyh-head--band { background: radial-gradient(120% 150% at 88% -30%, rgb(255 255 255 / 7%), transparent 58%), radial-gradient(90% 120% at 8% 120%, rgba(110, 65, 219, .16), transparent 62%), var(--pyh-sf-float); box-shadow: inset 0 1px 0 var(--pyh-edge-hi), var(--pyh-shadow-1); }  .pyh-head--band::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( -45deg, rgb(255 255 255 / 4%) 0 1px, transparent 1px 7px ); pointer-events: none; }  .pyh-head--band::after { content: ""; position: absolute; inset-block: -60%; inset-inline-start: -10%; width: min(46vw, 620px); background: radial-gradient(closest-side, var(--pyh-c-accent), transparent 72%); opacity: .30; pointer-events: none; } .pyh-head--band .pyh-wrap { position: relative; z-index: 1; } .pyh-head--plain { background: transparent; border-block-end: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); } .pyh-head__title { margin: 12px 0 0; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif);  font-size: clamp(24px, 1.1rem + 1.4vw, var(--pyh-heading-size, 34px)); font-weight: var(--pyh-heading-weight, 800);  line-height: 1.35; letter-spacing: -.01em; color: inherit; } .pyh-head--plain .pyh-head__title { color: var(--pyh-c-ink); } .pyh-head__sub { margin: 10px 0 0; max-width: 68ch; font-size: 14px; line-height: 1.9; opacity: .72; } .pyh-head--plain .pyh-head__sub { color: var(--pyh-c-muted); opacity: 1; }  .pyh-crumbs { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .pyh-crumbs::-webkit-scrollbar { display: none; } .pyh-crumbs ol { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 13px; white-space: nowrap; color: var(--pyh-c-muted); } .pyh-crumbs li { display: inline-flex; align-items: center; gap: 6px; } .pyh-head--band .pyh-crumbs ol { color: rgb(255 255 255 / 62%); }  .pyh-crumbs a { display: inline-flex; align-items: center; min-block-size: var(--pyh-tap, 44px); padding-inline: 2px; color: inherit; text-decoration: none; } .pyh-crumbs [aria-current="page"] { color: var(--pyh-c-ink); font-weight: 600;  max-width: 42ch; overflow: hidden; text-overflow: ellipsis; } .pyh-head--band .pyh-crumbs [aria-current="page"] { color: #fff; } .pyh-crumbs__sep { width: 14px; height: 14px; flex: none; opacity: .55; }  .pyh-shell { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: start;  padding-block: var(--pyh-section-pad-top, 34px) var(--pyh-section-pad-bottom, 56px); } .pyh-shell--rail-end { grid-template-columns: minmax(0, 1fr) 320px; } .pyh-shell--rail-start { grid-template-columns: 320px minmax(0, 1fr); }  .pyh-shell--rail-start > .pyh-col { grid-column: 2 / 3; grid-row: 1; } .pyh-shell--rail-start > .pyh-rail { grid-column: 1 / 2; grid-row: 1; } .pyh-col { min-width: 0; }  .pyh-rail { min-width: 0; position: sticky;  top: calc(var(--pyh-hd-pin, 0px) + var(--pyh-hd-sticky-height, 0px) + 16px); display: grid; gap: 18px; }  .pyh-widget { background: none; border: 0; padding: 0; font-size: 14px; }  .pyh-widget__title { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: 15px; font-weight: 800; letter-spacing: -.01em; color: var(--pyh-c-ink); } .pyh-widget__title::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--pyh-c-line); }  .pyh-widget ul:not(.pyh-chips) { margin: 0; padding: 0; list-style: none; display: grid;  gap: 7px; }    .pyh-widget ul:not(.pyh-chips):not(.pyh-rank):not(.woocommerce-widget-layered-nav-list) > li { display: flex; align-items: center; justify-content: space-between; gap: 10px;  padding: 11px 14px; border-radius: var(--pyh-c-radius, 14px); background: var(--pyh-c-card); color: var(--pyh-c-muted); font-size: 13px; transition: box-shadow .2s ease, transform .2s ease; } .pyh-widget ul:not(.pyh-chips):not(.pyh-rank):not(.woocommerce-widget-layered-nav-list) > li a { min-width: 0; color: var(--pyh-c-ink); text-decoration: none; font-size: 14px; }  .pyh-widget li > ul { flex: 1 0 100%; padding-inline-start: 14px; }  .pyh-widget .pyh-find { width: 100%; margin-block: 0; }  .pyh-rank { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; counter-reset: none; }  .pyh-rank__row { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; padding: 9px; border-radius: var(--pyh-c-radius-lg, 18px); background: var(--pyh-c-card); transition: box-shadow .22s ease, transform .22s ease; }  .pyh-rank__n { position: absolute; z-index: 2; inset-block-start: 3px; inset-inline-start: 3px; min-width: 24px; padding: 1px 6px; border-radius: var(--pyh-c-radius, 9px); background: var(--pyh-c-ink); color: var(--pyh-c-card); font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: 10.5px; font-weight: 800; line-height: 1.9; text-align: center; font-variant-numeric: tabular-nums; pointer-events: none; }  .pyh-rank__art { position: relative; z-index: 1; display: block; width: var(--pyh-rank-art, 66px);  aspect-ratio: 1; flex: none; overflow: hidden;  border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-c-bg); }  .pyh-rank__row--noart { padding-inline-start: 44px; } .pyh-rank__row--noart .pyh-rank__n { inset-block-start: 50%; inset-inline-start: 9px; transform: translateY(-50%); } .pyh-rank__img { width: 100%; height: 100%; object-fit: cover; display: block; object-position: 50% 40%; transition: transform .45s cubic-bezier(.2, .8, .2, 1); } .pyh-rank__body { position: relative; z-index: 1; display: grid; gap: 4px; min-width: 0; } .pyh-rank__title { color: var(--pyh-c-ink); font-size: 13.5px; font-weight: 600; line-height: 1.75; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .pyh-rank__date { font-size: 11.5px; color: var(--pyh-c-muted); }  .pyh-chips { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }  .pyh-chips li { display: block; padding: 0; border: 0; }  .pyh-chip { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 0; border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-c-card); color: var(--pyh-c-ink); font-size: 13px; font-weight: 650; text-decoration: none; } .pyh-chip__n { color: var(--pyh-c-muted); font-size: 11.5px; font-weight: 700;  font-variant-numeric: tabular-nums; }  .pyh-cards { display: grid; gap: 16px; grid-template-columns: repeat(1, minmax(0, 1fr)); } .pyh-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pyh-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pyh-card { position: relative; display: flex; overflow: hidden; isolation: isolate; aspect-ratio: 4 / 3;  min-height: 250px;  min-width: 0;  border-radius: var(--pyh-c-radius-lg); background: var(--pyh-c-ink); color: #fff;  box-shadow: var(--pyh-c-shadow-1); }  .pyh-cards--2 > .pyh-card--cover, .pyh-cards--3 > .pyh-card--cover { grid-column: span 2; aspect-ratio: 21 / 10; } .pyh-card__media { position: absolute; inset: 0; } .pyh-card__img { width: 100%; height: 100%; object-fit: cover; display: block;  object-position: 50% 40%; }  .pyh-card__scrim { position: absolute; inset: 0; background: linear-gradient( to top, rgb(9 11 16 / 88%) 0%, rgb(9 11 16 / 60%) 26%, rgb(9 11 16 / 20%) 54%, rgb(9 11 16 / 0%) 82% ); }  .pyh-card--ink { background: var(--pyh-c-ink); } .pyh-card--ink .pyh-card__scrim { background: radial-gradient(90% 80% at 100% 0%, var(--pyh-c-accent), transparent 66%), repeating-linear-gradient(-45deg, rgb(255 255 255 / 4%) 0 1px, transparent 1px 7px); opacity: .9; }  .pyh-card__over { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;  margin-block-start: auto; width: 100%; padding: 20px; } .pyh-card--cover .pyh-card__over { padding: 28px; gap: 12px; max-width: 62ch; } .pyh-card__cat { padding: 4px 11px; border-radius: 999px; font-size: 11.5px; font-weight: 700; text-decoration: none; color: #fff; background: var(--pyh-c-accent);  position: relative; z-index: 4; } .pyh-card__title { margin: 0; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: 18px; font-weight: 800; line-height: 1.65; letter-spacing: -.005em; } .pyh-card--cover .pyh-card__title { font-size: clamp(20px, 1rem + .9vw, 27px); line-height: 1.55; } .pyh-card__title a { color: #fff; text-decoration: none;  text-shadow: 0 1px 3px rgb(0 0 0 / 45%);  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }  .pyh-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; } .pyh-card__excerpt { margin: 0; font-size: 14px; line-height: 1.95; color: rgb(255 255 255 / 82%); text-shadow: 0 1px 3px rgb(0 0 0 / 40%); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }  .pyh-stamp { position: absolute; z-index: 3; top: 14px; inset-inline-start: 14px; display: grid; justify-items: center; gap: 1px; min-width: 52px; padding: 7px 9px 8px; border-radius: var(--pyh-c-radius, 13px); border: 1px solid rgb(255 255 255 / 22%);  background: rgb(9 11 16 / 58%); line-height: 1; text-align: center; } .pyh-card--cover .pyh-stamp { top: 20px; inset-inline-start: 20px; min-width: 62px; padding: 10px 12px 11px; } .pyh-stamp__day { font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: 19px; font-weight: 800; color: #fff; } .pyh-card--cover .pyh-stamp__day { font-size: 24px; } .pyh-stamp__month { font-size: 10.5px; font-weight: 600; color: rgb(255 255 255 / 78%); } .pyh-card--cover .pyh-stamp__month { font-size: 11.5px; }  .pyh-card__meta, .pyh-single__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 12.5px; } .pyh-card__meta { color: rgb(255 255 255 / 72%); } .pyh-single__meta { padding-block-start: 12px; border-block-start: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); color: var(--pyh-c-muted); } .pyh-meta__item { display: inline-flex; align-items: center; gap: 5px; } .pyh-meta__item a { color: inherit; text-decoration: none; position: relative; z-index: 3; } .pyh-meta__item .pyh-i { width: 15px; height: 15px; flex: none; opacity: .7; }  .pyh-more { margin-block-start: 32px; text-align: center;  --pyh-more-quiet: color-mix(in oklab, var(--pyh-c-muted) 76%, var(--pyh-c-ink)); } .pyh-more__btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px;  min-height: 48px; min-width: min(260px, 100%); padding-inline: 26px;  border: var(--pyh-c-line-w, 1px) solid color-mix(in oklab, var(--pyh-c-ink) 28%, transparent); border-radius: var(--pyh-c-radius, 10px); background: var(--pyh-c-card); color: var(--pyh-c-ink); font-size: 14.5px; font-weight: 700; text-decoration: none; } .pyh-more__mark { width: 17px; height: 17px; flex: none;  transform: rotate(-90deg); } .pyh-more__count { margin: 12px 0 0; font-size: 12.5px;  color: var(--pyh-more-quiet, var(--pyh-c-muted)); }  .pyh-more--done .pyh-more__count { margin-block-start: 0; }  .pyh-more[data-pyh-more-busy] .pyh-more__btn { opacity: .55; pointer-events: none; } .pyh-more[data-pyh-more-busy] .pyh-more__mark { animation: pyh-more-turn 1s linear infinite; } @keyframes pyh-more-turn { from { transform: rotate(-90deg); } to { transform: rotate(270deg); } }  .pyh-more-landed:focus { outline: 0; }  .pyh-pager { margin-block-start: 36px; } .pyh-pager ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; } .pyh-pager__n { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding-inline: 12px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius, 10px); background: var(--pyh-c-card); color: var(--pyh-c-ink); font-size: 14px; font-weight: 600; text-decoration: none; } .pyh-pager__n.is-current { color: #fff; border-color: transparent; background: var(--pyh-c-accent); }  .pyh-empty { display: grid; justify-items: center; gap: 12px; padding: 56px 24px 64px; text-align: center; background: var(--pyh-c-card); border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: calc(var(--pyh-c-radius) + 4px); } .pyh-empty__mark { display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; color: var(--pyh-c-accent); background: rgb(196 18 48 / 8%); background: color-mix(in srgb, var(--pyh-c-accent) 9%, transparent); } .pyh-empty__mark .pyh-i { width: 32px; height: 32px; } .pyh-empty__title { margin: 0; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: 19px; font-weight: 700; } .pyh-empty__text { margin: 0; max-width: 46ch; font-size: 14px; color: var(--pyh-c-muted); } .pyh-empty__home { font-size: 13px; font-weight: 700; color: var(--pyh-c-accent); text-decoration: none; }  .pyh-find { display: flex; align-items: stretch; gap: 0; width: min(100%, 420px); margin-block: 6px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-c-card); overflow: hidden; } .pyh-find__input { flex: 1 1 auto; min-width: 0; border: 0; padding: 12px 14px; background: transparent; color: var(--pyh-c-ink); font: inherit; font-size: 14px; } .pyh-find__input:focus { outline: none; } .pyh-find__go { flex: none; display: grid; place-items: center; width: 48px; border: 0; cursor: pointer; color: #fff; background: var(--pyh-c-accent); } .pyh-find__go .pyh-i { width: 19px; height: 19px; }  @media (max-width: 1024px) { .pyh-shell--rail-end, .pyh-shell--rail-start { grid-template-columns: minmax(0, 1fr); } .pyh-shell--rail-start > .pyh-col, .pyh-shell--rail-start > .pyh-rail { grid-column: 1 / -1; grid-row: auto; } .pyh-rail { position: static; } .pyh-cards--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }  .pyh-rank { gap: 10px; } .pyh-rank__row { --pyh-rank-art: 96px; gap: 16px; padding: 11px; border-radius: var(--pyh-c-radius-lg, 22px); }  .pyh-rank__art { border-radius: var(--pyh-c-radius, 15px); } .pyh-rank__title { font-size: 15px; } .pyh-rank__date { font-size: 12.5px; }  .pyh-rank__n { inset-block-start: 5px; inset-inline-start: 5px; min-width: 27px; padding: 2px 7px; border-radius: var(--pyh-c-radius, 10px); font-size: 11.5px; } .pyh-rank__row--noart { padding-inline-start: 52px; } .pyh-rank__row--noart .pyh-rank__n { inset-inline-start: 11px; } .pyh-widget ul:not(.pyh-chips):not(.pyh-rank) > li { padding: 13px 16px; border-radius: var(--pyh-c-radius-lg, 16px); }  .pyh-chip { padding: 12px 16px; font-size: 13.5px; border-radius: var(--pyh-c-radius, 14px); } } @media (max-width: 720px) { .pyh-main { --pyh-c-gutter: 16px; } .pyh-cards--2, .pyh-cards--3 { grid-template-columns: minmax(0, 1fr); } .pyh-shell { padding-block: 20px 40px; gap: 24px; }  .pyh-cards--2 > .pyh-card--cover, .pyh-cards--3 > .pyh-card--cover { grid-column: auto; aspect-ratio: 4 / 3; }  .pyh-card { aspect-ratio: 5 / 6; } .pyh-head { padding-block: 20px 24px; } .pyh-card__over, .pyh-card--cover .pyh-card__over { padding: 18px; } .pyh-card--cover .pyh-title, .pyh-card--cover .pyh-card__title { font-size: 19px; } }  @media (max-width: 560px) {  .pyh-more__btn { width: 100%; }  .pyh-main { --pyh-c-gutter: 18px; }  .pyh-cards, .pyh-rank, .pyh-widget ul:not(.pyh-chips) { margin-inline: calc(var(--pyh-c-gutter) * -1); }  .pyh-cards { gap: 3px; } .pyh-card { border-radius: 0; }  .pyh-rank, .pyh-widget ul:not(.pyh-chips) { gap: 2px; } .pyh-rank__row, .pyh-widget ul:not(.pyh-chips):not(.pyh-rank) > li { border-radius: 0; } .pyh-rank__row:first-child, .pyh-widget ul:not(.pyh-chips):not(.pyh-rank) > li:first-child { border-start-start-radius: var(--pyh-c-radius-lg, 20px); border-start-end-radius: var(--pyh-c-radius-lg, 20px); } .pyh-rank__row:last-child, .pyh-widget ul:not(.pyh-chips):not(.pyh-rank) > li:last-child { border-end-start-radius: var(--pyh-c-radius-lg, 20px); border-end-end-radius: var(--pyh-c-radius-lg, 20px); }  .pyh-rank__row { padding-inline: var(--pyh-c-gutter); } .pyh-widget ul:not(.pyh-chips):not(.pyh-rank) > li { padding-inline: var(--pyh-c-gutter); } .pyh-rail { gap: 26px; } }  [dir="ltr"] .pyh-crumbs__sep { transform: scaleX(-1); }   .pyh-card { transition: box-shadow .3s ease; }  .pyh-card__img { transition: transform .6s cubic-bezier(.2, .8, .2, 1), filter .25s ease; } .pyh-card__over { transition: transform .3s cubic-bezier(.2, .8, .2, 1); } .pyh-card__cat { transition: background .2s ease; } .pyh-crumbs a, .pyh-widget li a { transition: color .2s ease, padding .2s ease; } .pyh-pager__n, .pyh-more__btn, .pyh-find { transition: border-color .2s ease, box-shadow .2s ease, color .2s ease; }  .pyh-card::after { content: ""; position: absolute; z-index: 1; inset-inline: 0; bottom: 0; height: 3px; background: var(--pyh-c-accent); transform: scaleX(0); transform-origin: var(--pyh-wipe-origin, right); transition: transform .45s cubic-bezier(.2, .8, .2, 1); pointer-events: none; } [dir="ltr"] .pyh-card { --pyh-wipe-origin: left; }  .pyh-card::before { content: ""; position: absolute; z-index: 1; inset: 0; background: rgb(9 11 16 / 26%); opacity: 0; transition: opacity .3s ease; pointer-events: none; } .pyh-card:hover { box-shadow: var(--pyh-c-shadow-3); } .pyh-card:hover::before { opacity: 1; } .pyh-card:hover::after { transform: scaleX(1); } .pyh-card:hover .pyh-card__img { transform: scale(1.06); } .pyh-card:hover .pyh-card__over { transform: translateY(-4px); }  .pyh-card__cat:hover { filter: brightness(1.14); }  .pyh-card__title a:focus-visible { outline: none; } .pyh-card:has(.pyh-card__title a:focus-visible) { outline: 3px solid #fff; outline-offset: -3px; box-shadow: 0 0 0 3px var(--pyh-c-accent); } .pyh-crumbs a:hover { color: var(--pyh-c-accent); } .pyh-head--band .pyh-crumbs a:hover { color: #fff; }  .pyh-rank__title, .pyh-chip, .pyh-chip__n { transition: color .2s ease, background .2s ease; } .pyh-rank__row:hover, .pyh-rank__row:focus-within { box-shadow: 0 12px 26px -18px rgb(var(--pyh-a-scrim, 15 23 42) / 55%); transform: translateY(-2px); } .pyh-rank__row:hover .pyh-rank__img, .pyh-rank__row:focus-within .pyh-rank__img { transform: scale(1.07); } .pyh-rank__row:hover .pyh-rank__title, .pyh-rank__row:focus-within .pyh-rank__title { color: var(--pyh-c-accent); } .pyh-widget ul:not(.pyh-chips):not(.pyh-rank):not(.woocommerce-widget-layered-nav-list) > li:hover, .pyh-widget ul:not(.pyh-chips):not(.pyh-rank) > li:focus-within { box-shadow: 0 10px 22px -18px rgb(var(--pyh-a-scrim, 15 23 42) / 50%); transform: translateY(-1px); }  .pyh-chip:hover, .pyh-chip:focus-visible { color: #fff; background: var(--pyh-c-accent); } .pyh-chip:hover .pyh-chip__n, .pyh-chip:focus-visible .pyh-chip__n { color: #fff; opacity: .82; }  .pyh-widget ul:not(.pyh-chips):not(.pyh-rank):not(.woocommerce-widget-layered-nav-list) > li a:hover { color: var(--pyh-c-accent); padding-inline-start: 6px; } .pyh-pager__n:not(.is-current):hover, .pyh-more__btn:hover, .pyh-more__btn:focus-visible { color: var(--pyh-c-accent); border-color: rgb(196 18 48 / 35%); border-color: color-mix(in srgb, var(--pyh-c-accent) 35%, var(--pyh-c-line)); }  .pyh-more__btn:hover { box-shadow: 0 0 0 3px rgb(var(--pyh-a-scrim) / 5%); }  .pyh-find:has(.pyh-find__input:focus) { border-color: var(--pyh-c-accent); box-shadow: 0 0 0 3px rgb(196 18 48 / 12%); } @supports not selector(:has(*)) { .pyh-find:focus-within { border-color: var(--pyh-c-accent); box-shadow: 0 0 0 3px rgb(196 18 48 / 12%); } }  .pyh-main :is(a, button, input, select, textarea):not(.pyh-find__input):focus-visible { outline: 2px solid var(--pyh-c-accent); outline-offset: 2px; border-radius: var(--pyh-c-radius-sm, 6px); }  @media (max-width: 560px) {  .pyh-rank__row:hover, .pyh-rank__row:focus-within, .pyh-widget ul:not(.pyh-chips):not(.pyh-rank):not(.woocommerce-widget-layered-nav-list) > li:hover, .pyh-widget ul:not(.pyh-chips):not(.pyh-rank) > li:focus-within { box-shadow: none; transform: none; background: var(--pyh-c-bg); } } @media (prefers-reduced-motion: reduce) { .pyh-card, .pyh-card::before, .pyh-card::after, .pyh-card__img, .pyh-card__over, .pyh-card__cat, .pyh-crumbs a, .pyh-rank__row, .pyh-rank__img, .pyh-widget li, .pyh-widget li a, .pyh-pager__n, .pyh-more__btn, .pyh-find { transition: none; }  .pyh-more[data-pyh-more-busy] .pyh-more__mark { animation: none; } .pyh-rank__row:hover, .pyh-rank__row:focus-within { transform: none; } .pyh-rank__row:hover .pyh-rank__img, .pyh-rank__row:focus-within .pyh-rank__img { transform: none; }  .pyh-card:hover .pyh-card__img { transform: none; } .pyh-card:hover .pyh-card__over { transform: none; } }   .pyh-main { position: relative; isolation: isolate; } @supports (background: color-mix(in srgb, red 50%, transparent)) {  .pyh-main::before { content: ""; position: fixed; z-index: -1; inset: 0; pointer-events: none; background-image: radial-gradient(color-mix(in srgb, var(--pyh-fx-b) 26%, transparent) .8px, transparent .9px), radial-gradient(42% 38% at 84% 2%, color-mix(in srgb, var(--pyh-fx-a) 13%, transparent), transparent 72%), radial-gradient(46% 40% at 6% 98%, color-mix(in srgb, var(--pyh-fx-b) 12%, transparent), transparent 74%), radial-gradient(128% 96% at 50% 42%, transparent 38%, color-mix(in srgb, var(--pyh-sf-abyss, #060a15) 78%, transparent) 100%); background-size: 26px 26px, 100% 100%, 100% 100%, 100% 100%; opacity: var(--pyh-fx-lume, 1); } }  @supports ((mask-image: linear-gradient(#000, #000)) or (-webkit-mask-image: linear-gradient(#000, #000))) { .pyh-main::after { content: ""; position: fixed; z-index: -1; inset: 0; pointer-events: none; background-image: var(--pyh-fx-sweep); opacity: calc(.16 * var(--pyh-fx-lume, 1)); -webkit-mask-image: var(--pyh-fx-blueprint); mask-image: var(--pyh-fx-blueprint); -webkit-mask-size: 440px 440px; mask-size: 440px 440px; -webkit-mask-repeat: repeat; mask-repeat: repeat; } }  html:not([data-pyh-mode="dark"]) .pyh-main::after { background-image: linear-gradient(var(--pyh-fx-ink), var(--pyh-fx-ink)); opacity: .42; }  @media (prefers-reduced-transparency: reduce) { .pyh-main::after { display: none; } }  .pyh-lowfx .pyh-main::after, body.pyh-lowfx .pyh-main::after { display: none; }  .pyh-sec__frame--plate, .pyh-sec__frame--over { background-color: var(--pyh-glass, var(--pyh-sf-raised, #ffffff));  background-image: repeating-linear-gradient( to bottom, var(--pyh-fx-mill) 0 .5px, transparent .5px 3px ); box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent), 0 0 0 1px var(--pyh-glass-line, rgba(15, 23, 42, .1)); } @supports not (background: repeating-linear-gradient(to bottom, red 0 1px, transparent 1px 3px)) { .pyh-sec__frame--plate, .pyh-sec__frame--over { background-image: none; } }  @media (min-width: 900px) { .pyh-sec__frame--plate, .pyh-sec__frame--over { -webkit-backdrop-filter: var(--pyh-glass-blur, none); backdrop-filter: var(--pyh-glass-blur, none); } }  @supports not (color: color-mix(in srgb, red 50%, transparent)) { .pyh-sec__frame--plate, .pyh-sec__frame--over { background-color: var(--pyh-sf-raised, var(--pyh-card-bg, #ffffff)); } }   .pyh-main, .pyh-hd, .pyh-ft { --pyh-pane-fill: var(--pyh-glass, var(--pyh-sf-raised, #ffffff)); --pyh-pane-plate: var(--pyh-fx-cell-2, rgba(255, 255, 255, .09)); --pyh-pane-cell: var(--pyh-fx-cell, rgba(255, 255, 255, .045)); --pyh-pane-line: var(--pyh-glass-line, rgba(15, 23, 42, .1)); --pyh-pane-blur: var(--pyh-glass-blur, none);  --pyh-pane-mill: repeating-linear-gradient( to bottom, var(--pyh-fx-mill, transparent) 0 .5px, transparent .5px 3px ); }  @property --pyh-fx-turn { syntax: "<angle>"; inherits: false; initial-value: 0deg; } @keyframes pyh-fx-turn { to { --pyh-fx-turn: 360deg; } }  .pyh-sec__frame--plate:not(.pyh-sec__frame--dark):not(.pyh-sec__frame--light), .pyh-sec__frame--over:not(.pyh-sec__frame--dark):not(.pyh-sec__frame--light) { position: relative; background-color: var(--pyh-pane-fill); background-image: var(--pyh-pane-mill); box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent), 0 0 0 1px var(--pyh-pane-line); }  html[data-pyh-mode="dark"] .pyh-sec__frame--plate:not(.pyh-sec__frame--dark):not(.pyh-sec__frame--light), html[data-pyh-mode="dark"] .pyh-sec__frame--over:not(.pyh-sec__frame--dark):not(.pyh-sec__frame--light) { background-color: color-mix(in srgb, var(--pyh-sf-abyss, #06050f) 32%, transparent); }  @media (min-width: 900px) { .pyh-sec__frame--plate:not(.pyh-sec__frame--dark):not(.pyh-sec__frame--light), .pyh-sec__frame--over:not(.pyh-sec__frame--dark):not(.pyh-sec__frame--light) { -webkit-backdrop-filter: var(--pyh-pane-blur); backdrop-filter: var(--pyh-pane-blur); } }  @supports not (color: color-mix(in srgb, red 50%, transparent)) { .pyh-sec__frame--plate, .pyh-sec__frame--over { background-color: var(--pyh-sf-raised, var(--pyh-card-bg, #ffffff)); background-image: none; } }  @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-sec__frame--plate::after, .pyh-sec__frame--over::after, .pyh-sec__head:not(.pyh-sec__head--bare)::after { content: ""; position: absolute; z-index: 3; inset: 0; border-radius: inherit;  padding: 1px; pointer-events: none; background: var(--pyh-fx-sweep); opacity: calc(.34 * var(--pyh-fx-lume, 1)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }  .pyh-sec__frame--dark::after, .pyh-sec__frame--light::after { display: none; } }   .pyh-sec__head:not(.pyh-sec__head--bare) { position: relative; padding: clamp(16px, 2.6cqi, 26px) clamp(20px, 3.8cqi, 34px); border-radius: var(--pyh-c-radius-lg, 20px); background-color: var(--pyh-pane-plate); background-image: var(--pyh-pane-mill); box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent), 0 0 0 1px var(--pyh-pane-line); }   .pyh-sec__head:not(.pyh-sec__head--bare) > p:first-child::before { content: ""; display: inline-block; inline-size: clamp(20px, 4cqi, 34px); block-size: 2px; margin-inline-end: 10px; vertical-align: middle; border-radius: 2px; background-image: linear-gradient( to left, var(--pyh-act, #e11d48), color-mix(in srgb, var(--pyh-act, #e11d48) 10%, transparent) ); } @container pyh-sec (min-width: 700px) { .pyh-sec__head:not(.pyh-sec__head--bare) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: end; column-gap: clamp(24px, 4cqi, 56px); row-gap: 6px; }  .pyh-sec__head:not(.pyh-sec__head--bare) > p:first-child { grid-column: 2; grid-row: 1; margin-block-end: 2px; } .pyh-sec__head:not(.pyh-sec__head--bare) > .pyh-sec__title { grid-column: 2; margin-block: 0; }  .pyh-sec__head:not(.pyh-sec__head--bare) > .pyh-sec__lead { grid-column: 1; grid-row: 1 / -1; align-self: end; max-inline-size: 56ch; margin-block: 0; }  .pyh-sec__head:not(.pyh-sec__head--bare) > .pyh-sec__lead { padding: clamp(10px, 1.4cqi, 15px) clamp(13px, 1.8cqi, 19px); border-radius: calc(var(--pyh-c-radius-lg, 20px) - 7px); background-color: var(--pyh-pane-cell, rgba(255, 255, 255, .045)); box-shadow: inset 0 0 0 1px var(--pyh-pane-line, rgba(15, 23, 42, .1)), inset 0 12px 26px -18px color-mix(in srgb, var(--pyh-fx-b) calc(60% * var(--pyh-fx-lume, 1)), transparent), inset 0 -12px 26px -18px color-mix(in srgb, var(--pyh-fx-a) calc(45% * var(--pyh-fx-lume, 1)), transparent); }  html:not([data-pyh-mode="dark"]) .pyh-sec__head:not(.pyh-sec__head--bare) > .pyh-sec__lead { box-shadow: inset 0 0 0 1px var(--pyh-fx-ink), inset 0 1px 3px rgb(var(--pyh-shadow-ink, 37 45 66) / 7%); }  .pyh-sec__head:not(.pyh-sec__head--bare):not(:has(.pyh-sec__lead)) { grid-template-columns: minmax(0, 1fr); } .pyh-sec__head:not(.pyh-sec__head--bare):not(:has(.pyh-sec__lead)) > p:first-child, .pyh-sec__head:not(.pyh-sec__head--bare):not(:has(.pyh-sec__lead)) > .pyh-sec__title { grid-column: 1; } }  @media (prefers-reduced-motion: no-preference) { @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-sec__head:not(.pyh-sec__head--bare)::after { background: conic-gradient( from var(--pyh-fx-turn, 0deg) at 50% 50%, var(--pyh-pane-line) 0 6%, color-mix(in srgb, var(--pyh-fx-a) 65%, transparent) 13%, var(--pyh-fx-a) 18%, var(--pyh-fx-b) 25%, color-mix(in srgb, var(--pyh-fx-b) 55%, transparent) 31%, var(--pyh-pane-line) 40% 100% ); opacity: calc(.9 * var(--pyh-fx-lume, 1)); animation: pyh-fx-turn 13s linear infinite; } .pyh-sec:nth-of-type(3n + 2) .pyh-sec__head:not(.pyh-sec__head--bare)::after { animation-duration: 17s; } .pyh-sec:nth-of-type(3n) .pyh-sec__head:not(.pyh-sec__head--bare)::after { animation-duration: 19s; } } }  html:not([data-pyh-mode="dark"]) .pyh-sec__frame--plate::after, html:not([data-pyh-mode="dark"]) .pyh-sec__frame--over::after { background: linear-gradient(var(--pyh-fx-ink), var(--pyh-fx-ink)); opacity: .8; } @media (prefers-reduced-motion: no-preference) { @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { html:not([data-pyh-mode="dark"]) .pyh-sec__head:not(.pyh-sec__head--bare)::after {  background: conic-gradient( from var(--pyh-fx-turn, 0deg) at 50% 50%, var(--pyh-fx-ink) 0 46%, color-mix(in srgb, var(--pyh-fx-a) 40%, transparent) 48%, var(--pyh-fx-a) 50%, var(--pyh-fx-b) 54%, color-mix(in srgb, var(--pyh-fx-b) 40%, transparent) 56%, var(--pyh-fx-ink) 58% 100% ); opacity: .9; } } }  html:not([data-pyh-mode="dark"]) .pyh-sec__head:not(.pyh-sec__head--bare) { box-shadow: inset 0 1px 0 rgb(255 255 255 / 70%), 0 0 0 1px var(--pyh-pane-line), 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 6%), 0 8px 24px -12px rgb(var(--pyh-shadow-ink, 37 45 66) / 18%); }  .pyh-sec__frame--light { --pyh-glass: rgba(24, 23, 42, .88); --pyh-glass-2: rgba(255, 255, 255, .045); --pyh-glass-line: rgba(226, 224, 255, .10); --pyh-fx-ink: color-mix(in srgb, #ffffff 15%, transparent); --pyh-fx-mill: color-mix(in srgb, #ffffff 3.5%, transparent); --pyh-fx-cell: rgba(255, 255, 255, .045); --pyh-fx-cell-2: rgba(255, 255, 255, .095); --pyh-fx-lume: 1; --pyh-edge-hi: rgba(255, 255, 255, .06); --pyh-shadow-ink: 3 5 20; } .pyh-sec__frame--dark { --pyh-glass: rgba(255, 255, 255, .82); --pyh-glass-2: rgba(255, 255, 255, .55); --pyh-glass-line: rgba(15, 23, 42, .10); --pyh-fx-ink: color-mix(in srgb, #141821 20%, transparent); --pyh-fx-mill: color-mix(in srgb, #141821 4.5%, transparent); --pyh-fx-cell: rgba(15, 23, 42, .035); --pyh-fx-cell-2: rgba(15, 23, 42, .075); --pyh-fx-lume: .34; --pyh-edge-hi: rgba(255, 255, 255, .7); --pyh-shadow-ink: 37 45 66; }  @media (prefers-reduced-transparency: reduce) { .pyh-sec__frame--plate, .pyh-sec__frame--over { background-color: var(--pyh-sf-raised, var(--pyh-card-bg, #ffffff)); background-image: none; -webkit-backdrop-filter: none; backdrop-filter: none; } .pyh-sec__frame--plate::after, .pyh-sec__frame--over::after, .pyh-sec__head:not(.pyh-sec__head--bare)::after { display: none; } } .pyh-lowfx .pyh-sec__head:not(.pyh-sec__head--bare)::after, body.pyh-lowfx .pyh-sec__head:not(.pyh-sec__head--bare)::after, .pyh-lowfx .pyh-sec__frame--plate::after, body.pyh-lowfx .pyh-sec__frame--plate::after { animation: none; }   .pyh-main .pyh-pc, .pyh-main .pyh-mh, .pyh-main .pyh-needs__card, .pyh-main .pyh-sets__card { position: relative; background-color: var(--pyh-pane-plate, rgba(255, 255, 255, .09)); background-image: var(--pyh-pane-mill); box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent), 0 0 0 1px var(--pyh-pane-line, rgba(15, 23, 42, .1)); }  .pyh-main .pyh-pc__media { box-shadow: inset 0 0 0 1px var(--pyh-pane-line, rgba(15, 23, 42, .1)); }  html[data-pyh-mode="dark"] .pyh-main .pyh-pc, html[data-pyh-mode="dark"] .pyh-main .pyh-mh { background-color: var(--pyh-fx-cell, rgba(255, 255, 255, .045)); box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent), 0 0 0 1px var(--pyh-pane-line, rgba(226, 224, 255, .1)), 0 18px 36px -24px rgb(var(--pyh-shadow-ink, 3 5 20) / 90%); }  @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { html[data-pyh-mode="dark"] .pyh-main .pyh-pc::after { opacity: .36; } }  html[data-pyh-mode="dark"] .pyh-main .pyh-pc__media { box-shadow: inset 0 0 0 1px var(--pyh-pane-line, rgba(226, 224, 255, .1)), 0 6px 14px -8px rgb(var(--pyh-shadow-ink, 3 5 20) / 75%); }  @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-main .pyh-pc::after, .pyh-main .pyh-needs__card::after, .pyh-main .pyh-sets__card::after { content: ""; position: absolute; z-index: 4; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none; background: var(--pyh-fx-sweep); opacity: calc(.22 * var(--pyh-fx-lume, 1)); transition: opacity .28s ease; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } @media (hover: hover) { .pyh-main .pyh-pc:hover::after, .pyh-main .pyh-needs__card:hover::after, .pyh-main .pyh-sets__card:hover::after { opacity: calc(.7 * var(--pyh-fx-lume, 1)); } }  html:not([data-pyh-mode="dark"]) .pyh-main .pyh-pc::after, html:not([data-pyh-mode="dark"]) .pyh-main .pyh-needs__card::after, html:not([data-pyh-mode="dark"]) .pyh-main .pyh-sets__card::after { background: linear-gradient(var(--pyh-fx-ink), var(--pyh-fx-ink)); opacity: .7; } }  .pyh-main .pyh-needs__cell--lit-warm, .pyh-main .pyh-needs__cell--lit-accent { --pyh-needs-light: var(--pyh-fx-a); } .pyh-main .pyh-needs__cell--lit-violet, .pyh-main .pyh-needs__cell--lit-flare { --pyh-needs-light: var(--pyh-fx-b); }  .pyh-main .pyh-needs__blob { inline-size: 168px; block-size: 168px; inset-block-start: -58px; inset-inline-end: -58px; background-color: transparent; background-image: radial-gradient( closest-side, color-mix(in srgb, var(--pyh-needs-light) 26%, transparent), color-mix(in srgb, var(--pyh-needs-light) 8%, transparent) 62%, transparent 100% ); }  @supports ((mask-image: radial-gradient(#000, #000)) or (-webkit-mask-image: radial-gradient(#000, #000))) { html:not([data-pyh-mode="dark"]) .pyh-main .pyh-needs__blob { inline-size: 132px; block-size: 132px; inset-block-start: -44px; inset-inline-end: -44px; background-image: conic-gradient( from 200deg, var(--pyh-fx-ink) 0 26%, color-mix(in srgb, var(--pyh-needs-light) 45%, transparent) 29%, var(--pyh-needs-light) 32% 40%, color-mix(in srgb, var(--pyh-needs-light) 45%, transparent) 43%, var(--pyh-fx-ink) 46% 100% ); -webkit-mask-image: radial-gradient(closest-side, transparent calc(100% - 1.2px), #000 calc(100% - 1.2px)); mask-image: radial-gradient(closest-side, transparent calc(100% - 1.2px), #000 calc(100% - 1.2px)); }  @media (hover: hover) { html:not([data-pyh-mode="dark"]) .pyh-main .pyh-needs__card:hover .pyh-needs__blob { background-image: conic-gradient( from 200deg, var(--pyh-fx-ink) 0 20%, color-mix(in srgb, var(--pyh-needs-light) 45%, transparent) 24%, var(--pyh-needs-light) 28% 48%, color-mix(in srgb, var(--pyh-needs-light) 45%, transparent) 52%, var(--pyh-fx-ink) 56% 100% ); } } }  @supports not ((mask-image: radial-gradient(#000, #000)) or (-webkit-mask-image: radial-gradient(#000, #000))) { html:not([data-pyh-mode="dark"]) .pyh-main .pyh-needs__blob { display: none; } } @media (hover: hover) { .pyh-main .pyh-needs__card:hover .pyh-needs__blob { background-image: radial-gradient( closest-side, color-mix(in srgb, var(--pyh-needs-light) 40%, transparent), color-mix(in srgb, var(--pyh-needs-light) 12%, transparent) 62%, transparent 100% ); } }  .pyh-main .pyh-sets__card::before { display: none; }  .pyh-main .pyh-sets__card--warm { --pyh-sets-c: var(--pyh-fx-a); }  .pyh-main .pyh-sets__card { --pyh-sets-soft: color-mix(in srgb, var(--pyh-sets-c) 9%, var(--pyh-plate, #fdfdff)); }  .pyh-main .pyh-sec__frame:not(.pyh-sec__frame--dark):not(.pyh-sec__frame--light) .pyh-card { position: relative; background-color: var(--pyh-pane-plate, rgba(255, 255, 255, .09)); background-image: var(--pyh-pane-mill); box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent), 0 0 0 1px var(--pyh-pane-line, rgba(15, 23, 42, .1)); }  .pyh-main .pyh-card__media, .pyh-main .pyh-mh__im { box-shadow: inset 0 0 0 1px var(--pyh-pane-line, rgba(15, 23, 42, .1)); }  .pyh-drawer, .pyh-minicart { --pyh-pane-fill: var(--pyh-glass, var(--pyh-sf-raised, #ffffff)); --pyh-pane-plate: var(--pyh-fx-cell-2, rgba(255, 255, 255, .09)); --pyh-pane-cell: var(--pyh-fx-cell, rgba(255, 255, 255, .045)); --pyh-pane-line: var(--pyh-glass-line, rgba(15, 23, 42, .1)); --pyh-pane-blur: var(--pyh-glass-blur, none); --pyh-pane-mill: repeating-linear-gradient( to bottom, var(--pyh-fx-mill, transparent) 0 .5px, transparent .5px 3px ); }  @supports (background: color-mix(in srgb, red 50%, transparent)) { .pyh-drawer__panel, .pyh-minicart__panel { background-image: radial-gradient(42% 26% at 84% 2%, color-mix(in srgb, var(--pyh-fx-a) 11%, transparent), transparent 72%), radial-gradient(46% 30% at 6% 98%, color-mix(in srgb, var(--pyh-fx-b) 10%, transparent), transparent 74%), var(--pyh-pane-mill); } }  .pyh-hd__main .pyh-hd__wrap, .pyh-hd__bar .pyh-hd__wrap { background-color: var(--pyh-pane-fill); }  .pyh-hd__wrap { transition: background-color .16s linear, box-shadow .16s linear; } @media (prefers-reduced-motion: reduce) { .pyh-hd__wrap { transition: none; } }
/*!payeh-mega*/
.pyh-menu, .pyh-mega__columns, .pyh-mega__links, .pyh-sub { list-style: none; margin: 0; padding: 0; }  .pyh-menu *, .pyh-mega, .pyh-mega__inner, .pyh-sub { box-sizing: border-box; }  .pyh-menu { --pyh-c-accent: var(--pyh-primary, #c41230); --pyh-c-accent-2: var(--pyh-accent-2, #e01a37);   --pyh-c-plate: var(--pyh-mega-bg, #fff); --pyh-c-field: var(--pyh-mega-bg-2, #f2f4f7);  --pyh-c-head: var(--pyh-ink, #14161c); --pyh-c-rule: var(--pyh-line, rgba(20, 22, 28, .1));  --pyh-c-field-2: #e9ecf1; --pyh-c-link: #4c515e; --pyh-c-count: #737b8a; --pyh-c-count-bg: rgba(20, 22, 28, .065);  --pyh-c-glow: rgba(196, 18, 48, .22);  --pyh-menu-size: calc(var(--pyh-body-size, 16px) - 2px); --pyh-menu-weight: 600;  --pyh-c-side: var(--pyh-mega-side, #eaeef5); --pyh-c-side-ink: var(--pyh-mega-side-ink, #141821); }  @supports (background: color-mix(in srgb, red 50%, transparent)) { .pyh-menu { --pyh-c-field-2: color-mix(in srgb, var(--pyh-c-field) 93%, var(--pyh-ink, #141821)); --pyh-c-link: color-mix(in srgb, var(--pyh-ink, #141821) 78%, transparent); --pyh-c-count: color-mix(in srgb, var(--pyh-ink, #141821) 55%, transparent); --pyh-c-count-bg: color-mix(in srgb, var(--pyh-ink, #141821) 6.5%, transparent); --pyh-c-glow: color-mix(in srgb, var(--pyh-primary, #c41230) 22%, transparent); } }  .pyh-menu { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 2px; } .pyh-menu__item { position: relative; }  .pyh-menu__item--mega.pyh-mega--container, .pyh-menu__item--mega.pyh-mega--full { position: static; }  .pyh-menu__link { display: inline-flex; align-items: center; gap: 7px; padding: 11px 14px; color: var(--pyh-menu-ink, inherit); font-family: var(--pyh-body-family, Vazirmatn, Tahoma, sans-serif); font-size: var(--pyh-menu-size); font-weight: var(--pyh-menu-weight); text-decoration: none; border-radius: var(--pyh-radius, 9px); transition: color .18s ease, background .18s ease; } .pyh-menu > .pyh-menu__item > .pyh-menu__link { position: relative; }  .pyh-menu > .pyh-menu__item > .pyh-menu__link::after { content: ""; position: absolute; inset-inline: 14px; bottom: 4px; height: 2px; border-radius: 2px; background: var(--pyh-menu-rule, var(--pyh-primary, currentColor)); transform: scaleX(0); transform-origin: center; transition: transform .24s cubic-bezier(.2, .8, .2, 1); } .pyh-menu > .pyh-menu__item:hover > .pyh-menu__link::after, .pyh-menu > .pyh-menu__item:focus-within > .pyh-menu__link::after { transform: scaleX(1); }  .pyh-menu__link:hover, .pyh-menu__link:focus-visible { color: var(--pyh-menu-ink-hi, var(--pyh-primary, currentColor)); } .pyh-menu__icon { font-size: 17px; width: 17px; height: 17px; } .pyh-menu__badge { padding: 1px 8px; border-radius: 99px; background: var(--pyh-c-accent); color: #fff; font-size: 10.5px; font-weight: 700; line-height: 1.8; }  .pyh-menu__chev { width: 6px; height: 6px; margin-top: -3px; border-right: 1.7px solid currentColor; border-bottom: 1.7px solid currentColor; transform: rotate(45deg); opacity: .55; transition: transform .26s cubic-bezier(.2, .8, .2, 1), margin .26s ease, opacity .2s ease; }  .pyh-menu:not(.pyh-menu--intent) .pyh-menu__item--mega:hover > .pyh-menu__link .pyh-menu__chev, .pyh-menu:not(.pyh-menu--intent) .pyh-menu__item--mega:focus-within > .pyh-menu__link .pyh-menu__chev, .pyh-menu--intent .pyh-menu__item--mega.is-open > .pyh-menu__link .pyh-menu__chev { transform: rotate(-135deg); margin-top: 3px; opacity: 1; }  .pyh-mega { position: absolute; z-index: 200; top: 100%;  padding-top: 10px;  opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity .28s ease, transform .28s cubic-bezier(.2, .8, .2, 1), visibility .28s; }   .pyh-menu:not(.pyh-menu--intent) .pyh-menu__item--mega:hover > .pyh-mega, .pyh-menu:not(.pyh-menu--intent) .pyh-menu__item--mega:focus-within > .pyh-mega, .pyh-menu--intent .pyh-menu__item--mega.is-open > .pyh-mega { opacity: 1; visibility: visible; transform: none; pointer-events: auto; }  .pyh-menu--intent .pyh-menu__item--mega:not(.is-open) > .pyh-mega { pointer-events: none; } .pyh-mega__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 296px; overflow: hidden; background: var(--pyh-c-plate); border: var(--pyh-line-w, 1px) solid var(--pyh-line, rgba(0, 0, 0, .08)); border-radius: var(--pyh-c-radius-lg, 19px); box-shadow: 0 26px 64px -20px rgba(20, 22, 28, .28), 0 5px 16px rgba(20, 22, 28, .07); }  .pyh-mega--no-side .pyh-mega__inner { grid-template-columns: minmax(0, 1fr); }  .pyh-mega__inner::before { content: ""; position: absolute; top: 0; inset-inline: 0; height: 3px; z-index: 3; background: linear-gradient( 90deg, var(--pyh-c-accent), var(--pyh-c-accent-2) 52%, var(--pyh-c-accent) ); }  .pyh-mega--container > .pyh-mega, .pyh-mega--full > .pyh-mega { inset-inline-start: var(--pyh-mega-inset, 0px); inset-inline-end: auto; width: var(--pyh-mega-w, 100%); } .pyh-mega--container .pyh-mega__inner { max-width: min(var(--pyh-container, 1240px), calc(100vw - 32px)); margin-inline: auto; } .pyh-mega--full .pyh-mega__inner { border-radius: 0; border-inline: 0; max-width: none; } .pyh-mega--fit > .pyh-mega { inset-inline-start: 0; width: max-content; max-width: calc(100vw - 32px); }  .pyh-mega__columns { display: grid; grid-template-columns: repeat(var(--pyh-mega-cols, 3), minmax(0, 1fr)); gap: 10px 26px; padding: 28px 30px 26px;  background: linear-gradient(180deg, var(--pyh-c-field), var(--pyh-c-field-2)); } .pyh-mega--cols-2 .pyh-mega__columns { --pyh-mega-cols: 2; } .pyh-mega--cols-3 .pyh-mega__columns { --pyh-mega-cols: 3; } .pyh-mega--cols-4 .pyh-mega__columns { --pyh-mega-cols: 4; } .pyh-mega--cols-5 .pyh-mega__columns { --pyh-mega-cols: 5; } .pyh-mega--cols-6 .pyh-mega__columns { --pyh-mega-cols: 6; } .pyh-mega__column { min-width: 0; }  .pyh-mega__column > .pyh-menu__link { display: flex; align-items: center; gap: 9px; width: 100%; padding: 0 0 10px; margin-bottom: 8px; border-radius: 0; border-bottom: 1.5px solid var(--pyh-c-rule); font-family: var(--pyh-heading-family, inherit); font-size: 13.5px; font-weight: 800; color: var(--pyh-c-head); } .pyh-mega__column > .pyh-menu__link::after { display: none; } .pyh-mega__column > .pyh-menu__link .pyh-menu__icon { color: var(--pyh-c-accent); font-size: 18px; width: 18px; height: 18px; } .pyh-mega__column > .pyh-menu__link:hover { color: var(--pyh-c-accent); } .pyh-mega__links { display: flex; flex-direction: column; gap: 1px; }  .pyh-mega__links .pyh-menu__link { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 9px;  --pyh-row-lead: 12px; padding: 7px 12px; padding-inline-start: var(--pyh-row-lead); font-size: 13px; font-weight: 500; color: var(--pyh-c-link); border-radius: var(--pyh-radius, 9px);  transition: background .18s ease, color .18s ease, padding .26s cubic-bezier(.34, 1.4, .5, 1), box-shadow .22s ease; }  .pyh-mega__links .pyh-menu__link::before { content: ""; position: absolute; inset-inline-start: 4px; top: 50%; width: 3px; height: 18px; margin-top: -9px; border-radius: 99px; background: var(--pyh-c-accent); transform: scaleY(0); transition: transform .22s cubic-bezier(.2, .8, .2, 1); } .pyh-mega__links .pyh-menu__link::after { display: none; }  .pyh-menu__count { flex: 0 0 auto; min-width: 25px; padding: 1px 7px; border-radius: 99px; background: var(--pyh-c-count-bg); color: var(--pyh-c-count); font-size: 10.5px; font-weight: 700; line-height: 1.7; text-align: center; font-variant-numeric: tabular-nums; transition: background .18s ease, color .18s ease; }  .pyh-mega--grid .pyh-mega__columns { align-content: start; gap: 24px 30px; padding: 26px 30px 28px; } .pyh-mega--grid .pyh-mega__column > .pyh-menu__link { gap: 8px; padding-bottom: 9px; margin-bottom: 6px; font-size: 13.5px; font-weight: 800; }  .pyh-mega--grid .pyh-mega__column > .pyh-menu__link .pyh-menu__icon { color: var(--pyh-c-accent); font-size: 17px; width: 17px; height: 17px; } .pyh-mega--grid .pyh-mega__links .pyh-menu__link { gap: 8px; --pyh-row-lead: 8px; padding: 5px 8px; padding-inline-start: var(--pyh-row-lead); font-size: 12.8px; border-radius: var(--pyh-radius-sm, 7px); }   .pyh-menu__item--cats > .pyh-menu__link { gap: 9px; padding: 8px 15px; border-radius: var(--pyh-glass-r-sm, 10px); background-color: var(--pyh-cats-fill, var(--pyh-c-accent, #c41230)); background-image: var(--pyh-cats-sweep, var(--pyh-act, none)); box-shadow: var(--pyh-cats-glow, var(--pyh-glow, none)); color: var(--pyh-cats-ink, var(--pyh-act-ink, #fff)); font-weight: 800; transition: box-shadow .22s ease, transform .18s ease; }  .pyh-menu__item--cats > .pyh-menu__link::after { display: none; } .pyh-menu__item--cats:hover > .pyh-menu__link, .pyh-menu__item--cats:focus-within > .pyh-menu__link { box-shadow: var(--pyh-cats-glow-hi, var(--pyh-glow-strong, none)); transform: translateY(-1px); }  .pyh-menu__grid-mark { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5px; width: 15px; height: 15px; flex: 0 0 auto; } .pyh-menu__grid-mark i { display: block; border-radius: 2px; background: currentColor; }   .pyh-mega__side { display: flex; flex-direction: column; gap: 14px; padding: 26px 24px;  background: var(--pyh-c-side); background: radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--pyh-c-accent) 12%, transparent), transparent 62%), var(--pyh-c-side); color: var(--pyh-c-side-ink); } .pyh-mega__promo { display: block; padding: 16px; border: 1px solid rgba(20, 24, 33, .10); border: 1px solid color-mix(in srgb, var(--pyh-c-side-ink) 12%, transparent); border-radius: var(--pyh-radius, 15px); background: var(--pyh-card-bg, #fff); color: inherit; text-decoration: none; box-shadow: 0 1px 2px rgb(15 23 42 / 5%); transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease; } a.pyh-mega__promo:hover { border-color: rgba(196, 18, 48, .32); border-color: color-mix(in srgb, var(--pyh-c-accent) 34%, transparent); box-shadow: 0 12px 26px -14px rgb(15 23 42 / 40%); transform: translateY(-2px); } .pyh-mega__tag { display: block; margin-bottom: 9px; color: var(--pyh-c-accent); font-size: 11px; font-weight: 800; letter-spacing: .02em; } .pyh-mega__promo-img { display: block; width: 100%; height: 128px;  object-fit: contain; background: #fff; border-radius: var(--pyh-radius, 12px); padding: 8px; margin-bottom: 12px; } .pyh-mega__promo-title { display: block; font-size: 13px; font-weight: 700; line-height: 1.75; } .pyh-mega__promo-meta { display: block; margin-top: 7px; font-size: 14px; font-weight: 800; color: var(--pyh-c-accent); } .pyh-mega__extra { font-size: 12.5px; line-height: 1.8; opacity: .9; }  .pyh-mega__cta { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 16px; border-radius: var(--pyh-radius, 13px); background: var(--pyh-c-accent); color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; transition: filter .18s ease, transform .18s ease; } .pyh-mega__cta:hover { filter: brightness(1.1); transform: translateY(-1px); color: #fff; } .pyh-mega__cta-arrow { width: 6px; height: 6px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor;  transform: rotate(135deg); transition: transform .2s ease; } [dir="ltr"] .pyh-mega__cta-arrow { transform: rotate(-45deg); } .pyh-mega__cta:hover .pyh-mega__cta-arrow { transform: rotate(135deg) translate(1px, -1px); } [dir="ltr"] .pyh-mega__cta:hover .pyh-mega__cta-arrow { transform: rotate(-45deg) translate(1px, -1px); }  .pyh-menu__item--0:not(.pyh-menu__item--mega) > .pyh-sub { position: absolute; z-index: 200; top: 100%; inset-inline-start: 0; min-width: 208px; margin-top: 10px; padding: 8px; background: var(--pyh-c-plate); border: var(--pyh-line-w, 1px) solid var(--pyh-line, rgba(0, 0, 0, .08)); border-radius: var(--pyh-radius, 12px); box-shadow: 0 18px 44px -18px rgba(20, 22, 28, .3); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s ease, transform .2s cubic-bezier(.2, .8, .2, 1), visibility .2s; } .pyh-menu__item--0:not(.pyh-menu__item--mega):hover > .pyh-sub, .pyh-menu__item--0:not(.pyh-menu__item--mega):focus-within > .pyh-sub { opacity: 1; visibility: visible; transform: none; } .pyh-sub .pyh-menu__link { display: flex; width: 100%; padding: 8px 11px; font-size: 13px; font-weight: 500; } .pyh-sub .pyh-menu__link::after { display: none; } .pyh-sub .pyh-menu__link:hover { background: var(--pyh-c-field); color: var(--pyh-c-accent); }  @media (max-width: 900px) {  .pyh-menu { flex-direction: column; align-items: stretch; } .pyh-mega, .pyh-menu__item--0:not(.pyh-menu__item--mega) > .pyh-sub { position: static; width: auto; max-width: none; margin: 0; padding-top: 0; opacity: 1; visibility: visible; transform: none; }  .pyh-mega--container > .pyh-mega, .pyh-mega--full > .pyh-mega, .pyh-mega--fit > .pyh-mega { inset-inline: auto; width: auto; max-width: none; } .pyh-mega__inner { grid-template-columns: minmax(0, 1fr); border: 0; border-radius: 0; box-shadow: none; } .pyh-mega__inner::before { display: none; } .pyh-mega__columns { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 6px 0 10px; background: none; } .pyh-mega__side { display: none; } .pyh-menu__item--0:not(.pyh-menu__item--mega) > .pyh-sub { border: 0; box-shadow: none; padding: 0 0 8px; } .pyh-menu__chev { display: none; } } @media (prefers-reduced-motion: reduce) { .pyh-mega, .pyh-menu__chev, .pyh-mega__links .pyh-menu__link { transition-duration: .01ms !important; } }  .pyh-mega--rail .pyh-mega__inner { position: relative; } .pyh-mega--rail .pyh-mega__columns { display: flex; flex-direction: column; gap: 2px; width: 246px; padding: 12px; background: var(--pyh-c-field); border-inline-end: 1px solid var(--pyh-c-rule);  max-height: 460px; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; } .pyh-mega--rail .pyh-mega__column { position: static; }  .pyh-mega--rail .pyh-mega__column > .pyh-menu__link { display: flex; align-items: center; gap: 10px; padding: 11px 12px; margin: 0; border: 0; border-radius: var(--pyh-radius, 10px); font-size: 13.5px; font-weight: 600; transition: background .16s ease, color .16s ease, padding .16s ease; } .pyh-mega--rail .pyh-mega__column > .pyh-menu__link::before { content: ""; position: absolute; inset-inline-start: 12px; width: 3px; height: 20px; border-radius: 99px; background: var(--pyh-c-accent); opacity: 0; transition: opacity .16s ease; }  .pyh-mega--rail .pyh-mega__column > .pyh-menu__link::after { content: ""; display: block; margin-inline-start: auto; width: 6px; height: 6px; border-right: 1.7px solid currentColor; border-bottom: 1.7px solid currentColor; transform: rotate(-45deg); opacity: .35; transition: opacity .16s ease, transform .16s ease; } [dir="rtl"] .pyh-mega--rail .pyh-mega__column > .pyh-menu__link::after { transform: rotate(135deg); } .pyh-mega--rail .pyh-mega__column.is-active > .pyh-menu__link { background: var(--pyh-c-plate); color: var(--pyh-c-accent); box-shadow: 0 2px 8px rgba(20, 22, 28, .08); } .pyh-mega--rail .pyh-mega__column.is-active > .pyh-menu__link::after { opacity: .9; } .pyh-mega--rail .pyh-mega__column > .pyh-menu__link .pyh-menu__icon { font-size: 17px; width: 17px; height: 17px; }  .pyh-mega--rail .pyh-mega__links { position: absolute; top: 3px; bottom: 0; inset-inline-start: 246px; inset-inline-end: 0; display: grid; grid-template-columns: repeat(var(--pyh-mega-cols, 3), minmax(0, 1fr)); align-content: start; gap: 2px 22px; padding: 24px 26px; overflow-y: auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .2s ease, transform .2s ease, visibility .2s; } .pyh-mega--rail.pyh-mega--has-side .pyh-mega__links { inset-inline-end: 296px; }  .pyh-mega--rail .pyh-mega__column.is-active > .pyh-mega__links { opacity: 1; visibility: inherit; transform: none; } .pyh-mega--rail .pyh-mega__links .pyh-menu__link { --pyh-row-lead: 10px; padding: 8px 10px; padding-inline-start: var(--pyh-row-lead); } @media (max-width: 900px) {  .pyh-mega--rail .pyh-mega__columns { width: auto; max-height: none; overflow: visible; border: 0; background: none; }  .pyh-mega--rail .pyh-mega__links { position: static; opacity: 1; visibility: inherit; transform: none; grid-template-columns: minmax(0, 1fr); padding: 0; overflow: visible; } .pyh-mega--rail .pyh-mega__column > .pyh-menu__link::after { display: none; } }  .pyh-mega__links .pyh-menu__link:hover, .pyh-mega__links .pyh-menu__link:focus-visible {  background: var(--pyh-sf-over, var(--pyh-c-plate));  color: var(--pyh-c-head); font-weight: 600;  padding-inline-start: calc(var(--pyh-row-lead, 12px) + 10px);  box-shadow: 0 1px 2px rgba(20, 22, 28, .04), 0 6px 16px -6px var(--pyh-c-glow); }  .pyh-mega__links .pyh-menu__link:hover::before, .pyh-mega__links .pyh-menu__link:focus-visible::before { transform: scaleY(1); } .pyh-mega__links .pyh-menu__link:hover .pyh-menu__count, .pyh-mega__links .pyh-menu__link:focus-visible .pyh-menu__count { background: var(--pyh-c-accent); color: #fff; }  .pyh-shelf { position: relative; display: grid; min-height: 0; }  .pyh-shelf__pane { grid-area: 1 / 1; display: flex; flex-direction: column; gap: 10px; min-height: 0; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .22s ease, transform .28s cubic-bezier(.2, .8, .2, 1), visibility .22s; }  .pyh-shelf__pane.is-active { opacity: 1; visibility: inherit; transform: none; } .pyh-shelf__eyebrow { flex: 0 0 auto; font-size: 11px; font-weight: 800; letter-spacing: .02em; color: var(--pyh-c-accent); } .pyh-shelf__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; min-height: 0; } .pyh-shelf__card { display: flex; flex-direction: column; gap: 5px; padding: 9px; border-radius: var(--pyh-radius, 12px); border: 1px solid rgba(20, 24, 33, .10); border: 1px solid color-mix(in srgb, var(--pyh-c-side-ink) 11%, transparent); background: var(--pyh-card-bg, #fff); color: inherit; text-decoration: none; box-shadow: 0 1px 2px rgb(15 23 42 / 4%); transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease; }  .pyh-shelf__card--hero { grid-column: 1 / -1; } .pyh-shelf__card:hover, .pyh-shelf__card:focus-visible { border-color: rgba(196, 18, 48, .34); border-color: color-mix(in srgb, var(--pyh-c-accent) 36%, transparent); box-shadow: 0 10px 22px -12px rgb(15 23 42 / 38%); transform: translateY(-2px); } .pyh-shelf__img { display: block; width: 100%; height: 58px;  object-fit: contain; background: #fff; border-radius: var(--pyh-radius, 9px); padding: 5px; } .pyh-shelf__card--hero .pyh-shelf__img { height: 104px; padding: 8px; } .pyh-shelf__name { font-size: 11px; font-weight: 600; line-height: 1.6; overflow: hidden; }  .pyh-shelf__name-t { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .pyh-shelf__card--hero .pyh-shelf__name { font-size: 12.5px; font-weight: 700; } .pyh-shelf__price { margin-top: auto; font-size: 11.5px; font-weight: 800; color: var(--pyh-c-accent);  unicode-bidi: isolate; } .pyh-shelf__card--hero .pyh-shelf__price { font-size: 13.5px; }  .pyh-mega--has-side .pyh-mega__inner { grid-template-columns: minmax(0, 1fr) 330px; } @media (max-width: 900px) {  .pyh-shelf { display: none; } } @media (prefers-reduced-motion: reduce) { .pyh-shelf__pane, .pyh-shelf__card { transition-duration: .01ms !important; } }  .pyh-pgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; padding: 22px; background: linear-gradient(180deg, var(--pyh-c-field), var(--pyh-c-field-2)); } .pyh-pcard { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: var(--pyh-radius, 14px); background: var(--pyh-c-plate); border: 1px solid var(--pyh-c-rule); color: var(--pyh-c-link); text-decoration: none; transition: transform .2s cubic-bezier(.2, .8, .2, 1), box-shadow .22s ease, border-color .18s ease; } .pyh-pcard::after { display: none; } .pyh-pcard:hover, .pyh-pcard:focus-visible { transform: translateY(-3px); border-color: transparent; box-shadow: 0 12px 28px -14px var(--pyh-c-glow); }  .pyh-pcard__frame { display: grid; place-items: center; height: 118px; border-radius: var(--pyh-radius, 10px); background: #fff; overflow: hidden; } .pyh-pcard__frame img { max-width: 100%; max-height: 100%; width: auto; height: auto;  object-fit: contain; } .pyh-pcard__name { font-size: 12.5px; font-weight: 600; line-height: 1.7; color: var(--pyh-c-head); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .pyh-pcard__price { margin-top: auto; font-size: 13px; font-weight: 800; color: var(--pyh-c-accent);  unicode-bidi: isolate; } @media (max-width: 900px) {  .pyh-pgrid { display: none; } } @media (prefers-reduced-motion: reduce) { .pyh-pcard { transition-duration: .01ms !important; } }  @supports (background: color-mix(in srgb, red 50%, transparent)) { html[data-pyh-mode="dark"] .pyh-mega__inner { background-color: color-mix(in srgb, var(--pyh-c-plate) 92%, transparent); background-image:  radial-gradient(46% 90% at 4% 0%, color-mix(in srgb, var(--pyh-fx-b) 15%, transparent), transparent 70%), radial-gradient(42% 84% at 96% 100%, color-mix(in srgb, var(--pyh-fx-a) 11%, transparent), transparent 72%), repeating-linear-gradient(to bottom, var(--pyh-fx-mill, transparent) 0 .5px, transparent .5px 3px); border-color: transparent; }  .pyh-mega__inner { -webkit-backdrop-filter: var(--pyh-glass-blur, none); backdrop-filter: var(--pyh-glass-blur, none); } }  @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-mega__inner::before {  inset: 0; block-size: auto; border-radius: inherit; padding: 1px; background: var(--pyh-fx-sweep); opacity: calc(.42 * var(--pyh-fx-lume, 1)); pointer-events: none; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }  html:not([data-pyh-mode="dark"]) .pyh-mega__inner::before { background: linear-gradient(var(--pyh-fx-ink), var(--pyh-fx-ink)); opacity: .85; } }  @supports not ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-mega__inner::before { inset: 0 0 auto; block-size: 3px; border-radius: 0; } }  @supports (background: color-mix(in srgb, red 50%, transparent)) { html[data-pyh-mode="dark"] .pyh-mega__side { background: radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--pyh-c-accent) 14%, transparent), transparent 62%), color-mix(in srgb, var(--pyh-fx-cell-2, rgba(255, 255, 255, .095)) 100%, transparent); } }  @supports (background: color-mix(in srgb, red 50%, transparent)) { html[data-pyh-mode="dark"] .pyh-mega__promo { background: var(--pyh-fx-cell, rgba(255, 255, 255, .045)); box-shadow: inset 0 0 0 1px var(--pyh-glass-line, rgba(226, 224, 255, .1)); } }  @media (hover: hover) { .pyh-mega__links a { position: relative; transition: background-color .16s ease, color .16s ease; } .pyh-mega__links a::after { content: ""; position: absolute; inset-block: 6px; inset-inline-start: 0; inline-size: 2px; border-radius: 2px; background-image: linear-gradient(to bottom, var(--pyh-fx-a), var(--pyh-fx-b)); opacity: 0; transition: opacity .16s ease; } .pyh-mega__links a:hover { background-color: var(--pyh-fx-cell, rgba(255, 255, 255, .045)); } .pyh-mega__links a:hover::after { opacity: 1; } }  .pyh-mega__links a:focus-visible { background-color: var(--pyh-fx-cell, rgba(255, 255, 255, .045)); }
/*!payeh-drawer*/
.pyh-dw { position: fixed; inset: 0; z-index: 9000;  --pyh-dw-arch: var(--pyh-arch);  --pyh-dw-fill: 1; } .pyh-dw[hidden] { display: none !important; }  .pyh-dw, .pyh-dw *, .pyh-dw *::before, .pyh-dw *::after { box-sizing: border-box; }  body.admin-bar .pyh-dw { top: 46px; } @media screen and (min-width: 783px) { body.admin-bar .pyh-dw { top: 32px; } } .pyh-dw__bd { position: absolute; inset: 0; background: rgba(14, 15, 18, .55); opacity: 0; transition: opacity .3s ease;  backdrop-filter: blur(2px); } .pyh-dw.is-open .pyh-dw__bd { opacity: 1; } .pyh-dw__panel { position: absolute; inset-block: 0; inset-inline-start: 0;  width: min(88vw, 400px); display: flex; flex-direction: column; background: var(--pyh-dw-bg, #fff); box-shadow: 0 0 60px rgba(14, 15, 18, .3);  transform: translateX(var(--pyh-dw-out, -100%)); transition: transform .32s cubic-bezier(.22, 1, .36, 1); will-change: transform; } [dir="rtl"] .pyh-dw__panel { --pyh-dw-out: 100%; } .pyh-dw.is-open .pyh-dw__panel { transform: translateX(0); }  .pyh-dw__hero { position: relative; flex: 0 0 auto; }  .pyh-dw__top { position: relative; display: flex; align-items: center; gap: 12px; --pyh-dw-top-pad: 13px; padding: var(--pyh-dw-top-pad) 16px; color: var(--pyh-dw-topbar-ink, #14161c); background: var(--pyh-dw-topbar-bg, #ffffff); }  .pyh-dw__top--has-logo { min-height: calc(var(--pyh-dw-logo-h, 48px) + var(--pyh-dw-top-pad) * 2); }  .pyh-dw__top--start .pyh-dw__brand { margin-inline-end: auto; } .pyh-dw__top--end .pyh-dw__brand { margin-inline-start: auto; }  .pyh-dw__top--center { position: relative; } .pyh-dw__top--center .pyh-dw__brand { position: absolute; inset-inline: 0;  width: fit-content;  max-width: calc(100% - 104px); margin-inline: auto; justify-content: center;  pointer-events: none; } .pyh-dw__brand { font-weight: 800; font-size: 17px; display: flex; align-items: center; min-width: 0; letter-spacing: -.01em;  color: inherit; }  .pyh-dw__contact { position: relative;  padding-top: 12px;  padding-bottom: 32px; color: #fff; background:  radial-gradient(115% 130% at 100% -20%, rgba(255, 255, 255, .26), transparent 60%),  radial-gradient(80% 90% at 0% 100%, rgba(0, 0, 0, .22), transparent 64%),  linear-gradient(158deg, var(--pyh-dw-band-from, #e8213f), var(--pyh-dw-band-to, #960d24)); } .pyh-dw__brand img { display: block;  max-height: var(--pyh-dw-logo-h, 48px); max-width: 100%; width: auto; }  .pyh-dw__x { position: relative; width: 36px; height: 36px; flex: 0 0 auto; border: 0; border-radius: var(--pyh-radius, 12px); background: transparent; box-shadow: inset 0 0 0 1.5px currentColor; opacity: .45; color: inherit; cursor: pointer; transition: opacity .16s ease, transform .16s ease; } .pyh-dw__x::before, .pyh-dw__x::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: 15px; height: 1.8px; background: currentColor; border-radius: 2px; } .pyh-dw__x::before { transform: translate(-50%, -50%) rotate(45deg); } .pyh-dw__x::after { transform: translate(-50%, -50%) rotate(-45deg); } .pyh-dw__x:hover { opacity: 1; } .pyh-dw__x:active { transform: scale(.94); }  .pyh-dw__x:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; opacity: 1; } .pyh-dw__call:focus-visible, .pyh-dw__search-input:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }   .pyh-dw__search { position: relative; padding: 0 16px; } .pyh-dw__search-input { width: 100%; padding: 11px 42px 11px 14px; border: var(--pyh-line-w, 1px) solid var(--pyh-line, rgba(0, 0, 0, .1)); border-radius: var(--pyh-radius, 12px);  background: var(--pyh-plate, #fdfdff); color: #14161c; border-color: transparent; box-shadow: 0 4px 14px -6px rgba(0, 0, 0, .4); font: inherit;  font-size: 16px; } .pyh-dw__search-input:focus { outline: none; border-color: var(--pyh-primary, #c41230); }  .pyh-dw__search-go { position: absolute; inset-inline-end: 26px; top: 0; bottom: 0; margin: auto 0; width: 26px; height: 26px; border: 0; padding: 0; display: grid; place-items: center; background: none; cursor: pointer; color: var(--pyh-muted, #9a9aa2);  font-size: 19px; }   .pyh-dw__calls { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap: 8px; padding: 0 16px 8px; } .pyh-dw__call { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 8px 10px; border-radius: var(--pyh-radius, 13px); color: #fff; text-decoration: none; background: rgba(255, 255, 255, .15); border: 1px solid rgba(255, 255, 255, .2); transition: background .16s ease, transform .16s ease; } .pyh-dw__call:active { transform: scale(.985); } .pyh-dw__call:hover { background: rgba(255, 255, 255, .26); }  .pyh-dw__hours { margin: 0; padding: 1px 18px 8px; font-size: 11.5px; line-height: 1.6; color: rgba(255, 255, 255, .82); } .pyh-dw__call-icon { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border-radius: var(--pyh-radius, 9px); background: rgba(255, 255, 255, .18); font-size: 15px; } .pyh-dw__call-text { display: flex; flex-direction: column; line-height: 1.35; min-width: 0; }  .pyh-dw__call-text strong { font-size: 13.5px; font-weight: 800; direction: ltr; unicode-bidi: isolate;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pyh-dw__call-text small { font-size: 10.5px; opacity: .85; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }  .pyh-dw__sheet { position: relative; z-index: 1; flex: 1 1 auto; display: flex; flex-direction: column;  min-height: 0; margin-top: -18px; border-radius: var(--pyh-radius-lg, 20px) var(--pyh-radius-lg, 20px) 0 0; background: var(--pyh-dw-bg, #fff); box-shadow: 0 -6px 20px -6px rgba(20, 22, 28, .28); }  .pyh-dw__sheet::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 20px; border-radius: var(--pyh-radius-lg, 20px) var(--pyh-radius-lg, 20px) 0 0; border-top: 1px solid rgba(255, 255, 255, .5); pointer-events: none; z-index: 3; }   .pyh-dw__nav { flex: 1 1 auto; min-height: 0; overflow: hidden; position: relative;  transition: height .32s cubic-bezier(.22, 1, .36, 1); } .pyh-dw__stack { position: absolute; inset: 0; display: flex;  transform: translateX(calc(var(--pyh-dw-depth, 0) * var(--pyh-dw-step, -100%))); transition: transform .32s cubic-bezier(.22, 1, .36, 1); } [dir="rtl"] .pyh-dw__stack { --pyh-dw-step: 100%; } .pyh-dw__level { flex: 0 0 100%; width: 100%;  overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;  overflow-anchor: none; padding-bottom: 22px;  box-shadow: -14px 0 28px -18px rgba(0, 0, 0, .5); background: var(--pyh-dw-bg, #fff); } [dir="rtl"] .pyh-dw__level { box-shadow: 14px 0 28px -18px rgba(0, 0, 0, .5); }  .pyh-dw__level--front { display: flex; flex-direction: column; gap: 18px; padding: 13px 18px 24px; }  .pyh-dw__arcade { display: block; } .pyh-dw__arcade-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; } .pyh-dw__arcade-title { margin: 0; font-size: 15px; font-weight: 800; letter-spacing: -.01em; color: inherit; }  .pyh-dw__arcade-all { display: inline-flex; align-items: center; gap: 3px; flex: 0 0 auto; font-size: 12px; font-weight: 700; color: var(--pyh-accent-ink, var(--pyh-primary, #c41230)); text-decoration: none; } .pyh-dw__arcade-arrow { width: 13px; height: 13px; } [dir="ltr"] .pyh-dw__arcade-arrow { transform: scaleX(-1); } .pyh-dw__arcade-all:hover { text-decoration: underline; } .pyh-dw__wall { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 11px;  padding: 11px 11px 13px; border-radius: var(--pyh-radius-lg, 20px); background: var(--pyh-sf-over, #eff2f7); }  .pyh-dw__wall--portal > .pyh-dw__niche:first-child { grid-column: 1 / -1; --pyh-dw-ratio: .42; } .pyh-dw__niche { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: start; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }  .pyh-dw__niche-arch { display: block; filter: drop-shadow(0 5px 10px rgb(var(--pyh-shadow-ink, 37 45 66) / 18%)) drop-shadow(0 14px 26px rgb(var(--pyh-shadow-ink, 37 45 66) / 12%)); }  .pyh-dw__niche-plate { display: block; position: relative; overflow: hidden;  aspect-ratio: 1 / var(--pyh-dw-ratio, .88);  padding: 1.25px; background: rgb(var(--pyh-shadow-ink, 37 45 66) / 15%); -webkit-mask-image: var(--pyh-dw-arch); mask-image: var(--pyh-dw-arch); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }  .pyh-dw__niche-plate img, .pyh-dw__niche-letter { display: grid; place-items: center; width: 100%; height: 100%;  object-fit: contain; background: var(--pyh-plate, #fdfdff); transform: scale(var(--pyh-dw-fill, 1)); transition: transform .28s cubic-bezier(.22, 1, .36, 1); -webkit-mask-image: var(--pyh-dw-arch); mask-image: var(--pyh-dw-arch); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .pyh-dw__niche:active .pyh-dw__niche-plate img, .pyh-dw__niche:hover .pyh-dw__niche-plate img { transform: scale(calc(var(--pyh-dw-fill, 1.13) * 1.07)); }  .pyh-dw__niche-letter { font-size: 40px; font-weight: 800; line-height: 1; color: rgb(var(--pyh-shadow-ink, 37 45 66) / 22%); transform: none; } .pyh-dw__niche-foot { display: flex; align-items: baseline; gap: 6px; padding-inline: 2px; min-width: 0; }  .pyh-dw__niche-name {  flex: 0 1 auto; min-width: 0; font-size: 13.5px; font-weight: 700; line-height: 1.4; letter-spacing: -.01em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }  .pyh-dw__niche-n { flex: 0 0 auto; align-self: flex-end; font-size: 11px; font-weight: 700; opacity: .5; } .pyh-dw__niche:focus-visible { outline: 2px solid var(--pyh-primary, #c41230); outline-offset: 4px; border-radius: 6px; }  .pyh-dw__chips { display: flex; flex-wrap: wrap; gap: 8px; } .pyh-dw__chip { display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: 1 1 auto; min-height: 44px; padding: 10px 14px; margin: 0; border: 0; border-radius: 999px; background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); color: inherit; font: inherit; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background .16s ease, transform .16s ease; } .pyh-dw__chip:hover { background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .12)); } .pyh-dw__chip:active { transform: scale(.97); } .pyh-dw__chip .pyh-menu__icon { color: var(--pyh-accent-ink, var(--pyh-primary, #c41230)); } .pyh-dw__chip-mark { width: 13px; height: 13px; opacity: .4; } [dir="ltr"] .pyh-dw__chip-mark { transform: scaleX(-1); } .pyh-dw__chip:focus-visible { outline: 2px solid var(--pyh-primary, #c41230); outline-offset: 2px; }   .pyh-dw__head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: var(--pyh-dw-bg, #fff); box-shadow: 0 1px 0 var(--pyh-fx-ink, rgba(0, 0, 0, .08)); } .pyh-dw__back { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; padding: 0; border: 0; border-radius: 999px; background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); color: inherit; cursor: pointer; transition: background .16s ease, transform .16s ease; } .pyh-dw__back:active { transform: scale(.92); } .pyh-dw__back:focus-visible { outline: 2px solid var(--pyh-primary, #c41230); outline-offset: 2px; } .pyh-dw__back-mark { width: 17px; height: 17px; }  [dir="rtl"] .pyh-dw__back-mark { transform: scaleX(-1); } .pyh-dw__head-text { display: flex; align-items: baseline; gap: 7px; min-width: 0; } .pyh-dw__head-text strong { font-size: 15.5px; font-weight: 800; letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pyh-dw__head-n { font-size: 11px; font-weight: 700; opacity: .5; flex: 0 0 auto; } .pyh-dw__body { padding: 14px 16px 0; }  .pyh-dw__all { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; margin-bottom: 14px; padding: 12px 16px; border-radius: var(--pyh-radius, 14px); background-color: var(--pyh-primary, #c41230); background-image: var(--pyh-act, none); box-shadow: var(--pyh-glow, 0 8px 24px -8px rgba(196, 18, 48, .38)); color: #fff; font-size: 13.5px; font-weight: 800; text-decoration: none; transition: transform .16s ease, filter .16s ease; } .pyh-dw__all:active { transform: scale(.985); } .pyh-dw__all:hover { filter: brightness(1.06); } .pyh-dw__all-mark { width: 15px; height: 15px; flex: 0 0 auto; opacity: .85; } [dir="ltr"] .pyh-dw__all-mark { transform: scaleX(-1); } .pyh-dw__all:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }  .pyh-dw__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } .pyh-dw__row { display: flex; align-items: center; gap: 12px; width: 100%;  min-height: 62px; padding: 8px 12px; margin: 0; border: 0; border-radius: var(--pyh-radius, 14px); background: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); color: inherit; font: inherit; font-size: 14.5px; font-weight: 600; text-align: start; text-decoration: none; cursor: pointer; transition: background .16s ease, transform .16s ease; } .pyh-dw__row:hover { background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); } .pyh-dw__row:active { transform: scale(.99); } .pyh-dw__row:focus-visible { outline: 2px solid var(--pyh-primary, #c41230); outline-offset: 2px; }  .pyh-dw__row-chip { display: block; position: relative; overflow: hidden; flex: 0 0 auto; width: 44px; aspect-ratio: 1 / 1.08;  padding: 1px; background: rgb(var(--pyh-shadow-ink, 37 45 66) / 15%); -webkit-mask-image: var(--pyh-dw-arch); mask-image: var(--pyh-dw-arch); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .pyh-dw__row-chip > * { display: grid; place-items: center; width: 100%; height: 100%;  object-fit: contain; background: var(--pyh-plate, #fdfdff); -webkit-mask-image: var(--pyh-dw-arch); mask-image: var(--pyh-dw-arch); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .pyh-dw__row-chip--mark > *, .pyh-dw__row-chip--letter > * { color: rgb(var(--pyh-shadow-ink, 37 45 66) / 45%); font-size: 17px; font-weight: 800; transform: none; } .pyh-dw__label { flex: 1 1 0; min-width: 0; line-height: 1.4; } .pyh-dw__n { flex: 0 0 auto; padding: 2px 8px; border-radius: 999px; background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); font-size: 10.5px; font-weight: 800; opacity: .75; }  .pyh-dw__chev { flex: 0 0 auto; width: 16px; height: 16px; opacity: .3; transition: opacity .18s ease, transform .18s ease; } [dir="ltr"] .pyh-dw__chev { transform: scaleX(-1); }  .pyh-dw__row:hover .pyh-dw__chev, .pyh-dw__row:focus-visible .pyh-dw__chev { opacity: .7; } .pyh-dw__row:active .pyh-dw__chev { transform: translateX(-2px); } [dir="ltr"] .pyh-dw__row:active .pyh-dw__chev { transform: scaleX(-1) translateX(-2px); }  .pyh-dw__rail { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 8px; flex: 0 0 auto; } .pyh-dw__quick { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 8px 4px; border: 0; border-radius: var(--pyh-radius, 14px);  background: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); color: inherit; font-size: 11px; font-weight: 700; text-align: center; text-decoration: none; transition: background .16s ease, transform .16s ease; } .pyh-dw__quick:active { transform: scale(.96); } .pyh-dw__quick:hover { background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); } .pyh-dw__quick:focus-visible { outline: 2px solid var(--pyh-primary, #c41230); outline-offset: 2px; }  .pyh-dw__quick-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 999px; background: var(--pyh-primary-soft, #fdeef0); color: var(--pyh-accent-ink, var(--pyh-primary, #c41230)); font-size: 16px; }    .pyh-dw__foot { flex: 1 0 auto; margin-inline: -18px; margin-block-end: -24px; padding: 16px 18px 20px; background: var(--pyh-sunken, rgba(20, 22, 28, .04)); }  .pyh-dw__socials { display: flex; flex-wrap: wrap; gap: 9px; justify-content: center; } .pyh-dw__social { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 999px;  --pyh-dw-paint: var(--pyh-accent-ink, var(--pyh-primary, #c41230));  background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); color: var(--pyh-dw-paint); transition: color .16s ease, transform .16s ease, background .16s ease; } .pyh-dw__social svg { width: 20px; height: 20px; display: block; } .pyh-dw__social:active { transform: scale(.94); } .pyh-dw__social:focus-visible { outline: 2px solid var(--pyh-dw-paint); outline-offset: 2px; }  .pyh-dw__social:hover { color: var(--pyh-plate, #fff); background: var(--pyh-dw-paint); }  @media (min-width: 901px) { .pyh-dw { display: none !important; } }  @media (max-width: 640px) { .pyh-dw__panel { width: 100%; box-shadow: none; }  .pyh-dw__bd { display: none; } .pyh-dw__top { padding-inline: 18px; } .pyh-dw__search { padding-inline: 18px; } .pyh-dw__calls { padding-inline: 18px; } .pyh-dw__hours { padding-inline: 20px; } .pyh-dw__body { padding-inline: 18px; } .pyh-dw__head { padding-inline: 18px; } }  .pyh-dw__level .pyh-dw__item, .pyh-dw__level .pyh-dw__niche, .pyh-dw__level .pyh-dw__chip { opacity: 0; animation: pyh-dw-in .42s cubic-bezier(.22, 1, .36, 1) forwards; animation-delay: calc(var(--pyh-i, 0) * 42ms); } .pyh-dw__level .pyh-dw__item, .pyh-dw__level .pyh-dw__chip { animation-duration: .34s; animation-delay: calc(var(--pyh-i, 0) * 26ms); } @keyframes pyh-dw-in { from { opacity: 0; transform: translateY(10px) scale(.97); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .pyh-dw__panel, .pyh-dw__stack, .pyh-dw__bd, .pyh-dw__nav { transition-duration: .01ms !important; } .pyh-dw__level .pyh-dw__item, .pyh-dw__level .pyh-dw__niche, .pyh-dw__level .pyh-dw__chip { animation: none; opacity: 1; transform: none; } .pyh-dw__niche-plate img { transition: none; } }  .pyh-dw__panel, .pyh-dw__stack { color: var(--pyh-ink, #141821); }
/*!payeh-footer*/
.pyh-ft, .pyh-ft *, .pyh-ft *::before, .pyh-ft *::after { box-sizing: border-box; }  .pyh-ft { --pyh-f-bg: var(--pyh-ft-bg, #14161c); --pyh-f-ink: var(--pyh-ft-ink, #c9ced8); --pyh-f-accent: var(--pyh-primary, #c41230); --pyh-f-accent-2: var(--pyh-accent-2, #e01a37);  --pyh-f-ink-strong: var(--pyh-ft-ink, #c9ced8);  --pyh-f-plate: color-mix(in srgb, var(--pyh-f-ink) 7%, transparent); --pyh-f-plate-hi: color-mix(in srgb, var(--pyh-f-ink) 12%, transparent); --pyh-f-line: color-mix(in srgb, var(--pyh-f-ink) 16%, transparent);  --pyh-f-cyan: #00d2ff;  --pyh-f-overlay: var(--pyh-overlay, rgba(0, 0, 0, .35));  --pyh-f-pad: var(--pyh-section-pad, 72px 0 72px 0); --pyh-f-wrap: var(--pyh-container, 1240px); --pyh-f-radius: var(--pyh-radius, 12px);  --pyh-ft-image: none; position: relative; background-color: var(--pyh-f-bg); color: var(--pyh-f-ink); font-family: var(--pyh-body-family, Vazirmatn, Tahoma, sans-serif); font-size: 14px; line-height: 1.9; }  .pyh-ft { background-color: transparent; isolation: isolate; padding-block-end: 26px; } .pyh-ft::before { content: ""; position: absolute; z-index: 0; inset: 0 16px 26px; border: 1px solid var(--pyh-f-line); border-radius: var(--pyh-glass-r, 26px); background-color: var(--pyh-f-bg); box-shadow: 0 -18px 46px rgb(var(--pyh-shadow-ink, 3 6 17) / 52%); pointer-events: none; } .pyh-ft > * { position: relative; z-index: 1; }  @media (max-width: 640px) { .pyh-ft { padding-block-end: 0; } .pyh-ft::before { inset: 0; border-inline: 0; border-radius: 0; } }  @supports (color: color-mix(in oklab, red 50%, blue)) { html[data-pyh-mode="dark"] .pyh-ft, .pyh-ft--lit { --pyh-f-ink-strong: color-mix(in oklab, var(--pyh-ft-ink, #c9ced8) 62%, var(--pyh-c-on-accent, #fff)); } html:not([data-pyh-mode="dark"]) .pyh-ft:not(.pyh-ft--lit) { --pyh-f-ink-strong: color-mix(in oklab, var(--pyh-ft-ink, #c9ced8) 58%, #000); } }  .pyh-ft--image { background-image: linear-gradient(var(--pyh-f-overlay), var(--pyh-f-overlay)), var(--pyh-ft-image); background-size: cover; background-position: center; background-repeat: no-repeat; } .pyh-ft__wrap { width: 100%; max-width: var(--pyh-f-wrap); margin-inline: auto; padding-inline: 20px; } .pyh-ft__body { padding: var(--pyh-f-pad); }  .pyh-ft__props { padding-block-start: 44px; } .pyh-ft__prop-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(232px, 1fr)); gap: 12px; margin: 0; padding: 0 0 30px; border-block-end: 1px solid var(--pyh-f-line); list-style: none; }  .pyh-ft__prop { display: flex; align-items: center; gap: 13px; padding: 13px 15px; border: 1px solid var(--pyh-f-line); border-radius: var(--pyh-glass-r-sm, 16px); background: linear-gradient(to bottom, var(--pyh-f-plate-hi), var(--pyh-f-plate) 62%); box-shadow: inset 0 1px 0 var(--pyh-f-plate-hi); transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease; } .pyh-ft__prop-i { display: grid; place-items: center; inline-size: 42px; block-size: 42px; flex: none; border: 1px solid color-mix(in srgb, var(--pyh-f-accent) 38%, transparent); border-radius: var(--pyh-glass-r-sm, 12px); background: color-mix(in srgb, var(--pyh-f-accent) 12%, transparent); color: var(--pyh-accent-ink, var(--pyh-f-accent)); } .pyh-ft__prop-i svg { inline-size: 21px; block-size: 21px; } .pyh-ft__prop-b { display: grid; gap: 2px; min-inline-size: 0; } .pyh-ft__prop-b strong { color: var(--pyh-f-ink-strong, #fff); font-size: 13.5px; font-weight: 800; } .pyh-ft__prop-b span { color: var(--pyh-f-ink); font-size: 11.5px; opacity: .82; }  .pyh-ft__club { padding-block-start: 30px; } .pyh-ft__club-card { display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; padding: 22px 26px; border: 1px solid color-mix(in srgb, var(--pyh-f-accent) 40%, transparent); border-radius: var(--pyh-glass-r, 20px); background: linear-gradient(135deg, color-mix(in srgb, var(--pyh-f-accent) 14%, transparent), color-mix(in srgb, var(--pyh-violet, #7209b7) 16%, transparent)); } .pyh-ft__club-say { display: flex; align-items: center; gap: 15px; min-inline-size: 0; flex: 1 1 320px; } .pyh-ft__club-i { display: grid; place-items: center; inline-size: 48px; block-size: 48px; flex: none; border-radius: var(--pyh-glass-r-sm, 14px); background-color: var(--pyh-f-accent); background-image: var(--pyh-act, none); box-shadow: var(--pyh-glow, none); color: var(--pyh-act-ink, #fff); } .pyh-ft__club-i svg { inline-size: 24px; block-size: 24px; } .pyh-ft__club-t { margin: 0 0 3px; color: var(--pyh-f-ink-strong, #fff); font-family: var(--pyh-font-heading, inherit); font-size: 17px; font-weight: 900; } .pyh-ft__club-n { margin: 0; color: var(--pyh-f-ink); font-size: 12.5px; line-height: 1.75; } .pyh-ft__club-form { display: flex; gap: 9px; flex: 1 1 380px; max-inline-size: 460px; } .pyh-ft__club-in { flex: 1 1 auto; min-inline-size: 0; padding: 11px 15px; border: 1px solid var(--pyh-f-line); border-radius: var(--pyh-glass-r-sm, 12px);  background: rgba(0, 0, 0, .34); color: var(--pyh-f-ink-strong, #fff); font: inherit; font-size: 13px; } .pyh-ft__club-in::placeholder { color: var(--pyh-f-ink); opacity: .7; } .pyh-ft__club-in:focus { outline: none; border-color: var(--pyh-f-accent); } .pyh-ft__club-go { flex: none; padding: 0 22px; border: 0; border-radius: var(--pyh-glass-r-sm, 12px); background-color: var(--pyh-f-accent); background-image: var(--pyh-act, none); box-shadow: var(--pyh-glow, none); color: var(--pyh-act-ink, #fff); font-family: var(--pyh-font-heading, inherit); font-size: 13.5px; font-weight: 800; cursor: pointer; transition: box-shadow .22s ease, transform .18s ease; } @media (max-width: 560px) {  .pyh-ft__club-form { flex-direction: column; } .pyh-ft__club-go { padding-block: 12px; } }  .pyh-ft__app-list { display: flex; flex-direction: column; gap: 9px; margin: 0; padding: 0; list-style: none; } .pyh-ft__app { display: flex; align-items: center; gap: 10px; padding: 9px 15px; border: 1px solid var(--pyh-f-line); border-radius: var(--pyh-glass-r-sm, 12px); background: var(--pyh-f-plate); color: var(--pyh-f-ink-strong, #fff); text-decoration: none; transition: border-color .22s ease, background-color .22s ease; } .pyh-ft__app-i { inline-size: 22px; block-size: 22px; flex: none; color: var(--pyh-f-cyan, #00d2ff); } .pyh-ft__app-b { display: grid; gap: 0; } .pyh-ft__app-b span { color: var(--pyh-f-ink); font-size: 10.5px; opacity: .8; } .pyh-ft__app-b strong { font-size: 12.5px; font-weight: 800; }  .pyh-ft__trust-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-block-start: 24px; border-block-start: 1px solid var(--pyh-f-line); }  .pyh-ft__status { display: inline-flex; align-items: center; gap: 7px; padding: 5px 14px; border: 1px solid color-mix(in srgb, var(--pyh-c-ok, #00f5a0) 24%, transparent); border-radius: var(--pyh-radius-pill, 999px); background: color-mix(in srgb, var(--pyh-c-ok, #00f5a0) 9%, transparent); color: var(--pyh-f-ink, #fff); font-size: 11.5px; font-weight: 700; } .pyh-ft__status-dot { inline-size: 6px; block-size: 6px; border-radius: var(--pyh-radius-pill, 999px);  background: var(--pyh-c-ok, #00f5a0); box-shadow: 0 0 8px var(--pyh-c-ok, #00f5a0); animation: pyh-ft-pulse 2s infinite; } @keyframes pyh-ft-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }  @media (prefers-reduced-motion: reduce) { .pyh-ft__status-dot { animation: none; } }   .pyh-ft__cols { display: grid; gap: 32px 40px; } @media (min-width: 760px) { .pyh-ft__cols--2 { grid-template-columns: 1.4fr 1fr; } .pyh-ft__cols--3 { grid-template-columns: 1.6fr 1fr 1.2fr; }  .pyh-ft__cols--4 { grid-template-columns: 2fr 1fr 1fr 1.4fr; } } @media (min-width: 700px) and (max-width: 1023px) {  .pyh-ft__cols--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .pyh-ft__cols--1 { max-width: 62ch; }  .pyh-ft--align-center .pyh-ft__cols--1 { margin-inline: auto; } .pyh-ft--align-end .pyh-ft__cols--1 { margin-inline-start: auto; } .pyh-ft--align-center { text-align: center; } .pyh-ft--align-end { text-align: end; } .pyh-ft--align-center .pyh-ft__socials, .pyh-ft--align-center .pyh-ft__seal-list { justify-content: center; } .pyh-ft--align-end .pyh-ft__socials, .pyh-ft--align-end .pyh-ft__seal-list { justify-content: flex-end; }  .pyh-ft__heading { margin: 0 0 18px; font-family: var(--pyh-heading-family, inherit); font-size: 16px; font-weight: 700; line-height: 1.6; color: inherit;  filter: brightness(1.35); }  .pyh-ft__heading::after { content: ""; display: block; width: 34px; height: 2px; margin-block-start: 8px; border-radius: 2px; background: linear-gradient(to left, var(--pyh-f-accent), var(--pyh-f-accent-2)); } .pyh-ft--align-center .pyh-ft__heading::after { margin-inline: auto; } .pyh-ft--align-end .pyh-ft__heading::after { margin-inline-start: auto; }   .pyh-ft .pyh-ft__logo { display: block; height: auto; max-width: 190px; margin-block-end: 16px; } .pyh-ft--align-center .pyh-ft__logo { margin-inline: auto; } .pyh-ft--align-end .pyh-ft__logo { margin-inline-start: auto; } .pyh-ft__brand { margin: 0 0 14px; font-family: var(--pyh-heading-family, inherit); font-size: 20px; font-weight: 700; filter: brightness(1.35); } .pyh-ft__about { max-width: 46ch; } .pyh-ft__about p { margin: 0 0 10px; opacity: .82; } .pyh-ft__about p:last-child { margin-bottom: 0; } .pyh-ft--align-center .pyh-ft__about { margin-inline: auto; } .pyh-ft--align-end .pyh-ft__about { margin-inline-start: auto; }  .pyh-ft__socials { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; }  .pyh-ft__social { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--pyh-f-line); border-radius: var(--pyh-glass-r-sm, 10px); color: var(--pyh-f-ink-strong, #fff); text-decoration: none;  position: relative; isolation: isolate; transition: color .2s ease, transform .2s ease, border-color .2s ease; } .pyh-ft__social::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: currentColor; opacity: .12; transition: opacity .2s ease, background-color .2s ease; } .pyh-ft__social .pyh-i { width: 18px; height: 18px; }  .pyh-ft__links, .pyh-ft__phones { margin: 0; padding: 0; list-style: none; } .pyh-ft__links li { margin-block-end: 9px; } .pyh-ft__links a { color: inherit; text-decoration: none; opacity: .82; transition: opacity .2s ease, padding-inline-start .2s ease, color .2s ease; }  .pyh-ft__phones li { margin-block-end: 14px; } .pyh-ft__phone { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; transition: color .2s ease; } .pyh-ft__phone .pyh-i { flex: none; width: 20px; height: 20px; color: var(--pyh-f-accent-2); } .pyh-ft__phone-body { display: flex; flex-direction: column; line-height: 1.4; } .pyh-ft__phone-number { font-size: 17px; font-weight: 700; filter: brightness(1.35); } .pyh-ft__phone-label { font-size: 12px; opacity: .7; } .pyh-ft--align-center .pyh-ft__phone-body { align-items: center; } .pyh-ft--align-end .pyh-ft__phone-body { align-items: flex-end; } .pyh-ft__hours { margin: 0; font-size: 13px; opacity: .7; }  .pyh-ft__seals { position: relative; }  .pyh-ft__seals::before, .pyh-ft__base::before { content: ""; position: absolute; inset-inline: 0; inset-block-start: 0; height: 1px; background: currentColor; opacity: .14; } .pyh-ft__seals .pyh-ft__wrap { padding-block: 24px; } .pyh-ft__seal-list { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 0; padding: 0; list-style: none; }   .pyh-ft__seal { display: inline-flex; align-items: center; justify-content: center; padding: 8px; border: 1px solid var(--pyh-f-line); background: #fff; border-radius: var(--pyh-glass-r-sm, 12px); line-height: 0; transition: border-color .22s ease, transform .22s ease; } .pyh-ft__seal img { max-width: 100%; height: auto; }  .pyh-ft__custom .pyh-ft__wrap { padding-block: 20px; } .pyh-ft__custom img { max-width: 100%; height: auto; }  .pyh-ft__base { position: relative; } .pyh-ft__base .pyh-ft__wrap { display: flex; align-items: center; justify-content: center; min-height: 56px; padding-block: 14px; } .pyh-ft__copy { margin: 0; font-size: 13px; text-align: center; opacity: .72; }  .pyh-ft__links a:hover, .pyh-ft__links a:focus-visible { opacity: 1; padding-inline-start: 5px; color: var(--pyh-f-accent-2); } .pyh-ft__phone:hover, .pyh-ft__phone:focus-visible { color: var(--pyh-f-accent-2); } .pyh-ft__social:hover, .pyh-ft__social:focus-visible { transform: translateY(-2px); border-color: var(--pyh-f-accent); }  .pyh-ft__prop:hover, .pyh-ft__app:hover, .pyh-ft__app:focus-visible { border-color: color-mix(in srgb, var(--pyh-f-accent) 55%, transparent); transform: translateY(-2px); } .pyh-ft__seal:hover { border-color: color-mix(in srgb, var(--pyh-f-accent) 55%, transparent); } .pyh-ft__club-go:hover, .pyh-ft__club-go:focus-visible { box-shadow: var(--pyh-glow-strong, none); transform: translateY(-2px); } .pyh-ft__social:hover::before, .pyh-ft__social:focus-visible::before { background: var(--pyh-f-accent-2); opacity: 1; }  .pyh-ft__social:hover, .pyh-ft__social:focus-visible { color: var(--pyh-f-bg); }  .pyh-ft a:focus-visible { outline: 2px solid var(--pyh-f-accent-2); outline-offset: 3px; border-radius: 4px; } @media (prefers-reduced-motion: reduce) { .pyh-ft * { transition: none !important; } .pyh-ft__social:hover, .pyh-ft__social:focus-visible { transform: none; } }   @supports (background: color-mix(in srgb, red 50%, transparent)) { html[data-pyh-mode="dark"] .pyh-ft::before { background-color: color-mix(in srgb, var(--pyh-f-bg) 46%, transparent); background-image:  radial-gradient(58% 62% at 8% 0%, color-mix(in srgb, var(--pyh-fx-b) 20%, transparent), transparent 70%), radial-gradient(52% 58% at 92% 8%, color-mix(in srgb, var(--pyh-fx-a) 16%, transparent), transparent 72%), radial-gradient(64% 46% at 50% 108%, color-mix(in srgb, var(--pyh-f-accent) 15%, transparent), transparent 74%), repeating-linear-gradient(to bottom, var(--pyh-fx-mill, transparent) 0 .5px, transparent .5px 3px);  border-color: transparent; } @media (min-width: 900px) { html[data-pyh-mode="dark"] .pyh-ft::before { -webkit-backdrop-filter: var(--pyh-glass-blur, none); backdrop-filter: var(--pyh-glass-blur, none); } } }  @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-ft::after { content: ""; position: absolute; z-index: 0; inset: 0 16px 26px; border-radius: var(--pyh-glass-r, 26px); padding: 1px; pointer-events: none; background: var(--pyh-fx-sweep); opacity: calc(.3 * var(--pyh-fx-lume, 1)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }  html:not([data-pyh-mode="dark"]) .pyh-ft::after { background: linear-gradient( color-mix(in srgb, var(--pyh-f-ink) 26%, transparent), color-mix(in srgb, var(--pyh-f-ink) 26%, transparent) ); opacity: .9; }  @media (max-width: 640px) { .pyh-ft::after { inset: 0; border-radius: 0; } } @media (prefers-reduced-transparency: reduce) { .pyh-ft::after { display: none; } } }    @supports (background: color-mix(in srgb, red 50%, transparent)) { .pyh-ft__club-card { background-color: var(--pyh-f-plate); background-image: radial-gradient(72% 150% at 6% 50%, color-mix(in srgb, var(--pyh-f-accent) 26%, transparent), transparent 70%), radial-gradient(64% 140% at 94% 50%, color-mix(in srgb, var(--pyh-violet, #7209b7) 26%, transparent), transparent 72%); border-color: color-mix(in srgb, var(--pyh-f-accent) 26%, transparent); } }  .pyh-ft__club-in { background: color-mix(in srgb, var(--pyh-f-ink) 12%, transparent); }   html:not([data-pyh-mode="dark"]) .pyh-ft:not(.pyh-ft--lit)::before { box-shadow: 0 -14px 34px rgb(var(--pyh-shadow-ink, 37 45 66) / 18%); }  html:not([data-pyh-mode="dark"]) .pyh-ft:not(.pyh-ft--lit) { --pyh-f-cyan: #006d8f; }  @supports (background: color-mix(in srgb, red 50%, transparent)) { html:not([data-pyh-mode="dark"]) .pyh-ft:not(.pyh-ft--lit) .pyh-ft__club-card { background-color: var(--pyh-c-card, #fff); background-image: radial-gradient(78% 165% at 6% 50%, color-mix(in srgb, var(--pyh-f-accent) 7%, transparent), transparent 72%); border-color: color-mix(in srgb, var(--pyh-f-accent) 22%, transparent); } }  html:not([data-pyh-mode="dark"]) .pyh-ft:not(.pyh-ft--lit) .pyh-ft__seal { border-color: color-mix(in srgb, var(--pyh-f-ink) 22%, transparent); }  html:not([data-pyh-mode="dark"]) .pyh-ft--lit {  --pyh-f-well: var(--pyh-plate, #fdfdff); --pyh-f-well-ink: #241017; --pyh-f-well-muted: #6d545b; --pyh-f-well-accent: #a8102c; --pyh-f-well-rule: rgba(36, 16, 23, .13);  --pyh-c-ok: #00f5a0;  --pyh-f-cyan: #006d8f; } @supports (color: color-mix(in oklab, red 50%, blue)) { html:not([data-pyh-mode="dark"]) .pyh-ft--lit { --pyh-f-well-ink: color-mix(in oklab, var(--pyh-ink, #141821) 90%, var(--pyh-f-accent)); --pyh-f-well-muted: color-mix(in oklab, var(--pyh-f-well-ink) 66%, var(--pyh-f-well)); --pyh-f-well-accent: color-mix(in oklab, var(--pyh-f-accent) 82%, #1c060e); --pyh-f-well-rule: color-mix(in srgb, var(--pyh-f-well-ink) 13%, transparent); --pyh-f-cast: color-mix(in srgb, color-mix(in oklab, var(--pyh-f-bg) 44%, #000) 46%, transparent); } }  html:not([data-pyh-mode="dark"]) .pyh-ft--lit::before {  box-shadow: 0 -14px 34px var(--pyh-f-cast, rgba(74, 11, 30, .2)), inset 0 1px 0 rgba(255, 255, 255, .14); } @supports (color: color-mix(in oklab, red 50%, blue)) { html:not([data-pyh-mode="dark"]) .pyh-ft--lit::before { background-image: radial-gradient(44% 38% at 3% 0%, color-mix(in srgb, var(--pyh-fx-b) 20%, transparent), transparent 66%), radial-gradient(40% 34% at 97% 0%, color-mix(in srgb, var(--pyh-fx-a) 16%, transparent), transparent 68%); } }  html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__prop {  background: var(--pyh-f-well); border-color: transparent; color: var(--pyh-f-well-ink); box-shadow: 0 3px 12px -8px var(--pyh-f-cast, rgba(74, 11, 30, .2)); } html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__prop-b strong { color: var(--pyh-f-well-ink); } html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__prop-b span { color: var(--pyh-f-well-muted); } @supports (color: color-mix(in oklab, red 50%, blue)) { html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__prop-i { background: color-mix(in srgb, var(--pyh-f-accent) 11%, var(--pyh-f-well)); border-color: color-mix(in srgb, var(--pyh-f-accent) 26%, transparent); color: var(--pyh-f-well-accent); } }  html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__app { background: var(--pyh-f-well); border-color: transparent; color: var(--pyh-f-well-ink); box-shadow: 0 3px 12px -8px var(--pyh-f-cast, rgba(74, 11, 30, .2)); } html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__app-b span { color: var(--pyh-f-well-muted); opacity: 1; }   html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__club-card { background: var(--pyh-f-well); border-color: transparent; color: var(--pyh-f-well-ink); box-shadow: 0 6px 22px -14px var(--pyh-f-cast, rgba(74, 11, 30, .2)); } html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__club-t { color: var(--pyh-f-well-ink); } html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__club-n { color: var(--pyh-f-well-muted); }  html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__club-in { background: color-mix(in srgb, var(--pyh-f-well-ink) 5%, var(--pyh-f-well)); border-color: var(--pyh-f-well-rule); color: var(--pyh-f-well-ink); } html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__club-in::placeholder { color: var(--pyh-f-well-muted); opacity: 1; }   html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__seal { border-color: transparent; box-shadow: 0 3px 12px -8px var(--pyh-f-cast, rgba(74, 11, 30, .2)); }   @supports (color: color-mix(in oklab, red 50%, blue)) { html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__base { background: color-mix(in oklab, var(--pyh-f-bg) 42%, #1a0410); } }  @supports (color: color-mix(in oklab, red 50%, blue)) { html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__prop:hover, html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__app:hover, html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__seal:hover { border-color: color-mix(in srgb, var(--pyh-f-accent) 34%, transparent); box-shadow: 0 8px 20px -12px var(--pyh-f-cast, rgba(74, 11, 30, .2)); } }  html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__phone-label, html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__hours { opacity: .84; } html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__links a { opacity: .86; }  html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__base { margin-inline: 16px; border-end-start-radius: var(--pyh-glass-r, 26px); border-end-end-radius: var(--pyh-glass-r, 26px); } @media (max-width: 640px) { html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__base { margin-inline: 0; border-radius: 0; } }  html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__heading::after { background: var(--pyh-fx-sweep); }  html:not([data-pyh-mode="dark"]) .pyh-ft--lit .pyh-ft__phone .pyh-i { color: var(--pyh-fx-a, #ff316f); }
/*!payeh-article*/
.pyh-main--single {  --pyh-a-edge: max( var(--pyh-c-gutter), calc((100% - var(--pyh-c-wrap)) / 2 + var(--pyh-c-gutter)) );  --pyh-a-scrim: 9 11 16; }  .pyh-progress { display: none; } @supports (timeline-scope: --pyh-read) and (animation-timeline: view()) { .pyh-main--single { timeline-scope: --pyh-read; } .pyh-article { view-timeline: --pyh-read block; } .pyh-progress { display: block; position: fixed; inset-block-start: 0; inset-inline: 0; z-index: 300; height: 3px; pointer-events: none; }  body.admin-bar .pyh-progress { inset-block-start: var(--wp-admin--admin-bar--height, 32px); } .pyh-progress__fill { display: block; height: 100%; background: var(--pyh-c-accent); transform: scaleX(0);  transform-origin: var(--pyh-wipe-origin, right); animation: pyh-read linear both; animation-timeline: --pyh-read;  animation-range: contain 0% contain 100%; } @keyframes pyh-read { to { transform: scaleX(1); } } }  .pyh-hero { position: relative; display: flex; align-items: flex-end; min-height: clamp(300px, 44vw, 520px); overflow: hidden; background: var(--pyh-c-ink); isolation: isolate; } .pyh-hero__media { position: absolute; inset: 0; z-index: 0; } .pyh-hero__img { display: block; width: 100%; height: 100%; object-fit: cover;  object-position: 50% 42%; }  .pyh-hero__scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient( to top, rgb(var(--pyh-a-scrim) / 93%) 0%, rgb(var(--pyh-a-scrim) / 78%) 24%, rgb(var(--pyh-a-scrim) / 40%) 58%, rgb(var(--pyh-a-scrim) / 6%) 92% ); }  .pyh-hero__scrim::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( -45deg, rgb(255 255 255 / 4%) 0 1px, transparent 1px 7px ); } .pyh-hero__inner { position: relative; z-index: 2; display: grid; justify-items: start; gap: 13px; width: 100%;  padding-block: 86px 30px; color: #fff; }  .pyh-hero__inner > * { max-width: 100%; min-width: 0; } .pyh-hero__inner > .pyh-crumbs { justify-self: stretch; }  .pyh-hero .pyh-stamp { top: 22px; inset-inline-start: var(--pyh-a-edge); min-width: 62px; padding: 10px 12px 11px; } .pyh-hero .pyh-stamp__day { font-size: 24px; } .pyh-hero .pyh-stamp__month { font-size: 11.5px; }  .pyh-hero .pyh-crumbs ol { color: rgb(255 255 255 / 62%); } .pyh-hero .pyh-crumbs [aria-current="page"] { color: #fff; } .pyh-hero__cat { display: inline-flex; align-items: center; height: 30px; padding-inline: 14px; border-radius: 999px;  background: var(--pyh-c-accent); color: #fff; font-size: 12.5px; font-weight: 700; text-decoration: none; } .pyh-hero__title { margin: 0; max-width: 24ch; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif);  font-size: clamp(25px, 3.6vw, calc(var(--pyh-heading-size, 32px) * 1.34)); font-weight: var(--pyh-heading-weight, 800); line-height: 1.6; color: #fff;  text-shadow: 0 2px 18px rgb(var(--pyh-a-scrim) / 45%); } .pyh-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; font-size: 12.5px; color: rgb(255 255 255 / 76%); }   .pyh-main--cover .pyh-col { margin-block-start: -46px; } .pyh-main--cover .pyh-hero__inner { padding-block-end: 66px; } .pyh-article { position: relative; padding: clamp(22px, 3.4vw, 44px); border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius); background: var(--pyh-c-card); box-shadow: var(--pyh-c-shadow-2); } .pyh-article__art { margin: 0 0 26px; border-radius: var(--pyh-c-radius); overflow: hidden; background: var(--pyh-c-bg); } .pyh-article__img { display: block; width: 100%; height: auto; } .pyh-article__art figcaption { padding: 10px 14px 12px; font-size: 12.5px; line-height: 1.9; color: var(--pyh-c-muted); } .pyh-main--single .pyh-single__meta { margin-block-end: 26px; padding-block: 0 14px; border-block-start: 0; border-block-end: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); }  .pyh-prose { max-width: var(--pyh-prose-measure, 72ch); font-size: 1.0625em;  line-height: 2.05; color: var(--pyh-c-ink); } .pyh-prose > *:first-child { margin-block-start: 0; } .pyh-prose > *:last-child { margin-block-end: 0; } .pyh-prose p { margin-block: 0 1.35em; }  .pyh-prose--lead > p:first-of-type { font-size: 1.1em; line-height: 1.95; color: var(--pyh-c-ink); }  .pyh-prose h2, .pyh-prose h3, .pyh-prose h4, .pyh-prose h5, .pyh-prose h6 { font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-weight: var(--pyh-heading-weight, 800); line-height: var(--pyh-heading-leading, 1.65); color: var(--pyh-c-ink); margin-block: 2em .7em; }  .pyh-prose h2 { font-size: var(--pyh-h2); padding-block-end: .55em; position: relative; } .pyh-prose h3 { font-size: var(--pyh-h3); } .pyh-prose h4 { font-size: var(--pyh-h4); } .pyh-prose h5 { font-size: var(--pyh-h5); } .pyh-prose h6 { font-size: var(--pyh-h6); }  .pyh-prose h2::after { content: ""; position: absolute; inset-block-end: 0; inset-inline-start: 0; width: 46px; height: 3px; border-radius: 3px; background: var(--pyh-c-accent); } .pyh-prose a { color: var(--pyh-c-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; } .pyh-prose strong, .pyh-prose b { font-weight: 700; } .pyh-prose ul, .pyh-prose ol { margin-block: 0 1.35em; padding-inline-start: 1.4em; } .pyh-prose li { margin-block-end: .5em; } .pyh-prose li:last-child { margin-block-end: 0; } .pyh-prose ul { list-style: disc; }  .pyh-prose ol { list-style: persian; } .pyh-prose li::marker { color: var(--pyh-c-accent); font-weight: 700; }  .pyh-prose blockquote { position: relative; margin: 2em 0; padding: 24px 26px 22px; overflow: hidden; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius); background: var(--pyh-c-bg); font-size: 1.04em; } .pyh-prose blockquote::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 4px; background: var(--pyh-c-accent); }  .pyh-prose blockquote::after { content: "»"; direction: ltr; unicode-bidi: isolate; position: absolute; inset-block-start: -18px; inset-inline-end: 10px; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: 92px; line-height: 1; color: var(--pyh-c-accent); opacity: .1; pointer-events: none; } .pyh-prose blockquote p:last-child { margin-block-end: 0; } .pyh-prose blockquote cite { display: block; margin-block-start: 10px; font-size: .84em; font-style: normal; font-weight: 700; color: var(--pyh-c-muted); }  .pyh-prose pre { direction: ltr; text-align: left; margin-block: 0 1.5em; padding: 16px 18px; overflow-x: auto; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius); background: var(--pyh-c-bg); font-size: .88em; line-height: 1.8; tab-size: 2; } .pyh-prose :not(pre) > code { direction: ltr; unicode-bidi: isolate; padding: 2px 6px; border-radius: var(--pyh-c-radius-sm, 6px); background: var(--pyh-c-bg); font-size: .88em; } .pyh-prose pre code { padding: 0; background: none; font-size: 1em; }  .pyh-prose .wp-block-table, .pyh-prose figure.wp-block-table { overflow-x: auto; } .pyh-prose table { display: block; overflow-x: auto; max-width: 100%; margin-block: 0 1.5em; border-spacing: 0; font-size: .94em; } .pyh-prose th, .pyh-prose td { padding: 10px 14px; border-block-end: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); text-align: start; vertical-align: top; } .pyh-prose thead th { background: var(--pyh-c-bg); font-weight: 700; white-space: nowrap; } .pyh-prose tr:last-child td { border-block-end: 0; }  .pyh-prose img, .pyh-prose video, .pyh-prose iframe { max-width: 100%; height: auto; border-radius: var(--pyh-c-radius); } .pyh-prose figure { margin: 1.8em 0; } .pyh-prose figcaption, .pyh-prose .wp-caption-text { margin-block-start: 9px; font-size: .82em; line-height: 1.9; color: var(--pyh-c-muted); }  .pyh-prose .aligncenter { margin-inline: auto; } .pyh-prose .alignwide, .pyh-prose .alignfull { max-width: none; width: 100%; } .pyh-prose .alignleft, .pyh-prose .alignright { max-width: 50%; } .pyh-prose hr { position: relative; height: 1px; margin-block: 2.6em; border: 0; background: var(--pyh-c-line); }  .pyh-prose hr::after { content: ""; position: absolute; inset-inline: 0; inset-block-start: 50%; width: 7px; height: 7px; margin-inline: auto; border-radius: 2px; background: var(--pyh-c-accent); transform: translateY(-50%) rotate(45deg); }  .pyh-pager--inline { margin-block-start: 30px; } .pyh-pager__link a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding-inline: 12px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius, 10px); background: var(--pyh-c-card); color: var(--pyh-c-ink); font-size: 13.5px; font-weight: 600; text-decoration: none; }  .pyh-article__foot:empty { display: none; } .pyh-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-block-start: 30px; padding-block-start: 22px; border-block-start: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); } .pyh-tags__label { font-size: 12.5px; font-weight: 700; color: var(--pyh-c-muted); } .pyh-tags__tag { display: inline-flex; align-items: center; height: 30px; padding-inline: 13px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: 999px; background: var(--pyh-c-bg); color: var(--pyh-c-ink); font-size: 12.5px; font-weight: 600; text-decoration: none; }  .pyh-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-block-start: 18px; } .pyh-share__label { font-size: 12.5px; font-weight: 700; color: var(--pyh-c-muted); margin-inline-end: 4px; } .pyh-share__go { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding-inline: 13px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: 999px; background: var(--pyh-c-card); color: var(--pyh-c-ink); font-family: inherit; font-size: 12.5px; font-weight: 600; text-decoration: none; cursor: pointer; } .pyh-share__go .pyh-i { width: 16px; height: 16px; }  .pyh-share__go--tg:hover { border-color: #229ed9; background: #229ed9; color: #fff; } .pyh-share__go--wa:hover { border-color: #25d366; background: #25d366; color: #fff; } .pyh-share__go--native:hover, .pyh-share__go--copy:hover { border-color: var(--pyh-c-accent); background: var(--pyh-c-accent); color: #fff; }  .pyh-share__go--copy.is-done { border-color: var(--pyh-c-accent); color: var(--pyh-c-accent); }  .pyh-author { display: flex; align-items: flex-start; gap: 16px; margin-block-start: 26px; padding: clamp(18px, 2.6vw, 26px); border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius); background: var(--pyh-c-card); } .pyh-author__face { flex: none; border-radius: 50%; } .pyh-author__body { min-width: 0; } .pyh-author__kicker { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .02em; color: var(--pyh-c-muted); } .pyh-author__name { display: inline-block; margin-block: 2px 6px; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: 1.05em; font-weight: 800; color: var(--pyh-c-ink); text-decoration: none; } .pyh-author__bio { margin: 0; font-size: 14px; line-height: 1.95; color: var(--pyh-c-muted); }  .pyh-neighbours { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 14px; margin-block-start: 26px; } .pyh-neighbour { display: block; padding: 16px 18px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius); background: var(--pyh-c-card); color: var(--pyh-c-ink); text-decoration: none; }  .pyh-neighbour--next { text-align: end; } .pyh-neighbour__dir { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--pyh-c-muted); } .pyh-neighbour--next .pyh-neighbour__dir { justify-content: flex-end; } .pyh-neighbour__mark { width: 15px; height: 15px; }  .pyh-neighbour--next .pyh-neighbour__mark { transform: scaleX(-1); order: 2; } .pyh-neighbour__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-block-start: 7px; font-weight: 700; font-size: 14.5px; line-height: 1.8; }  .pyh-subpages { margin-block-start: 34px; } .pyh-subpages__title { margin: 0 0 16px; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: 1.2em; font-weight: 800; color: var(--pyh-c-ink); } .pyh-subpages__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .pyh-subpage { display: flex; align-items: center; gap: 14px; min-width: 0;  min-height: 68px; padding: 12px 14px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius); background: var(--pyh-c-card); color: var(--pyh-c-ink); text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .pyh-subpage__art { flex: none; overflow: hidden; inline-size: 76px; block-size: 60px; border-radius: calc(var(--pyh-c-radius) - 5px); background: var(--pyh-c-bg); } .pyh-subpage__img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform .35s cubic-bezier(.2, .8, .2, 1); }  .pyh-subpage__body { display: grid; gap: 3px; min-width: 0; } .pyh-subpage__name { font-size: 14.5px; font-weight: 700; line-height: 1.75; transition: color .2s ease; } .pyh-subpage__text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12.5px; line-height: 1.85; color: var(--pyh-c-muted); } .pyh-subpage__go { flex: none; margin-inline-start: auto; inline-size: 16px; block-size: 16px; color: var(--pyh-c-muted); transition: transform .2s ease, color .2s ease; } .pyh-subpage__go svg { display: block; inline-size: 100%; block-size: 100%; }  [dir="ltr"] .pyh-subpage__go { transform: scaleX(-1); }  .pyh-more { margin-block-start: 34px; }  .pyh-more .pyh-cards--1 > .pyh-card { aspect-ratio: 21 / 10; } .pyh-more__title { margin: 0 0 16px; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: 1.2em; font-weight: 800; color: var(--pyh-c-ink); }  .pyh-avatar { display: inline-flex; align-items: center; justify-content: center; flex: none; inline-size: var(--pyh-avatar-size, 44px); block-size: var(--pyh-avatar-size, 44px); border-radius: 50%; background: var(--pyh-avatar-plate, #4a5568); color: #fff; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: calc(var(--pyh-avatar-size, 44px) * .40); font-weight: 800; line-height: 1;  user-select: none; }  .pyh-comments { margin-block-start: 26px; padding: clamp(22px, 3.4vw, 40px); border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius); background: var(--pyh-c-card); } .pyh-comments__title { margin: 0 0 6px; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: 1.24em; font-weight: 800; color: var(--pyh-c-ink); } .pyh-comments__list, .pyh-comments__list .children { margin: 0; padding: 0; list-style: none; } .pyh-comment { padding-block: 20px; }  .pyh-comment + .pyh-comment, .pyh-comments__list .children > .pyh-comment { border-block-start: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); } .pyh-comment__body { display: flex; align-items: flex-start; gap: 14px; } .pyh-comment__main {  min-width: 0; flex: 1; overflow-wrap: anywhere; } .pyh-comment__head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-block-end: 7px; } .pyh-comment__author { font-weight: 700; font-size: 14px; color: var(--pyh-c-ink); } .pyh-comment__date { font-size: 12px; color: var(--pyh-c-muted); }  .pyh-comment__badge { display: inline-flex; align-items: center; height: 21px; padding-inline: 9px; border-radius: 999px; background: var(--pyh-c-accent); color: #fff; font-size: 11px; font-weight: 700; } .pyh-comment--shop > .pyh-comment__body > .pyh-avatar { background: var(--pyh-c-accent); } .pyh-comment__pending { margin: 0 0 8px; padding: 7px 11px; border-radius: var(--pyh-c-radius-sm, 8px);  background: var(--pyh-c-bg); border-inline-start: 3px solid var(--pyh-c-accent); font-size: 12.5px; color: var(--pyh-c-muted); } .pyh-comment__text { font-size: 15px; line-height: 1.95; color: var(--pyh-c-ink); } .pyh-comment__text p { margin: 0 0 .9em; } .pyh-comment__text > *:last-child { margin-block-end: 0; } .pyh-comment__tools { display: flex; gap: 14px; margin-block-start: 9px; font-size: 12.5px; } .pyh-comment__tools a { color: var(--pyh-c-muted); font-weight: 600; text-decoration: none; }  .pyh-comments__list .children { position: relative; padding-inline-start: 30px; } .pyh-comments__list .children::before { content: ""; position: absolute;  inset-block: 0 22px; inset-inline-start: 8px; width: 2px; border-radius: 2px; background: var(--pyh-c-line); }  .pyh-comments .comment-respond { margin-block-start: 26px; } .pyh-comments__list + .comment-respond, .pyh-more + .comment-respond { padding-block-start: 26px; border-block-start: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); } .pyh-cform__title { margin: 0 0 16px; font-family: var(--pyh-heading-family, Estedad, Tahoma, sans-serif); font-size: 1.1em; font-weight: 800; color: var(--pyh-c-ink); }  .pyh-cform__cancel { margin-inline-start: 12px; } .pyh-cform__cancel a { font-size: 12.5px; font-weight: 600; color: var(--pyh-c-muted); text-decoration: none; } .pyh-cform__note { margin: -6px 0 16px; font-size: 13px; line-height: 1.9; color: var(--pyh-c-muted); } .pyh-cform { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; } .pyh-cfield { display: grid; gap: 7px; margin: 0; min-width: 0; } .pyh-cfield--full { grid-column: 1 / -1; } .pyh-cfield label { font-size: 12.5px; font-weight: 700; color: var(--pyh-c-ink); } .pyh-cfield__req { color: var(--pyh-c-accent); } .pyh-cfield input[type="text"], .pyh-cfield input[type="email"], .pyh-cfield textarea { width: 100%; padding: 12px 14px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius, 10px); background: var(--pyh-c-bg); color: var(--pyh-c-ink); font-family: inherit; font-size: 14px; line-height: 1.8; } .pyh-cfield textarea { resize: vertical; min-height: 128px; } .pyh-cfield--check { display: flex; align-items: center; gap: 9px; } .pyh-cfield--check label { font-weight: 500; color: var(--pyh-c-muted); } .pyh-cfield--check input { inline-size: 17px; block-size: 17px; accent-color: var(--pyh-c-accent); flex: none; }  .pyh-captcha { min-height: 66px; } .pyh-captcha > div { max-width: 100%; overflow-x: auto; }  .pyh-cfield--send { display: flex; justify-content: flex-start; margin: 0; } .pyh-cform__submit { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding-inline: 30px; border: 0; border-radius: var(--pyh-c-radius, 10px); background: var(--pyh-c-accent); color: #fff; font-family: inherit; font-size: 14px; font-weight: 700; cursor: pointer; } .pyh-comments__closed, .pyh-cform .comment-notes, .pyh-cform .logged-in-as { grid-column: 1 / -1; margin: 0; font-size: 12.5px; color: var(--pyh-c-muted); }   @media (max-width: 860px) {  .pyh-hero__inner { padding-block-end: 26px; } .pyh-hero .pyh-stamp { top: 16px; } .pyh-main--cover .pyh-col { margin-block-start: -34px; } .pyh-main--cover .pyh-hero__inner { padding-block-end: 52px; } }  @media (max-width: 560px) { .pyh-article { margin-inline: calc(var(--pyh-c-gutter) * -1); padding-inline: var(--pyh-c-gutter); border-inline: 0; border-radius: 0; } .pyh-hero { min-height: 290px; } .pyh-hero__title { max-width: none; line-height: 1.55; } .pyh-prose blockquote::after { font-size: 74px; } .pyh-comments { margin-inline: calc(var(--pyh-c-gutter) * -1); padding-inline: var(--pyh-c-gutter); border-inline: 0; border-radius: 0; }  .pyh-subpages__list { margin-inline: calc(var(--pyh-c-gutter) * -1); gap: 2px; } .pyh-subpage { border-radius: 0; padding-inline: var(--pyh-c-gutter); } .pyh-subpages__list li:first-child .pyh-subpage { border-start-start-radius: var(--pyh-c-radius-lg, 20px); border-start-end-radius: var(--pyh-c-radius-lg, 20px); } .pyh-subpages__list li:last-child .pyh-subpage { border-end-start-radius: var(--pyh-c-radius-lg, 20px); border-end-end-radius: var(--pyh-c-radius-lg, 20px); }   .pyh-cform { grid-template-columns: 1fr; } .pyh-cform__submit { width: 100%; } .pyh-comments__list .children { padding-inline-start: 18px; } .pyh-comments__list .children::before { inset-inline-start: 5px; }  .pyh-prose { font-size: 1em; line-height: 2; } }  .pyh-hero__cat, .pyh-tags__tag, .pyh-prose a, .pyh-pager__link a, .pyh-comment__tools a, .pyh-cform__submit, .pyh-cfield input, .pyh-cfield textarea { transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, text-decoration-color .2s ease; } .pyh-cfield input:focus, .pyh-cfield textarea:focus { outline: 0; border-color: var(--pyh-c-accent); background: var(--pyh-c-card);  box-shadow: 0 0 0 3px rgb(var(--pyh-a-scrim) / 6%); } .pyh-cform__submit:hover, .pyh-cform__submit:focus-visible {  box-shadow: inset 0 0 0 999px rgb(var(--pyh-a-scrim) / 16%); } .pyh-comment__tools a:hover { color: var(--pyh-c-accent); } .pyh-hero__cat:hover, .pyh-hero__cat:focus-visible {  background: #fff; color: var(--pyh-c-accent); } .pyh-hero .pyh-crumbs a:hover { color: #fff; } .pyh-prose a:hover { text-decoration-thickness: 2px; } .pyh-tags__tag:hover, .pyh-tags__tag:focus-visible, .pyh-pager__link a:hover, .pyh-pager__link a:focus-visible { border-color: var(--pyh-c-accent); background: var(--pyh-c-accent); color: #fff; }  .pyh-subpage:hover, .pyh-subpage:focus-visible { border-color: var(--pyh-c-accent); box-shadow: 0 10px 24px -16px rgb(var(--pyh-a-scrim) / 45%); transform: translateY(-2px); } .pyh-subpage:hover .pyh-subpage__img, .pyh-subpage:focus-visible .pyh-subpage__img { transform: scale(1.07); } .pyh-subpage:hover .pyh-subpage__name, .pyh-subpage:focus-visible .pyh-subpage__name { color: var(--pyh-c-accent); }  .pyh-subpage:hover .pyh-subpage__go, .pyh-subpage:focus-visible .pyh-subpage__go { color: var(--pyh-c-accent); transform: translateX(-3px); } [dir="ltr"] .pyh-subpage:hover .pyh-subpage__go, [dir="ltr"] .pyh-subpage:focus-visible .pyh-subpage__go { transform: scaleX(-1) translateX(-3px); }  @media (max-width: 560px) {  .pyh-subpage:hover, .pyh-subpage:focus-visible { box-shadow: none; transform: none; border-color: var(--pyh-c-line); background: var(--pyh-c-bg); } } @media (prefers-reduced-motion: reduce) { .pyh-hero__cat, .pyh-tags__tag, .pyh-prose a, .pyh-subpage, .pyh-subpage__img, .pyh-subpage__go, .pyh-pager__link a { transition: none; } .pyh-subpage:hover, .pyh-subpage:focus-visible { transform: none; } .pyh-subpage:hover .pyh-subpage__img, .pyh-subpage:focus-visible .pyh-subpage__img { transform: none; }  }
/*!payeh-product*/
@media (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } }   .pyh-pc {  --pyh-pc-plate: var(--pyh-gal-bg, #ffffff); --pyh-pc-lift: 6px; --pyh-pc-tint: color-mix(in srgb, var(--pyh-c-accent, #c41230) 6%, var(--pyh-c-bg, #f6f7fb));  container-type: inline-size; position: relative; display: flex; flex-direction: column; gap: 10px; padding: 11px 11px 14px; border: 0; border-radius: 20px; background: var(--pyh-c-card, #fff);  box-shadow: 0 0 0 1px color-mix(in srgb, var(--pyh-c-ink, #141821) 7%, transparent), 0 10px 26px -20px color-mix(in srgb, var(--pyh-c-ink, #141821) 55%, transparent);  transition: transform .28s cubic-bezier(.2, .7, .3, 1), box-shadow .28s ease; }  .pyh-pc__media { position: relative; border-radius: 15px; background: var(--pyh-pc-plate); overflow: hidden;  aspect-ratio: 1; }  .pyh-pc__media::before { content: ""; position: absolute; inset: 12% 6% 4%; z-index: 0; border-radius: 50%; background: radial-gradient(52% 52% at 56% 40%, color-mix(in srgb, var(--pyh-c-accent, #c41230) 18%, transparent), transparent 70%), radial-gradient(46% 46% at 30% 76%, color-mix(in srgb, var(--pyh-c-warm, #c08a2e) 15%, transparent), transparent 72%); filter: blur(20px); opacity: .85; transition: opacity .3s ease, transform .4s cubic-bezier(.2, .7, .3, 1); pointer-events: none; }  .pyh-pc__shot, .pyh-pc__img--none { position: relative; z-index: 1; } .pyh-pc__shot { display: block; block-size: 100%; inline-size: 100%; } .pyh-pc__img { display: block; inline-size: 100%; block-size: 100%;  object-fit: contain;  object-position: 50% 46%; padding: 8%;  transition: transform .5s cubic-bezier(.2, .7, .3, 1), opacity .35s ease, filter .25s ease; }  .pyh-pc__img--hover { position: absolute; inset: 0; opacity: 0; } .pyh-pc__img--none { display: grid; place-items: center; color: var(--pyh-c-line, rgba(15, 23, 42, .1)); background: var(--pyh-pc-plate); } .pyh-pc__none-i { inline-size: 34%; block-size: auto; opacity: .55; }  .pyh-flags { position: absolute; inset-block-start: 10px; inset-inline-start: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px;  z-index: 2;  pointer-events: none; } .pyh-flag { --pyh-flag-bg: var(--pyh-c-ink, #141821); display: inline-block; padding: 4px 9px 4px 14px; border-radius: 4px; background: var(--pyh-flag-bg); color: #fff; font-family: var(--pyh-font-heading, inherit); font-size: 12px; font-weight: 700; line-height: 1.5; letter-spacing: .01em;  font-variant-numeric: tabular-nums;  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 6px 50%); }  .pyh-flag--off { --pyh-flag-bg: var(--pyh-c-accent, #c41230); }  .pyh-flag--pick, .pyh-flag--hot, .pyh-flag--new { --pyh-flag-bg: color-mix(in srgb, var(--pyh-flag-ink) 13%, var(--pyh-c-card, #fff)); color: var(--pyh-flag-ink); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-flag-ink) 26%, transparent); } .pyh-flag--pick { --pyh-flag-ink: #0e7490; } .pyh-flag--hot { --pyh-flag-ink: #b45309; } .pyh-flag--new { --pyh-flag-ink: #15803d; }  html[data-pyh-mode="dark"] .pyh-flag--pick { --pyh-flag-ink: #5cc8e0; } html[data-pyh-mode="dark"] .pyh-flag--hot { --pyh-flag-ink: #f0b45c; } html[data-pyh-mode="dark"] .pyh-flag--new { --pyh-flag-ink: #55d493; }  @supports not (background: color-mix(in srgb, red 50%, transparent)) { .pyh-flag--pick { --pyh-flag-bg: #0e7490; color: #fff; } .pyh-flag--hot { --pyh-flag-bg: #b45309; color: #fff; } .pyh-flag--new { --pyh-flag-bg: #15803d; color: #fff; } }   .pyh-qv-open { position: absolute; inset-block-end: 8px; inset-inline: 10px; z-index: 3; padding: 9px 12px; border: 0; border-radius: var(--pyh-radius-pill, 999px); background: color-mix(in srgb, var(--pyh-hd-util-bg, #14161f) 68%, transparent); color: #fff; font-family: var(--pyh-font-heading, inherit); font-size: 12.5px; font-weight: 700; cursor: pointer; backdrop-filter: blur(10px) saturate(1.3);  opacity: 0; transform: translateY(8px); transition: opacity .22s ease, transform .28s cubic-bezier(.2, .7, .3, 1), background-color .2s ease; }  @media (hover: none) { .pyh-qv-open { opacity: 1; transform: none; } } .pyh-qv-open:focus-visible { opacity: 1; transform: none; }  .pyh-qv-open--ico { position: static; display: grid; place-items: center; inline-size: 30px; block-size: 30px; padding: 0; background: color-mix(in srgb, var(--pyh-c-card, #fff) 72%, transparent); color: var(--pyh-c-muted, #6f7787); backdrop-filter: blur(8px); opacity: 1; transform: none; } @media (min-width: 900px) { .pyh-qv-open--ico { inline-size: 34px; block-size: 34px; } } @media (min-width: 900px) { .pyh-qv-open--ico { inline-size: 34px; block-size: 34px; } } .pyh-qv-open__i { inline-size: 16px; block-size: 16px; }  .pyh-qv-open__t { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }    .pyh-qv, .pyh-qv *, .pyh-qv *::before, .pyh-qv *::after { box-sizing: border-box; }  @property --pyh-qv-ang { syntax: '<angle>'; initial-value: 0deg; inherits: false; }  .pyh-qv { --qv-ground: var(--pyh-card-bg, #ffffff); --qv-ink: var(--pyh-ink, #141821); --qv-muted: var(--pyh-ink-muted, #6b7280); --qv-dim: color-mix(in srgb, var(--qv-ink) 74%, transparent); --qv-sunken: color-mix(in srgb, var(--qv-ink) 4%, transparent); --qv-raised: color-mix(in srgb, var(--qv-ink) 6%, transparent); --qv-ring: color-mix(in srgb, var(--qv-ink) 11%, transparent); --qv-ring-2: color-mix(in srgb, var(--qv-ink) 24%, transparent);  --qv-fill: var(--qv-ink); --qv-on: var(--qv-ground); --qv-ok: #17845a; --qv-warn: #a86a00; --qv-info: #0369a1; --qv-bad: #c0392b;  --qv-plate: #f4f5f9;  --qv-wash: var(--pyh-c-accent, #c41230); --qv-wash-a: 22%;  --qv-bullet: var(--pyh-c-accent, #c41230);  inline-size: min(960px, 94vw); max-block-size: min(86dvh, 780px); margin: auto; padding: 0; border: 0; border-radius: 24px;  background: var(--qv-ground); color: var(--qv-ink); overflow: visible; box-shadow: 0 40px 90px -40px rgba(4, 6, 14, .55);  opacity: 0; transform: translateY(12px) scale(.98); transition: opacity .24s ease, transform .3s cubic-bezier(.2, .7, .3, 1), overlay .3s allow-discrete, display .3s allow-discrete; }  html[data-pyh-mode="dark"] .pyh-qv {  --qv-ok: var(--pyh-c-ok, #59d38c); --qv-warn: var(--pyh-c-warn, #f2b036); --qv-info: #5cc8e0; --qv-bad: var(--pyh-c-bad, #fa7090);  --qv-plate: var(--pyh-plate, #fdfdff);  --qv-ground: var(--pyh-sf-float);  --qv-bullet: var(--pyh-fx-a, #ff316f);  --qv-sunken: rgb(var(--pyh-shadow-ink, 3 5 20) / 48%); --qv-raised: rgb(227 230 252 / 7%); --qv-ring: rgb(227 230 252 / 13%); --qv-ring-2: rgb(227 230 252 / 27%);  box-shadow: inset 0 1px 0 var(--pyh-edge-hi), 0 40px 96px -40px rgb(var(--pyh-shadow-ink, 3 5 20) / 92%);  --qv-wash: var(--pyh-flare, #ff3355); --qv-wash-a: 12%; } .pyh-qv:popover-open { opacity: 1; transform: none; } @starting-style { .pyh-qv:popover-open { opacity: 0; transform: translateY(12px) scale(.98); } }  .pyh-qv::backdrop { background: rgb(var(--pyh-shadow-ink, 3 5 20) / 62%); backdrop-filter: blur(6px) saturate(.85); -webkit-backdrop-filter: blur(6px) saturate(.85); } html[data-pyh-mode="dark"] .pyh-qv::backdrop { background: rgb(var(--pyh-shadow-ink, 3 5 20) / 76%); }  .pyh-qv::before { content: ''; position: absolute; inset: -1.5px; z-index: 0; border-radius: 25.5px; background: conic-gradient(from var(--pyh-qv-ang), transparent 0 42%, var(--pyh-flare, #ff3355) 54%, var(--qv-ground) 62%, var(--pyh-flare, #ff3355) 70%, transparent 82% 100%); opacity: 0; pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .pyh-qv:popover-open::before { animation: pyh-qv-rim 1.5s cubic-bezier(.2, .7, .25, 1) 1; } } @keyframes pyh-qv-rim { 0% { opacity: 0; --pyh-qv-ang: 0deg; } 22% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; --pyh-qv-ang: 360deg; } }  .pyh-qv__x { position: absolute; inset-block-start: 14px; inset-inline-end: 14px; z-index: 6; display: grid; place-items: center; inline-size: 36px; block-size: 36px; padding: 0; border: 0; border-radius: var(--pyh-radius-pill, 999px); background: var(--qv-raised); color: var(--qv-ink); cursor: pointer; transition: background .2s ease; } .pyh-qv__x svg { inline-size: 18px; block-size: 18px; } .pyh-qv__body { position: relative; z-index: 1; display: grid; gap: 0; max-block-size: min(86dvh, 780px);  border-radius: 24px; background: var(--qv-ground); overflow-y: auto; }  html[data-pyh-mode="dark"] .pyh-qv__body { background-image: radial-gradient(115% 85% at 94% -14%, rgb(255 255 255 / 8%), transparent 58%), radial-gradient(85% 75% at 2% 112%, rgba(110, 65, 219, .22), transparent 64%), repeating-linear-gradient( to bottom, rgb(255 255 255 / 3%) 0 .5px, transparent .5px 3px ); }  .pyh-qv.is-waiting .pyh-qv__body, .pyh-qv__body:not(:has(.pyh-qv__facts)) { min-block-size: 180px; place-items: center; padding: 40px 20px; color: var(--qv-dim); font-size: 13.5px; text-align: center; } @media (min-width: 760px) { .pyh-qv__body { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }  .pyh-qv__shots { position: relative; isolation: isolate; display: grid;  grid-template-columns: minmax(0, 1fr); gap: 12px; align-content: center; padding: 22px; background: var(--qv-plate, #fdfdff);  box-shadow: inset -1px 0 0 var(--qv-ring), inset 1px 0 0 var(--qv-ring); min-inline-size: 0; }  .pyh-qv__lamp { position: absolute; z-index: 0; inset-inline: 12%; inset-block-end: 16%; block-size: 130px; border-radius: 50%; filter: blur(26px); opacity: .5; background: radial-gradient(closest-side, color-mix(in srgb, var(--pyh-flare, #ff3355) 38%, transparent), transparent); } .pyh-qv__floor { position: absolute; z-index: 0; inset-inline: 26%; inset-block-end: 15%; block-size: 26px; border-radius: 50%; filter: blur(9px); background: radial-gradient(closest-side, rgba(18, 22, 38, .22), transparent); }   .pyh-qv__frame { position: relative; z-index: 1; aspect-ratio: 1; max-block-size: min(46dvh, 420px); min-inline-size: 0; margin-inline: auto; inline-size: min(100%, 46dvh, 420px); }   .pyh-qv .pyh-qv__img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: contain; padding: 6%; } .pyh-qv__more { position: relative; z-index: 1; display: flex; gap: 8px; justify-content: center; }  .pyh-qv__thumb { inline-size: 52px; block-size: 52px; padding: 5px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--pyh-c-ink, #141821) 10%, transparent); background: var(--pyh-plate, #fdfdff); cursor: pointer; transition: border-color .2s ease, box-shadow .2s ease; } .pyh-qv__thumb-i { inline-size: 100%; block-size: 100%; object-fit: contain; display: block; } .pyh-qv__thumb.is-on { border-color: var(--pyh-flare, #ff3355); box-shadow: 0 0 0 1px var(--pyh-flare, #ff3355); } .pyh-qv__shots .pyh-flags { z-index: 2; inset-block-start: 16px; inset-inline-start: 16px; }  .pyh-qv__vid { position: relative; z-index: 1; border-radius: 14px; overflow: hidden; background: var(--pyh-night, #0a0c15); aspect-ratio: 16 / 10; } .pyh-qv__video { display: block; inline-size: 100%; block-size: 100%;  object-fit: contain; } .pyh-qv__play { position: absolute; inset: 0; display: grid; place-items: center; gap: 8px; border: 0; cursor: pointer;  background: color-mix(in srgb, var(--pyh-night, #0a0c15) 45%, transparent); color: #fff; font-family: var(--pyh-font-heading, inherit); font-size: 12.5px; font-weight: 700; transition: background .25s ease; }  .pyh-qv__vid.is-playing .pyh-qv__play { display: none; } .pyh-qv__play-i { inline-size: 22px; block-size: 22px; fill: currentColor; stroke: none; padding: 13px; box-sizing: content-box; border-radius: var(--pyh-radius-pill, 999px); background: linear-gradient(150deg, var(--pyh-flare, #ff3355), var(--pyh-c-accent, #c41230));  margin-inline-start: 3px; }   .pyh-qv__facts { display: flex; flex-direction: column; gap: 16px; padding: 26px 24px 24px; color: var(--qv-ink); min-block-size: 0; }  .pyh-qv__head { display: flex; flex-direction: column; gap: 9px; padding-inline-end: 46px; }  .pyh-qv__eyebrow { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; font-size: 11.5px; }  .pyh-qv__pick { display: grid; gap: 10px; padding: 13px 14px; border-radius: var(--pyh-c-radius, 14px); background: var(--qv-sunken); box-shadow: inset 0 0 0 1px var(--qv-ring); } .pyh-qv__pick-l { font-size: 11.5px; font-weight: 700; color: var(--qv-muted); } .pyh-qv__pick .pyh-qv__opts { margin: 0; }  .pyh-qv__picks { display: grid; gap: 14px; } .pyh-qv__picks--many .pyh-qv__opts { align-items: center; gap: 7px 8px; margin: 0; }  .pyh-qv__opts-l { flex: none; min-inline-size: 42px; font-size: 11.5px; font-weight: 700; color: var(--qv-muted); }  .pyh-qv__picks--many .pyh-qv__op.is-gone { cursor: pointer; } .pyh-qv__brand { margin: 0; color: var(--qv-muted); font-size: 11.5px; font-weight: 700; letter-spacing: .02em; } .pyh-qv__title { margin: 0; font-family: var(--pyh-font-heading, inherit); font-size: 18.5px; font-weight: 800; line-height: 1.6; color: var(--qv-ink); text-wrap: balance; } .pyh-qv__title a { color: inherit; text-decoration: none; } .pyh-qv__rate { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 12.5px; } .pyh-qv__rate b { font-family: var(--pyh-font-heading, inherit); font-weight: 800; } .pyh-qv__rate span { color: var(--qv-muted); } .pyh-qv__sum { color: var(--qv-dim); font-size: 13px; line-height: 1.9; text-wrap: pretty; } .pyh-qv__sum :is(p, ul, ol) { margin: 0 0 .6em; } .pyh-qv__sum ul { padding-inline-start: 18px; list-style: disc; }  .pyh-qv__sum li::marker { color: var(--qv-bullet, var(--pyh-c-accent, #c41230));  font-size: 1.15em; }  .pyh-qv__keys { display: grid; gap: 4px; margin: 0; } .pyh-qv__keys > div { display: grid; grid-template-columns: minmax(0, 9rem) minmax(0, 1fr); align-items: baseline; gap: 10px; padding: 11px 14px; border-radius: var(--pyh-c-radius-sm, 10px);  background: linear-gradient(to left, color-mix(in srgb, var(--qv-wash) var(--qv-wash-a), transparent), color-mix(in srgb, var(--qv-wash) calc(var(--qv-wash-a) / 3), transparent) 58%, transparent); font-size: 12.5px; }  .pyh-qv__keys dt { font-size: 11.5px; letter-spacing: .015em; } .pyh-qv__keys dd { font-size: 13.5px; font-weight: 800; } .pyh-qv__keys > div:dir(ltr) { background: linear-gradient(to right, color-mix(in srgb, var(--qv-wash) var(--qv-wash-a), transparent), color-mix(in srgb, var(--qv-wash) calc(var(--qv-wash-a) / 3), transparent) 58%, transparent); } .pyh-qv__keys dt { color: var(--qv-muted); font-weight: 700; } .pyh-qv__keys dd { margin: 0; color: var(--qv-ink); font-weight: 700; }  .pyh-qv__buy { display: grid; gap: 12px; margin-block-start: auto; padding: 16px; border-radius: var(--pyh-c-radius, 14px); background: var(--qv-raised); box-shadow: inset 0 0 0 1px var(--qv-ring); }  .pyh-qv__buy .pyh-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; } .pyh-qv__buy .pyh-price__was { color: var(--qv-muted); font-size: 13px; text-decoration-thickness: 1px; } .pyh-qv__buy .pyh-price__save { color: var(--qv-ok); font-size: 12px; font-weight: 700; } .pyh-qv__buy .pyh-price__ask { color: var(--qv-dim); font-size: 15px; font-weight: 700; }  .pyh-qty { display: inline-grid; grid-template-columns: auto minmax(38px, 1fr) auto; align-items: center; gap: 3px; padding: 4px; border-radius: var(--pyh-c-radius-pill, 99px); background: color-mix(in srgb, var(--pyh-c-ink, #141821) 5%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-c-ink, #141821) 10%, transparent); } .pyh-qty .pyh-qty__b {  position: relative; inline-size: 32px; block-size: 32px; border: 0; border-radius: 50%; display: grid; place-items: center; background: var(--pyh-c-card, #fff); color: var(--pyh-c-ink, #141821); font-family: inherit; font-size: 17px; font-weight: 700; line-height: 1; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 20, 35, .12); transition: background .18s ease, transform .18s ease; } .pyh-qty .pyh-qty__b:hover { background: var(--pyh-flare, #ff3355); color: #fff; } .pyh-qty .pyh-qty__b:active { transform: scale(.92); } .pyh-qty .pyh-qty__b:focus-visible { outline: 2px solid var(--pyh-flare, #ff3355); outline-offset: 2px; }  .pyh-qty .pyh-qty__b::after { content: ""; position: absolute;  inset-block: calc((32px - var(--pyh-tap, 44px)) / 2); inline-size: var(--pyh-tap, 44px); } .pyh-qty .pyh-qty__b--up::after { inset-inline-start: calc(32px - var(--pyh-tap, 44px)); } .pyh-qty .pyh-qty__b--down::after { inset-inline-end: calc(32px - var(--pyh-tap, 44px)); } .pyh-qty .pyh-qty__i { inline-size: 100%; min-inline-size: 0;  block-size: 32px; border: 0; background: transparent; color: inherit; text-align: center; font-family: inherit; font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; -moz-appearance: textfield; appearance: textfield; } .pyh-qty .pyh-qty__i:focus { outline: none; } .pyh-qty .pyh-qty__i::-webkit-outer-spin-button, .pyh-qty .pyh-qty__i::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }   .pyh-qv__qty { display: flex; justify-content: flex-start; }  .pyh-qv__qty .pyh-qty { background: var(--qv-sunken); box-shadow: inset 0 0 0 1px var(--qv-ring); } .pyh-qv__qty .pyh-qty__b { background: var(--qv-ground); color: var(--qv-ink); } .pyh-qv__qty .pyh-qty__i { color: var(--qv-ink); }  .pyh-qv__opts { display: flex; flex-wrap: wrap; gap: 7px; margin-block-start: 4px; } .pyh-qv__op { direction: ltr; unicode-bidi: isolate; font-family: inherit; font-size: 12.5px; line-height: 1; padding: 9px 13px; border: 1px solid var(--qv-ring-2); border-radius: var(--pyh-c-radius-sm, 10px); background: transparent; color: var(--qv-dim); cursor: pointer; transition: background .18s ease, color .18s ease, border-color .18s ease; } .pyh-qv__op:hover { border-color: var(--pyh-c-accent, #c41230); color: var(--qv-ink); }  .pyh-qv__op.is-on { background: var(--pyh-c-accent, #c41230); border-color: var(--pyh-c-accent, #c41230); color: var(--pyh-c-on-accent, #fff); font-weight: 700; }  .pyh-qv__op.is-gone { opacity: .45; text-decoration: line-through; cursor: not-allowed; }  .pyh-qv__opts--number .pyh-qv__op, .pyh-qv__opts--size .pyh-qv__op { min-inline-size: 52px; padding: 10px 8px; text-align: center; } .pyh-qv__opts--number .pyh-qv__op { font-variant-numeric: tabular-nums; } .pyh-qv__opts--size .pyh-qv__op { text-transform: uppercase; } .pyh-qv__opts--color .pyh-qv__op { position: relative; inline-size: 34px; block-size: 34px; padding: 0; border-radius: var(--pyh-c-radius-pill, 99px); background: var(--pyh-op-c, transparent); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25); }  .pyh-qv__opts--color .pyh-qv__op::after { content: ""; position: absolute;  inset: -3.5px; }  .pyh-qv__opts--color .pyh-qv__op-t { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }  .pyh-qv__opts--color .pyh-qv__op.is-on { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25), 0 0 0 2px var(--qv-ground), 0 0 0 4px var(--pyh-c-accent, #c41230); }  .pyh-qv__opts--color .pyh-qv__op.is-gone { opacity: .75; position: relative; } .pyh-qv__opts--color .pyh-qv__op.is-gone::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(to bottom left, transparent calc(50% - 1.5px), rgba(255, 255, 255, .95) calc(50% - 1.5px), rgba(255, 255, 255, .95) calc(50% + 1.5px), transparent calc(50% + 1.5px)); mix-blend-mode: difference; }  .pyh-qv__opts--color .pyh-qv__op:not([style]), .pyh-qv__opts--color .pyh-qv__op--more { inline-size: auto; block-size: auto; padding: 9px 13px; border-radius: var(--pyh-c-radius-sm, 10px); background: transparent; box-shadow: none; } .pyh-qv__opts--color .pyh-qv__op:not([style]) .pyh-qv__op-t { position: static; inline-size: auto; block-size: auto; clip-path: none; }   .pyh-qv__buy .pyh-price__now { color: var(--qv-ink); font-family: var(--pyh-font-heading, inherit); font-size: 23px; font-weight: 900; letter-spacing: -.01em; font-variant-numeric: tabular-nums; } .pyh-qv__stock { margin: 0; font-size: 12.5px; font-weight: 700; }  .pyh-qv__stock--in { color: var(--qv-ok); } .pyh-qv__stock--low { color: var(--qv-warn); } .pyh-qv__stock--backorder { color: var(--qv-info); } .pyh-qv__stock--out { color: var(--qv-bad); }  .pyh-qv__act { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; } .pyh-qv__act .added_to_cart { grid-column: 1 / -1; } .pyh-qv__go { display: flex; align-items: center; justify-content: center; padding: 13px 18px; border-radius: var(--pyh-radius-pill, 999px); background: linear-gradient(150deg, var(--pyh-flare, #ff3355), var(--pyh-c-accent, #c41230)); color: #fff; font-family: var(--pyh-font-heading, inherit); font-size: 14.5px; font-weight: 800; text-decoration: none; box-shadow: 0 12px 26px -14px color-mix(in srgb, var(--pyh-flare, #ff3355) 80%, transparent); }  .pyh-qv__go--look, .pyh-qv__go--ask, .pyh-qv__go--away { background: transparent; border: 1px solid var(--qv-ring-2); color: var(--qv-ink); box-shadow: none; }  .pyh-qv__act .pyh-wish { position: static; inline-size: 46px; block-size: 46px; background: var(--qv-raised); color: var(--qv-ink); backdrop-filter: none; } .pyh-qv__act .pyh-wish[aria-pressed="true"] { color: var(--pyh-c-accent, #c41230); } .pyh-qv__full { justify-self: center; display: inline-flex; align-items: center; gap: 4px; color: var(--qv-muted); font-size: 12.5px; font-weight: 700; text-decoration: none; }  @media (pointer: coarse) { .pyh-qv__full { padding-block: 12px; padding-inline: 10px; } } .pyh-qv__full-i { inline-size: 14px; block-size: 14px; }  .pyh-qv__act .added_to_cart { background: var(--qv-raised); color: var(--qv-ink); }  .added_to_cart {  grid-column: 1 / -1; justify-self: stretch; justify-content: center; display: inline-flex; align-items: center; gap: 5px; padding: 8px 14px; border-radius: var(--pyh-radius-pill, 999px); background: color-mix(in srgb, var(--pyh-c-accent, #c41230) 9%, transparent); color: var(--pyh-c-accent, #c41230); font-family: var(--pyh-font-heading, inherit); font-size: 12.5px; font-weight: 800; text-decoration: none; }  @media (max-width: 759px) { .pyh-qv { inline-size: 100vw; max-inline-size: 100vw; max-block-size: 92dvh; margin: auto 0 0; border-radius: 24px 24px 0 0; }  .pyh-qv__shots { border-start-start-radius: 24px; border-start-end-radius: 24px; padding: 18px 18px 14px; }  .pyh-qv__frame { aspect-ratio: auto; block-size: min(34dvh, 280px); } .pyh-qv__facts { padding: 20px 18px 24px; } .pyh-qv__lamp { block-size: 90px; inset-block-end: 10%; }  .pyh-qv__x { background: color-mix(in srgb, var(--pyh-c-ink, #141821) 8%, transparent); color: var(--pyh-c-ink, #141821); } }  .pyh-pc__veil { position: absolute; inset: 0; display: grid; place-items: center; padding: 12px;  background: color-mix(in srgb, var(--pyh-gal-bg, #fff) 72%, transparent); color: #141821; font-family: var(--pyh-font-heading, inherit); font-size: 13px; font-weight: 700; text-align: center; z-index: 3; pointer-events: none; }  @supports not (background: color-mix(in srgb, red 50%, transparent)) { .pyh-pc__veil { background: rgba(255, 255, 255, .78); } }  .pyh-wish { position: absolute; inset-block-start: 8px; inset-inline-end: 8px; display: grid; place-items: center; inline-size: 34px; block-size: 34px; padding: 0; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-c-card, #fff); color: var(--pyh-c-muted, #6b7280); cursor: pointer; z-index: 4; transition: color .2s ease, border-color .2s ease, transform .2s ease, background-color .2s ease; } .pyh-wish__i { inline-size: 18px; block-size: 18px; transition: fill .2s ease, transform .25s cubic-bezier(.3, 1.4, .5, 1); fill: none; }  .pyh-wish[aria-pressed="true"] { border-color: var(--pyh-c-accent, #c41230); color: var(--pyh-c-accent, #c41230); } .pyh-wish[aria-pressed="true"] .pyh-wish__i { fill: currentColor; transform: scale(1.08); }  .pyh-pc__body { display: flex; flex: 1; flex-direction: column; gap: 7px; min-inline-size: 0; } .pyh-pc__brand { color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; font-weight: 600; letter-spacing: .02em;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pyh-pc__title { margin: 0; font-family: var(--pyh-font-heading, inherit); font-size: 14px; font-weight: 600; line-height: 1.65;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .pyh-pc__title a { color: inherit; text-decoration: none; }  .pyh-pc__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 1; } .pyh-pc__rate { display: flex; align-items: center; gap: 6px; }  .pyh-pc__specs { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; list-style: none; font-size: 11.5px; line-height: 1.6; } .pyh-pc__specs li { padding: 3px 9px; border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-pc-tint); color: color-mix(in srgb, var(--pyh-c-ink, #141821) 78%, transparent); font-weight: 600;  white-space: nowrap; max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; } .pyh-pc__stock { display: flex; align-items: center; gap: 5px; margin: 0; font-size: 12px; font-weight: 600; } .pyh-pc__stock-i { inline-size: 14px; block-size: 14px; flex: none; } .pyh-pc__stock--low { color: #b45309; } .pyh-pc__stock--backorder { color: #0e7490; }  html[data-pyh-mode="dark"] .pyh-pc__stock--low { color: #f0b45c; } html[data-pyh-mode="dark"] .pyh-pc__stock--backorder { color: #6fd0e6; }   .pyh-pc__foot { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 9px 10px;  margin-block-start: auto; padding-block-start: 4px; }  .pyh-price { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; min-inline-size: 0; } .pyh-price__was { color: var(--pyh-c-muted, #6b7280); font-size: 12px;  text-decoration-thickness: 1px; text-decoration-color: color-mix(in srgb, currentColor 60%, transparent); font-variant-numeric: tabular-nums; }  .pyh-price__now { color: var(--pyh-price-read, var(--pyh-price-ink, var(--pyh-c-ink, #141821))); font-family: var(--pyh-font-heading, inherit); font-size: 16.5px; font-weight: 800; line-height: 1.35; letter-spacing: -.012em; font-variant-numeric: tabular-nums; white-space: nowrap; } .pyh-price__save { color: #15803d; font-size: 11.5px; font-weight: 600; } .pyh-price--ask .pyh-price__ask { color: var(--pyh-c-muted, #6b7280); font-size: 13px; font-weight: 700; }  .pyh-pc__go { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: none; padding: 9px 14px; border: 0; border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-c-accent, #c41230);  color: var(--pyh-c-on-accent, #fff); font-family: var(--pyh-font-heading, inherit); font-size: 13px; font-weight: 700; line-height: 1.4; text-decoration: none; cursor: pointer;  z-index: 2; transition: filter .2s ease, transform .12s ease, box-shadow .2s ease; } .pyh-pc__go-i { inline-size: 16px; block-size: 16px; flex: none; }  .pyh-pc__go--look, .pyh-pc__go--ask, .pyh-pc__go--away { background: transparent; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); color: var(--pyh-c-ink, #141821); }  .pyh-pc--compact .pyh-pc__go-w {  position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .pyh-pc--compact .pyh-pc__go { inline-size: 38px; block-size: 38px; padding: 0; }  @container (min-width: 176px) {  .pyh-pc--compact .pyh-pc__foot { grid-template-columns: minmax(0, 1fr); } .pyh-pc--compact .pyh-pc__go { inline-size: 100%; block-size: auto; padding: 11px 14px; border-radius: var(--pyh-c-radius, 12px); }  .pyh-pc--compact .pyh-pc__go-w { position: static; inline-size: auto; block-size: auto; margin: 0; overflow: visible; clip-path: none; white-space: normal; }  .pyh-pc--compact .pyh-price__now { font-size: 17px; } }  .pyh-swatches { display: flex; align-items: center; gap: 5px; } .pyh-swatch { --pyh-swatch: var(--pyh-c-line, rgba(15, 23, 42, .1)); inline-size: 15px; block-size: 15px; border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-swatch);  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .16); } .pyh-swatch--plain {  background: transparent; box-shadow: inset 0 0 0 1.5px var(--pyh-c-line, rgba(15, 23, 42, .18)); } .pyh-swatch--more { inline-size: auto; block-size: auto; padding-inline: 4px; background: transparent; box-shadow: none; color: var(--pyh-c-muted, #6b7280); font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; }  .pyh-stars { position: relative; display: inline-block;  font-size: 14px; line-height: 1;  inline-size: 5em; block-size: 1em; flex: none; } .pyh-stars__track, .pyh-stars__fill { position: absolute; inset-block-start: 0;  inset-inline-start: 0; display: flex; block-size: 1em; overflow: hidden; } .pyh-stars__track { color: var(--pyh-c-line, rgba(15, 23, 42, .16)); } .pyh-stars__fill { color: #f59e0b;  inline-size: 0; } .pyh-stars__mark { inline-size: 1em; block-size: 1em; flex: none; fill: currentColor; stroke: none; } .pyh-stars--compact { font-size: 12px; } .pyh-stars__count { margin-inline-start: 6px; color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; font-variant-numeric: tabular-nums; }  .pyh-pc--list { flex-direction: row; align-items: stretch; gap: 14px; } .pyh-pc--list .pyh-pc__media { flex: 0 0 132px; align-self: center; aspect-ratio: 1; } .pyh-pc--list .pyh-pc__body { flex: 1 1 auto; min-inline-size: 0; padding-block: 2px; }  .pyh-pc--list .pyh-pc__title { -webkit-line-clamp: 2; }  .pyh-pc--list .pyh-pc__foot { grid-template-columns: minmax(0, 1fr); }  @container (min-width: 560px) { .pyh-pc--list .pyh-pc__body { display: grid; grid-template-columns: minmax(0, 1fr) 232px; align-items: center; column-gap: 22px; }  .pyh-pc--list .pyh-pc__body > *:not(.pyh-pc__foot) { grid-column: 1; } .pyh-pc--list .pyh-pc__foot { grid-column: 2; grid-row: 1 / -1; align-self: center; grid-template-columns: minmax(0, 1fr); } .pyh-pc--list .pyh-pc__media { flex-basis: 168px; } }  .pyh-pwall { display: grid; gap: 16px;  grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); }  .pyh-strip {  --pyh-strip-card: 210px; margin-block-start: 34px;  position: relative; padding-block-end: 56px; } .pyh-strip__head { display: flex; align-items: center; gap: 12px; margin-block-end: 14px; } .pyh-strip__title { margin: 0; font-family: var(--pyh-font-heading, inherit); font-size: 18px; font-weight: 800; line-height: 1.5;  position: relative; padding-block-end: 8px; } .pyh-strip__title::after { content: ""; position: absolute; inset-block-end: 0; inset-inline-start: 0; inline-size: 34px; block-size: 3px; border-radius: 3px; background: var(--pyh-c-accent, #c41230); } .pyh-strip__more { display: inline-flex; align-items: center; gap: 3px; margin-inline-start: auto; color: var(--pyh-c-accent, #c41230); font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; } .pyh-strip__more-i { inline-size: 15px; block-size: 15px; }  .pyh-strip__nav { position: absolute; inset-block-end: 8px; inset-inline-start: 50%; transform: translateX(50%); display: flex; gap: 8px; z-index: 2; }  [dir="ltr"] .pyh-strip__nav { transform: translateX(-50%); } .pyh-strip__arrow { display: grid; place-items: center; inline-size: 34px; block-size: 34px; padding: 0; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-c-card, #fff); color: var(--pyh-c-ink, #141821); cursor: pointer; transition: background-color .2s ease, color .2s ease, opacity .2s ease; } .pyh-strip__arrow[disabled] { opacity: .35; cursor: default; } .pyh-strip__arrow-i { inline-size: 18px; block-size: 18px; }  .pyh-strip__arrow-i--next { transform: scaleX(-1); } [dir="rtl"] .pyh-strip__arrow-i--prev { transform: scaleX(-1); } [dir="rtl"] .pyh-strip__arrow-i--next { transform: none; }  [dir="rtl"] .pyh-flag { padding: 4px 14px 4px 9px; clip-path: polygon(0 0, 100% 0, calc(100% - 6px) 50%, 100% 100%, 0 100%); } .pyh-strip__track { display: grid; grid-auto-flow: column; grid-auto-columns: var(--pyh-strip-card); gap: 12px;  overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory;  padding-block: 4px 8px;  scrollbar-width: none; } .pyh-strip__track::-webkit-scrollbar { display: none; } .pyh-strip__track > .pyh-pc { scroll-snap-align: start; }   @supports selector(::scroll-button(left)) { .pyh-strip__nav { display: none; } .pyh-strip__head { position: relative; }  .pyh-strip__track::scroll-button(*) { position: absolute; inset-block-end: 8px; display: grid; place-items: center; inline-size: 38px; block-size: 38px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-c-card, #fff); color: var(--pyh-c-ink, #141821); font-size: 15px; cursor: pointer; transition: opacity .2s ease;  direction: ltr; }  .pyh-strip__track::scroll-button(*):disabled { opacity: .35; }  .pyh-strip__track::scroll-button(left) { right: calc(50% + 4px); left: auto; content: "‹" / ""; } .pyh-strip__track::scroll-button(right) { left: calc(50% + 4px); right: auto; content: "›" / ""; } }   @supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) { .pyh-strip { animation: pyh-pc-rise linear both; animation-timeline: view();  animation-range: entry 0% entry 42%; } } @keyframes pyh-pc-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } } }  @media (hover: hover) {  .pyh-pc:hover { transform: translateY(calc(var(--pyh-pc-lift) * -1)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--pyh-c-accent, #c41230) 30%, transparent), 0 22px 44px -26px color-mix(in srgb, var(--pyh-c-accent, #c41230) 55%, transparent), 0 6px 14px -10px color-mix(in srgb, var(--pyh-c-ink, #141821) 40%, transparent); }  .pyh-pc:hover .pyh-pc__img { transform: scale(1.04); }  .pyh-pc:hover .pyh-pc__media::before { opacity: 1; transform: scale(1.12); }   [data-pyh-product]:hover .pyh-qv-open { opacity: 1; transform: none; } .pyh-qv-open:hover { background: var(--pyh-hd-util-bg, #14161f); }  .pyh-qv__x:hover { background: var(--qv-ring-2); } .pyh-qv__thumb:hover { border-color: var(--pyh-flare, #ff3355); } .pyh-qv__act .pyh-wish:hover { background: var(--qv-ring); color: var(--pyh-c-accent, #c41230); } .pyh-qv__go:hover { filter: brightness(1.07); } .pyh-qv__full:hover { color: var(--pyh-c-accent, #c41230); }  .pyh-pc--swap:hover .pyh-pc__img:not(.pyh-pc__img--hover) { opacity: 0; } .pyh-pc--swap:hover .pyh-pc__img--hover { opacity: 1; } .pyh-pc__go:hover { filter: brightness(1.08); } .pyh-pc__go--look:hover, .pyh-pc__go--ask:hover, .pyh-pc__go--away:hover { border-color: var(--pyh-c-accent, #c41230); color: var(--pyh-c-accent, #c41230); filter: none; } .pyh-wish:hover { color: var(--pyh-c-accent, #c41230); transform: scale(1.06); } .pyh-strip__arrow:not([disabled]):hover { background: var(--pyh-c-accent, #c41230); color: var(--pyh-c-on-accent, #fff); border-color: transparent; } .pyh-strip__more:hover { text-decoration: underline; } }  .pyh-pc--out:hover { transform: none; box-shadow: none; } .pyh-pc--out .pyh-pc__img { filter: saturate(.35); }  .pyh-pc--out .pyh-pc__media::before { opacity: 0; } .pyh-pc--out .pyh-price__now, .pyh-pc--out .pyh-price__was { color: var(--pyh-c-muted, #6b7280); font-weight: 700; } .pyh-pc--out .pyh-price__now { text-decoration: none; }  .pyh-pc--out .pyh-pc__go { background: transparent; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); color: var(--pyh-c-muted, #6b7280); box-shadow: none; } .pyh-pc--out .pyh-pc__go:hover { filter: none; color: var(--pyh-c-ink, #141821); } .pyh-pc__go:active { transform: translateY(1px); }  .pyh-pc:has(.pyh-pc__title a:focus-visible) { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: 3px; }  @supports not selector(:has(*)) { .pyh-pc__title a:focus-visible { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: 2px; } } .pyh-wish:focus-visible, .pyh-strip__arrow:focus-visible, .pyh-pc__go:focus-visible { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: 2px; }  @media (max-width: 560px) {  .pyh-pwall { gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .pyh-pc { padding: 8px 8px 10px; gap: 8px; } .pyh-pc__title { font-size: 13px; } .pyh-pc__specs { display: none; }  .pyh-pc__foot { flex-direction: column; align-items: stretch; gap: 8px; } .pyh-pc__go { inline-size: 100%; }  .pyh-pc--compact .pyh-pc__go { inline-size: 100%; block-size: 38px; }  .pyh-strip { --pyh-strip-card: min(250px, 70vw); } .pyh-strip__title { font-size: 16px; } }  .pyh-cmp { display: grid; place-items: center; inline-size: 30px; block-size: 30px; border: 0; border-radius: var(--pyh-c-radius-pill, 99px); background: color-mix(in srgb, var(--pyh-c-card, #fff) 72%, transparent); backdrop-filter: blur(8px); color: var(--pyh-c-muted, #6f7787); cursor: pointer; transition: color .2s ease, background .2s ease; } .pyh-cmp__i { inline-size: 16px; block-size: 16px; }  .pyh-cmp[aria-pressed="true"] { background: var(--pyh-flare, #ff3355); color: #fff; } @container pyh-card (min-width: 260px) { .pyh-cmp { inline-size: 34px; block-size: 34px; } }  .pyh-cmp-bar { position: fixed; z-index: 60; inset-inline: 12px; inset-block-end: calc(12px + var(--pyh-sticky-h, 0px)); display: none; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-radius: var(--pyh-c-radius, 14px); background: var(--pyh-night, #0a0c15); color: #fff; box-shadow: 0 18px 40px -18px rgba(4, 6, 14, .8); } .pyh-cmp-bar.is-on { display: flex; } .pyh-cmp-bar__n { font-size: 13px; font-weight: 700; } .pyh-cmp-bar__acts { display: flex; gap: 8px; } .pyh-cmp-bar__go { border: 0; border-radius: var(--pyh-c-radius-sm, 10px); padding: 9px 16px; background: var(--pyh-flare, #ff3355); color: #fff; font-family: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; } .pyh-cmp-bar__x { border: 1px solid rgba(255, 255, 255, .28); border-radius: var(--pyh-c-radius-sm, 10px); padding: 9px 12px; background: transparent; color: #fff; font-family: inherit; font-size: 12.5px; cursor: pointer; }  .pyh-cmp-bar.is-full .pyh-cmp-bar__n { color: #ffd0d8; }   .pyh-cmp-p, .pyh-cmp-p *, .pyh-cmp-p *::before, .pyh-cmp-p *::after { box-sizing: border-box; }  .pyh-cmp-p { inline-size: min(1100px, 94vw); max-block-size: 88dvh; display: flex; flex-direction: column; padding: 0; border: 0; border-radius: var(--pyh-c-radius-lg, 20px); background: var(--pyh-c-card, #fff); color: var(--pyh-c-ink, #141821); overflow: hidden; } .pyh-cmp-p::backdrop { background: rgba(6, 8, 16, .62); backdrop-filter: blur(3px); }  .pyh-cmp-p__head { position: relative; z-index: 4; display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-block-end: 1px solid var(--pyh-c-line, rgba(15, 23, 42, .1)); background: var(--pyh-c-card, #fff); } .pyh-cmp-p__id { flex: 1 1 auto; min-inline-size: 0; } .pyh-cmp-p__t { margin: 0; font-family: var(--pyh-font-heading, inherit); font-size: 16px; font-weight: 800; line-height: 1.3; color: var(--pyh-c-ink, #141821); } .pyh-cmp-p__n { margin: 2px 0 0; color: var(--pyh-c-muted, #6f7787); font-size: 12px; font-weight: 600; }  .pyh-cmp-p__only { display: inline-flex; align-items: center; gap: 8px; flex: none; padding: 7px 12px 7px 8px; border-radius: var(--pyh-c-radius-pill, 99px); background: color-mix(in srgb, var(--pyh-c-ink, #141821) 5%, transparent); color: var(--pyh-c-ink, #141821); font-size: 12.5px; font-weight: 700; cursor: pointer; user-select: none; transition: background-color .18s ease; }  .pyh-cmp-p__only-i { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } .pyh-cmp-p__only-b { position: relative; inline-size: 32px; block-size: 18px; flex: none; border-radius: 99px; background: color-mix(in srgb, var(--pyh-c-ink, #141821) 22%, transparent); transition: background-color .18s ease; } .pyh-cmp-p__only-b::after { content: ''; position: absolute; inset-block-start: 2px; inset-inline-start: 2px; inline-size: 14px; block-size: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(16, 20, 35, .3); transition: inset-inline-start .18s ease; } .pyh-cmp-p__only-i:checked ~ .pyh-cmp-p__only-b { background: var(--pyh-c-accent, #c41230); } .pyh-cmp-p__only-i:checked ~ .pyh-cmp-p__only-b::after { inset-inline-start: 16px; } .pyh-cmp-p__only-i:focus-visible ~ .pyh-cmp-p__only-b { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: 2px; }  .pyh-cmp-p.is-diffs .pyh-cmp-t tbody tr:not([data-diff]):not([data-keep]) { display: none; } .pyh-cmp-p__x { inline-size: 34px; block-size: 34px; flex: none; display: grid; place-items: center; border: 0; border-radius: var(--pyh-c-radius-pill, 99px); background: color-mix(in srgb, var(--pyh-c-ink, #141821) 8%, transparent); color: var(--pyh-c-ink, #141821); cursor: pointer; transition: background-color .18s ease, color .18s ease; } .pyh-cmp-p__x svg { inline-size: 17px; block-size: 17px; }  .pyh-cmp-p__body { flex: 1 1 auto;  min-block-size: 0; overflow: auto; padding: 4px 18px 22px; -webkit-overflow-scrolling: touch; }  .pyh-cmp-t { inline-size: 100%; table-layout: fixed; border-collapse: collapse; font-size: 12.5px; overflow-wrap: anywhere; } .pyh-cmp-t th, .pyh-cmp-t td { padding: 11px 10px; text-align: start; vertical-align: middle; }  .pyh-cmp-t tbody tr:nth-child(even) td, .pyh-cmp-t tbody tr:nth-child(even) th { background: color-mix(in srgb, var(--pyh-c-ink, #141821) 3.5%, transparent); }  .pyh-cmp-t tbody th { position: sticky; inset-inline-start: 0; z-index: 1; background: linear-gradient(color-mix(in srgb, var(--pyh-c-ink, #141821) 4%, transparent) 0 100%), var(--pyh-c-card, #fff); color: var(--pyh-c-muted, #6f7787); font-weight: 700; box-shadow: 1px 0 0 var(--pyh-c-line, rgba(15, 23, 42, .1)); }  .pyh-cmp-t__corner { inline-size: 96px; }  .pyh-cmp-t__head { block-size: 1px; padding-block: 4px 14px; vertical-align: top; }  .pyh-cmp-t__card { position: relative;  block-size: 100%; padding: 12px 10px 10px; border-radius: var(--pyh-c-radius, 14px); background: var(--pyh-plate, #fdfdff); box-shadow: inset 0 0 0 1px var(--pyh-c-line, rgba(15, 23, 42, .1)); } .pyh-cmp-t__link { display: grid; gap: 9px; justify-items: center; text-align: center; color: inherit; text-decoration: none; font-weight: 700; line-height: 1.65; } .pyh-cmp-t__plate { display: grid; place-items: center; inline-size: 96px; block-size: 96px; border-radius: var(--pyh-c-radius-sm, 10px); background: #fff; } .pyh-cmp-t__img { inline-size: 100%; block-size: 100%; object-fit: contain; border-radius: inherit; }  .pyh-cmp-t__t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; font-size: 12.5px; }  .pyh-cmp-t__drop { position: absolute; z-index: 2; inset-block-start: 6px; inset-inline-start: 6px; inline-size: 24px; block-size: 24px; display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--pyh-c-radius-pill, 99px); background: color-mix(in srgb, var(--pyh-c-ink, #141821) 7%, transparent); color: var(--pyh-c-muted, #6f7787); cursor: pointer; transition: background-color .18s ease, color .18s ease; } .pyh-cmp-t__drop-i { inline-size: 13px; block-size: 13px; } .pyh-cmp-t__stock { font-weight: 700; } .pyh-cmp-t__stock--in { color: var(--pyh-c-ok, #17845a); } .pyh-cmp-t__stock--low { color: var(--pyh-c-warn, #a86a00); } .pyh-cmp-t__stock--out { color: var(--pyh-c-bad, #c0392b); }  .pyh-cmp-t__none { color: var(--pyh-c-muted, #6f7787); opacity: .55; }  .pyh-cmp-t__r--price td { font-size: 14px; } .pyh-cmp-t__r--price .pyh-price__now { font-size: 15px; font-weight: 800; }   .pyh-cmp-t tbody .pyh-cmp-t__buy th, .pyh-cmp-t tbody .pyh-cmp-t__buy td { position: sticky; inset-block-end: 0; z-index: 2; padding-block: 14px; background: var(--pyh-c-card, #fff); box-shadow: 0 -1px 0 var(--pyh-c-line, rgba(15, 23, 42, .1)); } .pyh-cmp-t tbody .pyh-cmp-t__buy th { z-index: 3; } .pyh-cmp-t__buy .pyh-pc__go { inline-size: 100%; } @media (max-width: 559px) { .pyh-cmp-p__head { padding: 12px; gap: 8px; } .pyh-cmp-p__t { font-size: 15px; }  .pyh-cmp-p__only-t { display: none; } .pyh-cmp-p__only { padding: 7px; } .pyh-cmp-p__body { padding: 4px 12px 18px; } .pyh-cmp-t__corner { inline-size: 84px; } .pyh-cmp-t__plate { inline-size: 76px; block-size: 76px; }  .pyh-cmp-t:has(thead th:nth-child(2)) { min-inline-size: 222px; } .pyh-cmp-t:has(thead th:nth-child(3)) { min-inline-size: 360px; } .pyh-cmp-t:has(thead th:nth-child(4)) { min-inline-size: 498px; } .pyh-cmp-t:has(thead th:nth-child(5)) { min-inline-size: 636px; }  @supports not selector(:has(*)) { .pyh-cmp-t { min-inline-size: 636px; } } }  @media (hover: hover) and (pointer: fine) { .pyh-lt__tools .pyh-qv-open:hover, .pyh-lt__tools .pyh-wish:hover, .pyh-lt__tools .pyh-cmp:hover { background: var(--pyh-flare, #ff3355); color: #fff; }  .pyh-cmp-t__drop:hover { background: var(--pyh-c-bad, #c0392b); color: #fff; } .pyh-cmp-p__x:hover { background: color-mix(in srgb, var(--pyh-c-ink, #141821) 14%, transparent); } .pyh-cmp-p__only:hover { background: color-mix(in srgb, var(--pyh-c-ink, #141821) 9%, transparent); } .pyh-cmp-t__link:hover .pyh-cmp-t__t { color: var(--pyh-c-accent, #c41230); } }  .pyh-lt__tools .pyh-wish[aria-pressed="true"], .pyh-lt__tools .pyh-cmp[aria-pressed="true"] { background: var(--pyh-flare, #ff3355); color: #fff; }  .pyh-lt__tools .pyh-qv-open:focus-visible, .pyh-lt__tools .pyh-wish:focus-visible, .pyh-lt__tools .pyh-cmp:focus-visible { outline: 2px solid var(--pyh-flare, #ff3355); outline-offset: 2px; }  .pyh-pc__go { background-image: linear-gradient(115deg, rgba(255, 47, 158, 0) 18%, rgba(255, 47, 158, .5) 100%); box-shadow: var(--pyh-glow, none); transition: box-shadow .22s ease, background-image .22s ease, transform .22s ease; } .pyh-pc__go:hover, .pyh-pc__go:focus-visible { background-image: linear-gradient(115deg, rgba(255, 47, 158, .12) 0%, rgba(255, 47, 158, .68) 100%); box-shadow: var(--pyh-glow-strong, none); }  .pyh-pc--out .pyh-pc__go, .pyh-pc__go--choose { background-image: none; box-shadow: none; }  .pyh-qv__go { box-shadow: var(--pyh-glow, none); transition: box-shadow .22s ease; } .pyh-qv__go:hover, .pyh-qv__go:focus-visible { box-shadow: var(--pyh-glow-strong, none); }  * ⚠️ THESE THREE MUST TRACK THE PRINT VALUES ABOVE. They were pinned to the * ORIGINAL literals and went stale the moment those were re-derived against * their own tint — «جدید» went back to 4.20:1 here while the identical flag on * a card measured 5.09. A copy of a value is a value that will disagree with * its source; these are `var()` reads of the print inks now, so re-deriving the * family once moves both places. */ html[data-pyh-mode="dark"] .pyh-qv .pyh-flag--pick { --pyh-flag-ink: var(--pyh-flag-print-pick, #006c90); } html[data-pyh-mode="dark"] .pyh-qv .pyh-flag--hot { --pyh-flag-ink: var(--pyh-flag-print-hot, #8a4c00); } html[data-pyh-mode="dark"] .pyh-qv .pyh-flag--new { --pyh-flag-ink: var(--pyh-flag-print-new, #067132); }  * ⚠️ Each is ALSO published under a `--pyh-flag-print-*` name, because the quick * view has to restore exactly these on its white plate and a second copy of the * literal there is a second thing to forget. One source, two readers. */ :root { --pyh-flag-print-new: #067132;  --pyh-flag-print-hot: #8a4c00;  --pyh-flag-print-pick: #006c90;  } .pyh-flag--new { --pyh-flag-ink: var(--pyh-flag-print-new, #067132); } .pyh-flag--hot { --pyh-flag-ink: var(--pyh-flag-print-hot, #8a4c00); } .pyh-flag--pick { --pyh-flag-ink: var(--pyh-flag-print-pick, #006c90); }  .pyh-lt__tray .pyh-stars__count { color: rgb(255 255 255 / 74%); }   .pyh-qv__keys { gap: 0; border-radius: var(--pyh-c-radius, 14px);  overflow: clip; background: var(--qv-sunken); box-shadow: inset 0 0 0 1px var(--qv-ring); }  .pyh-qv__keys > div { border-radius: 0; --qv-wash-a: 9%; }  .pyh-qv__keys > div + div { box-shadow: inset 0 1px 0 var(--qv-ring); } .pyh-qv__keys dd { font-size: 14px; }  .pyh-qv__eyebrow { padding-block-end: 9px; box-shadow: inset 0 -1px 0 var(--qv-ring); }  .pyh-qv__pick { background: var(--qv-sunken); }  .pyh-qv__buy { border-radius: var(--pyh-c-radius-lg, 20px); box-shadow: inset 0 0 0 1px var(--qv-ring), 0 14px 34px -22px rgb(var(--pyh-shadow-ink, 37 45 66) / 30%); }  html[data-pyh-mode="dark"] .pyh-qv__buy { background-color: var(--pyh-sf-lift); background-image: linear-gradient(160deg, rgb(227 230 252 / 6%), rgb(227 230 252 / 0%) 52%); box-shadow: inset 0 1px 0 rgb(227 230 252 / 16%), inset 0 0 0 1px rgb(227 230 252 / 9%), 0 18px 40px -22px rgb(var(--pyh-shadow-ink, 5 4 18) / 85%); }  .pyh-qv__buy .pyh-price__now { font-size: 22px; font-variant-numeric: tabular-nums; letter-spacing: -.012em; }  html[data-pyh-mode="dark"] .pyh-qv__buy .pyh-qv__full { color: var(--qv-dim); }  @supports (color: color-mix(in oklab, red 50%, blue)) { .pyh-qv { --qv-muted: color-mix(in oklab, var(--pyh-ink-muted, #6b7280) 72%, var(--qv-ink)); } }  .pyh-qv { --qv-ok: #006538; }
/*!payeh-set*/
.pyh-set { --pyh-set-gap: 12px;  --pyh-set-pad: 20px; position: relative; margin-block: 26px; padding: var(--pyh-set-pad) var(--pyh-set-pad) 18px; border-radius: var(--pyh-c-radius-lg, 20px); background: var(--pyh-c-card, #fff); box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent),  0 0 0 1px var(--pyh-c-line, rgba(15, 23, 42, .1)), var(--pyh-c-shadow-1, 0 1px 2px rgb(0 0 0 / 5%)); overflow: hidden; }  .pyh-set::before { content: ""; position: absolute; inset-block-start: 0; inset-inline: 0; block-size: 3px; background: linear-gradient( to var(--pyh-p-flow, left), var(--pyh-c-accent, #c41230), var(--pyh-c-warm, #c08a2e) 72%, color-mix(in srgb, var(--pyh-c-warm, #c08a2e) 45%, transparent) ); }  .pyh-set__head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-block-end: 16px; } .pyh-set__t { margin: 0; font-family: var(--pyh-font-heading, inherit); font-size: 17px; font-weight: 700; line-height: 1.5; color: var(--pyh-c-ink, #141821); } .pyh-set__off { padding: 4px 11px; border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-c-accent, #c41230); color: var(--pyh-c-on-accent, #fff); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }  .pyh-set__scene { margin-block-end: 16px; border-radius: var(--pyh-c-radius, 12px); overflow: hidden; aspect-ratio: 1; background: var(--pyh-plate, #fdfdff); } .pyh-set__scene img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; }   .pyh-set__items { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--pyh-set-gap); margin: 0; padding: 0; list-style: none; } .pyh-set__item { position: relative; flex: 1 1 175px; max-inline-size: 240px; min-inline-size: 0; }  @media (min-width: 620px) { .pyh-set__item + .pyh-set__item::before { content: "+"; position: absolute; inset-inline-start: calc(var(--pyh-set-gap) * -1); inset-block-start: 46px; inline-size: var(--pyh-set-gap); text-align: center; color: var(--pyh-c-muted, #6b7280); font-size: 15px; font-weight: 700; line-height: 1; pointer-events: none; } }  .pyh-set__tick { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .pyh-set__body { position: relative; display: flex; flex-direction: column; gap: 8px; block-size: 100%; padding: 10px 10px 12px; border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-sunken, rgba(20, 22, 28, .04)); box-shadow: inset 0 0 0 1px transparent; cursor: pointer; transition: box-shadow .2s ease, background .2s ease, opacity .2s ease; } .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--pyh-c-accent, #c41230) 55%, transparent); }  .pyh-set__hit { position: absolute; inset: 0; z-index: 0; border-radius: inherit; cursor: pointer; }  .pyh-set__hit-t { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }  .pyh-set__shot, .pyh-set__name, .pyh-set__tools { position: relative; z-index: 1; } a.pyh-set__shot { text-decoration: none; }  .pyh-set__tools { position: relative; z-index: 2; display: flex; align-items: center; } .pyh-set__tools:empty { display: none; }  .pyh-set--package .pyh-set__tools { position: absolute; inset-block-start: 8px; inset-inline-end: 8px; }  .pyh-set__item.is-off .pyh-set__body { box-shadow: inset 0 0 0 1px var(--pyh-c-line, rgba(15, 23, 42, .1)); background: transparent; }  .pyh-set__item.is-off .pyh-set__body { opacity: .55; } .pyh-set__item.is-off .pyh-set__shot img { filter: grayscale(.85); } .pyh-set__tick:focus-visible + .pyh-set__body { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: 2px; }  .pyh-set__box { position: absolute;  z-index: 2; inset-block-start: 8px; inset-inline-start: 8px; inline-size: 24px; block-size: 24px; border-radius: var(--pyh-c-radius-sm, 8px); background: var(--pyh-c-card, #fff); box-shadow: inset 0 0 0 2px var(--pyh-c-line, rgba(15, 23, 42, .18)); cursor: pointer; transition: background .18s ease, box-shadow .18s ease; } .pyh-set__item:not(.is-off) .pyh-set__box { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.6 9.6 17.2 19 7.8'/%3E%3C/svg%3E") center / 14px no-repeat, var(--pyh-c-accent, #c41230); box-shadow: inset 0 0 0 2px var(--pyh-c-accent, #c41230); }  .pyh-set__shot { display: block; block-size: 96px; border-radius: var(--pyh-c-radius-sm, 8px);  background: var(--pyh-plate, #fdfdff); overflow: hidden; transition: opacity .2s ease; } .pyh-set__shot img { inline-size: 100%; block-size: 100%; object-fit: contain; padding: 8%; display: block; } .pyh-set__meta { display: flex; flex-direction: column; gap: 3px; flex: 1; min-inline-size: 0; } .pyh-set__tag { align-self: flex-start; padding: 2px 7px; border-radius: var(--pyh-radius-sm, 6px); background: color-mix(in srgb, var(--pyh-c-accent, #c41230) 10%, transparent); color: var(--pyh-accent-ink, var(--pyh-c-accent, #c41230)); font-size: 10.5px; font-weight: 700; } .pyh-set__name { color: var(--pyh-c-ink, #141821); font-size: 12.5px; font-weight: 600; line-height: 1.6; text-decoration: none;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-block-size: 3.2em; } a.pyh-set__name:hover { color: var(--pyh-accent-ink, var(--pyh-c-accent, #c41230)); } .pyh-set__price {  margin-block-start: auto; padding-block-start: 4px; color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 13.5px; font-weight: 800; font-variant-numeric: tabular-nums; }  .pyh-set__item--out .pyh-set__body { box-shadow: none; border: 1px dashed var(--pyh-c-line, rgba(15, 23, 42, .2)); background: transparent; cursor: default; } .pyh-set__item--out .pyh-set__shot img { filter: grayscale(1); opacity: .75; } .pyh-set__gone { color: var(--pyh-c-muted, #6b7280); font-size: 12px; font-weight: 700; }  .pyh-set__foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-block-start: 16px; padding-block-start: 14px; border-block-start: 1px solid var(--pyh-c-line, rgba(15, 23, 42, .1)); } .pyh-set__tally { display: grid; gap: 2px; } .pyh-set__count { margin: 0; color: var(--pyh-c-muted, #6b7280); font-size: 12.5px; } .pyh-set__money { display: flex; align-items: baseline; gap: 8px; margin: 0; } .pyh-set__was { color: var(--pyh-c-muted, #6b7280); font-size: 13px; text-decoration-thickness: 1px; font-variant-numeric: tabular-nums; } .pyh-set__now { color: var(--pyh-price-read, var(--pyh-c-ink, #141821)); font-family: var(--pyh-font-heading, inherit); font-size: 20px; font-weight: 800; letter-spacing: -.012em; font-variant-numeric: tabular-nums; } .pyh-set__go { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; border: 0; border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-c-accent, #c41230); color: var(--pyh-c-on-accent, #fff); font-family: var(--pyh-font-heading, inherit); font-size: 14px; font-weight: 700; cursor: pointer; transition: filter .2s ease, opacity .2s ease; } .pyh-set__go:hover { filter: brightness(1.07); } .pyh-set__go:disabled { opacity: .45; cursor: not-allowed; } .pyh-set__go-i { inline-size: 17px; block-size: 17px; flex: none; } .pyh-set.is-working .pyh-set__go { opacity: .6; pointer-events: none; }  .pyh-set__say:empty { display: none; } .pyh-set__say { margin: 12px 0 0; padding: 9px 13px; border-radius: var(--pyh-c-radius-sm, 8px); background: color-mix(in srgb, var(--pyh-c-accent, #c41230) 8%, transparent); color: var(--pyh-accent-ink, var(--pyh-c-accent, #c41230)); font-size: 12.5px; font-weight: 600; }  @media (max-width: 560px) { .pyh-set { --pyh-set-pad: 14px; padding: 16px 14px 14px; } .pyh-set__foot { flex-direction: column; align-items: stretch; } .pyh-set__go { inline-size: 100%; } .pyh-set__item { flex-basis: 140px; } }   .pyh-set--style::before { background: linear-gradient( to var(--pyh-p-flow, left), var(--pyh-c-warm, #c08a2e), color-mix(in srgb, var(--pyh-c-warm, #c08a2e) 40%, transparent) ); } .pyh-set--style .pyh-set__eyebrow {  order: -1; flex-basis: 100%; color: var(--pyh-c-warm, #c08a2e); font-size: 11.5px; font-weight: 700;  } .pyh-set--style .pyh-set__off { background: var(--pyh-c-warm, #c08a2e); color: #fff; }   @media (min-width: 900px) { .pyh-set--style.pyh-set--scened { display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 1fr); grid-template-rows: auto auto auto 1fr; grid-template-areas: "scene head" "scene items" "scene foot" "scene say"; padding: 0; } .pyh-set--style.pyh-set--scened .pyh-set__head { grid-area: head; } .pyh-set--style.pyh-set--scened .pyh-set__items { grid-area: items; } .pyh-set--style.pyh-set--scened .pyh-set__foot { grid-area: foot; } .pyh-set--style.pyh-set--scened .pyh-set__say { grid-area: say; }  .pyh-set--style.pyh-set--scened .pyh-set__scene { grid-area: scene;  align-self: center; margin-block-end: 0; border-radius: 0; } .pyh-set--style.pyh-set--scened .pyh-set__head { padding: var(--pyh-set-pad) var(--pyh-set-pad) 0; } .pyh-set--style.pyh-set--scened .pyh-set__items { padding-inline: var(--pyh-set-pad); } .pyh-set--style.pyh-set--scened .pyh-set__foot, .pyh-set--style.pyh-set--scened .pyh-set__say { margin-inline: var(--pyh-set-pad); margin-block-end: 18px; } }  @media (max-width: 899px) { .pyh-set--style.pyh-set--scened { display: flex; flex-direction: column; } .pyh-set--style.pyh-set--scened .pyh-set__scene { order: -1; margin-block-start: calc(var(--pyh-set-pad) * -1); margin-inline: calc(var(--pyh-set-pad) * -1); border-radius: 0;  } }  .pyh-set--style .pyh-set__items { display: grid; grid-template-columns: 1fr; gap: 8px; } .pyh-set--style .pyh-set__item { flex: none; max-inline-size: none; }  .pyh-set--style .pyh-set__item + .pyh-set__item::before { content: none; } .pyh-set--style .pyh-set__body { flex-direction: row; align-items: center; gap: 12px; block-size: auto; padding: 8px;  padding-inline-end: 44px; } .pyh-set--style .pyh-set__shot { flex: none; inline-size: 58px; block-size: 58px; } .pyh-set--style .pyh-set__shot img { padding: 6%; } .pyh-set--style .pyh-set__meta { flex-direction: row; align-items: center; gap: 10px; } .pyh-set--style .pyh-set__name { flex: 1;  min-block-size: 0; -webkit-line-clamp: 2; font-size: 13px; } .pyh-set--style .pyh-set__price, .pyh-set--style .pyh-set__gone { margin-block-start: 0; margin-inline-start: auto; padding-block-start: 0; white-space: nowrap; }  .pyh-set--style .pyh-set__box { inset-block-start: 50%; inset-inline-start: auto; inset-inline-end: 10px; translate: 0 -50%; }  .pyh-set--style .pyh-set__go { background: var(--pyh-c-warm, #c08a2e); color: #fff; } .pyh-set--style .pyh-set__say { background: color-mix(in srgb, var(--pyh-c-warm, #c08a2e) 10%, transparent); color: var(--pyh-c-warm, #c08a2e); } @media (max-width: 560px) { .pyh-set--style .pyh-set__body { padding-inline-end: 40px; } .pyh-set--style .pyh-set__shot { inline-size: 50px; block-size: 50px; } .pyh-set--style .pyh-set__meta { gap: 8px; } }    .pyh-set { background-color: var(--pyh-sf-raised, #fff); background-image: repeating-linear-gradient( to bottom, var(--pyh-fx-ink) 0 .5px, transparent .5px 3px ); box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent), 0 0 0 1px var(--pyh-c-line, rgba(15, 23, 42, .1)), var(--pyh-shadow-2, 0 2px 6px rgb(0 0 0 / 8%)); } @supports not (background: repeating-linear-gradient(to bottom, red 0 1px, transparent 1px 3px)) { .pyh-set { background-image: none; } }  .pyh-set::before { block-size: 1px; background: linear-gradient( to var(--pyh-p-flow, left), var(--pyh-fx-a), var(--pyh-fx-b) 26%, var(--pyh-fx-ink) 62%, var(--pyh-fx-ink) 100% ); opacity: max(.7, var(--pyh-fx-lume, 1)); }  .pyh-set--style::before { background: linear-gradient( to var(--pyh-p-flow, left), var(--pyh-fx-a), var(--pyh-fx-b) 26%, var(--pyh-fx-ink) 62%, var(--pyh-fx-ink) 100% ); opacity: max(.7, var(--pyh-fx-lume, 1)); } .pyh-set--style .pyh-set__eyebrow { color: var(--pyh-c-muted, #6b7280); }  .pyh-set__off, .pyh-set--style .pyh-set__off { background-color: var(--pyh-c-accent, #c41230); background-image: var(--pyh-act, none); color: var(--pyh-c-on-accent, #fff); box-shadow: var(--pyh-glow, none); }   .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body { box-shadow: inset 0 0 0 1px var(--pyh-fx-ink); background-color: var(--pyh-sf-over, rgba(20, 22, 28, .035)); }  @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-set__item:not(.pyh-set__item--out):not(.is-off) .pyh-set__body::before { content: ""; position: absolute; z-index: 1; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none; background: linear-gradient( 150deg, var(--pyh-fx-a), var(--pyh-fx-b) 52%, color-mix(in srgb, var(--pyh-fx-b) 45%, var(--pyh-fx-ink)) 100% ); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } }  .pyh-set__item:not(.pyh-set__item--out):not(.is-off) .pyh-set__body { background-color: var(--pyh-sf-over-2, rgba(20, 22, 28, .06)); box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent), 0 6px 20px -10px color-mix(in srgb, var(--pyh-fx-a) calc(46% * var(--pyh-fx-lume, 1)), transparent); }  .pyh-set__item.is-off .pyh-set__body { opacity: 1; background-color: transparent; box-shadow: inset 0 0 0 1px var(--pyh-fx-ink); } .pyh-set__item.is-off .pyh-set__shot { opacity: .7; } .pyh-set__item.is-off .pyh-set__shot img { filter: grayscale(.9); } .pyh-set__item.is-off .pyh-set__price { color: var(--pyh-c-muted, #6b7280); }  .pyh-set__box { background-color: var(--pyh-sf-raised, #fff); box-shadow: inset 0 0 0 1.5px var(--pyh-fx-ink); } .pyh-set__item:not(.is-off) .pyh-set__box { background-color: var(--pyh-c-accent, #c41230); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.6 9.6 17.2 19 7.8'/%3E%3C/svg%3E"), var(--pyh-act, none); background-position: center, 0 0; background-size: 14px, auto; background-repeat: no-repeat, repeat; box-shadow: var(--pyh-glow, none); }  .pyh-set__tick:focus-visible + .pyh-set__body { outline: 2px solid var(--pyh-c-ink, #141821); outline-offset: 3px; }  @media (min-width: 620px) { .pyh-set__item + .pyh-set__item::before { inset-block-start: 50%; translate: 0 -50%; color: var(--pyh-c-muted, #6b7280); font-size: 17px; font-weight: 800; } }  .pyh-set--style .pyh-set__item + .pyh-set__item::before { content: none; }   .pyh-set__save { margin: 3px 0 0; } .pyh-set__save-v { display: inline-flex; align-items: center; gap: 5px; color: var(--pyh-c-ok, #15803d); font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums; }  .pyh-set__save-v::before { content: ""; inline-size: 13px; block-size: 13px; flex: none; background-color: currentcolor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v11m0 0 4.4-4.4M12 14l-4.4-4.4M4.5 20h15'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v11m0 0 4.4-4.4M12 14l-4.4-4.4M4.5 20h15'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }  .pyh-set__go { background-color: var(--pyh-c-accent, #c41230); background-image: var(--pyh-act, none); box-shadow: var(--pyh-glow, none); transition: filter .2s ease, opacity .2s ease, box-shadow .2s ease, translate .2s ease; } @media (hover: hover) { .pyh-set__go:hover { translate: 0 -1px; } } @media (prefers-reduced-motion: reduce) { .pyh-set__go { transition: filter .2s ease, opacity .2s ease; } .pyh-set__go:hover { translate: none; } }  .pyh-set__say { background-color: var(--pyh-sf-over, rgba(20, 22, 28, .04)); box-shadow: inset 0 0 0 1px var(--pyh-fx-ink); color: var(--pyh-c-ink, #141821); }   .pyh-set__mark { position: relative; isolation: isolate; display: grid; place-items: center; inline-size: 30px; block-size: 30px; flex: none; border-radius: var(--pyh-radius-pill, 999px); background-color: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); color: var(--pyh-c-accent, #c41230); } .pyh-set__mark::before { content: ""; position: absolute; z-index: 0; inset: -42%; pointer-events: none; border-radius: inherit; background: radial-gradient( closest-side, color-mix(in srgb, var(--pyh-fx-a) 34%, transparent), transparent 74% ); opacity: calc(.9 * var(--pyh-fx-lume, 1)); } @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-set__mark::after { content: ""; position: absolute; z-index: 2; inset: 0; border-radius: inherit; padding: 1.2px; pointer-events: none; background: conic-gradient( from 132deg, var(--pyh-fx-ink) 0 6%, var(--pyh-fx-a) 17%, var(--pyh-fx-b) 28%, var(--pyh-fx-ink) 40% 100% ); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } } @supports not ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-set__mark { box-shadow: 0 0 0 1px color-mix(in srgb, var(--pyh-fx-b) 30%, transparent); } } .pyh-set__mark-i { position: relative; z-index: 1; inline-size: 16px; block-size: 16px;  stroke: url("#pyh-fx-stroke") currentColor; }   .pyh-set { background-color: var(--pyh-glass-2, rgba(255, 255, 255, .55)); background-image: repeating-linear-gradient( to bottom, var(--pyh-fx-mill) 0 .5px, transparent .5px 3px ); -webkit-backdrop-filter: var(--pyh-glass-blur, none); backdrop-filter: var(--pyh-glass-blur, none); box-shadow: 0 0 0 1px var(--pyh-glass-line, rgba(15, 23, 42, .1)), var(--pyh-shadow-2, 0 2px 6px rgb(0 0 0 / 8%)); } @supports not (background: repeating-linear-gradient(to bottom, red 0 1px, transparent 1px 3px)) { .pyh-set { background-image: none; } } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .pyh-set { background-color: var(--pyh-sf-raised, #fff); } } .pyh-lowfx .pyh-set, body.pyh-lowfx .pyh-set { background-color: var(--pyh-sf-raised, #fff); }  .pyh-set--style .pyh-set__go { background-color: var(--pyh-c-accent, #c41230); background-image: var(--pyh-act, none); color: var(--pyh-c-on-accent, #fff); box-shadow: var(--pyh-glow, none); } .pyh-set--style .pyh-set__say { background-color: var(--pyh-sf-over, rgba(20, 22, 28, .04)); box-shadow: inset 0 0 0 1px var(--pyh-fx-ink); color: var(--pyh-c-ink, #141821); }  @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-set--style .pyh-set__item:not(.pyh-set__item--out):not(.is-off) .pyh-set__body::before { content: none; } } .pyh-set--style .pyh-set__item:not(.pyh-set__item--out):not(.is-off) .pyh-set__body { box-shadow: inset 0 0 0 1px var(--pyh-fx-ink),  inset 3px 0 0 -1px var(--pyh-fx-a); }  html[dir="ltr"] .pyh-set--style .pyh-set__item:not(.pyh-set__item--out):not(.is-off) .pyh-set__body { box-shadow: inset 0 0 0 1px var(--pyh-fx-ink), inset -3px 0 0 -1px var(--pyh-fx-a); }  .pyh-set__tag { background-color: color-mix(in srgb, var(--pyh-c-accent, #c41230) 14%, transparent); color: color-mix( in srgb, var(--pyh-accent-ink, var(--pyh-c-accent, #c41230)) 84%, var(--pyh-c-ink, #141821) ); } @supports not (color: color-mix(in srgb, red 50%, transparent)) { .pyh-set__tag { color: var(--pyh-accent-ink, var(--pyh-c-accent, #c41230)); } }  .pyh-set__body { background-color: transparent; } .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body { background-color: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); } .pyh-set__item:not(.pyh-set__item--out):not(.is-off) .pyh-set__body { background-color: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); } .pyh-set__item.is-off .pyh-set__body { background-color: transparent; } .pyh-set__box { background-color: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); } .pyh-set__say, .pyh-set--style .pyh-set__say { background-color: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); }   .pyh-set--package .pyh-set__shot { inline-size: min(100%, 132px); block-size: 132px; margin-inline: auto; border-radius: 11px; box-shadow: inset 0 0 0 1px rgb(var(--pyh-shadow-ink, 37 45 66) / 13%), 0 5px 14px -8px rgb(var(--pyh-shadow-ink, 37 45 66) / 45%); } .pyh-set--package .pyh-set__shot img { padding: 5%; } .pyh-set--package .pyh-set__body { gap: 9px; padding: 11px 11px 13px; box-shadow: inset 0 0 0 1px var(--pyh-fx-ink); }  .pyh-set--package .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--pyh-c-accent, #c41230) 62%, transparent), 0 8px 22px -16px rgb(var(--pyh-shadow-ink, 37 45 66) / 60%); } .pyh-set--package .pyh-set__item.is-off .pyh-set__body { box-shadow: inset 0 0 0 1px var(--pyh-fx-ink); }  @media (min-width: 620px) { .pyh-set--package .pyh-set__item + .pyh-set__item::before { inset-block-start: 66px; display: grid; place-items: center; block-size: 18px; color: var(--pyh-c-ink, #141821); font-size: 13px; font-weight: 800; background-image: linear-gradient( to right, transparent, var(--pyh-fx-ink) 22%, var(--pyh-fx-ink) 78%, transparent ); background-size: 100% 1px; background-position: 0 50%; background-repeat: no-repeat; } }  .pyh-set--style .pyh-set__body { padding: 7px 8px; padding-inline-end: 42px; box-shadow: inset 0 0 0 1px var(--pyh-fx-ink); } .pyh-set--style .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-c-warm, #c08a2e) 34%, var(--pyh-fx-ink)); } .pyh-set--style .pyh-set__shot { inline-size: 54px; block-size: 54px; border-radius: 10px; box-shadow: inset 0 0 0 1px rgb(var(--pyh-shadow-ink, 37 45 66) / 13%), 0 3px 9px -6px rgb(var(--pyh-shadow-ink, 37 45 66) / 45%); } .pyh-set--style .pyh-set__meta { align-items: baseline; gap: 10px; }  .pyh-set--style .pyh-set__tag { order: -2; align-self: center; } .pyh-set--style .pyh-set__name { order: -1; flex: 0 1 auto; min-inline-size: 0; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13.5px; } .pyh-set--style .pyh-set__meta::after { content: ""; order: 0; flex: 1 1 24px; min-inline-size: 24px; block-size: 0; translate: 0 -4px; border-block-end: 1.5px dotted var(--pyh-fx-ink); } .pyh-set--style .pyh-set__price, .pyh-set--style .pyh-set__gone { order: 1; margin-inline-start: 0; font-variant-numeric: tabular-nums; } @media (max-width: 560px) {  .pyh-set--style .pyh-set__meta::after { display: none; } .pyh-set--style .pyh-set__price, .pyh-set--style .pyh-set__gone { margin-inline-start: auto; } }  .pyh-set { background-color: var(--pyh-pane-fill, var(--pyh-c-card, #fff)); background-image: var(--pyh-pane-mill, none); backdrop-filter: var(--pyh-pane-blur, none); box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent), 0 0 0 1px var(--pyh-pane-line, var(--pyh-c-line, rgba(15, 23, 42, .1))), var(--pyh-c-shadow-1, 0 1px 2px rgb(0 0 0 / 5%)); }  .pyh-set__body { background: var(--pyh-pane-cell, var(--pyh-fx-cell, rgba(15, 23, 42, .035))); } .pyh-set__item:not(.is-off):not(.pyh-set__item--out) .pyh-set__body { background: var(--pyh-pane-plate, var(--pyh-fx-cell-2, rgba(15, 23, 42, .075))); }  @media (hover: hover) and (pointer: fine) { .pyh-set__tools .pyh-qv-open:hover { background: var(--pyh-c-accent, #c41230); color: var(--pyh-c-on-accent, #fff); } } .pyh-set__tools .pyh-qv-open:focus-visible { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: 2px; }  .pyh-set--package { --pyh-set-tone: var(--pyh-c-accent, #c41230); } .pyh-set--style { --pyh-set-tone: var(--pyh-c-warm, #c08a2e); } .pyh-set--package .pyh-set__shot, .pyh-set--style .pyh-set__shot { background-image: linear-gradient( 160deg, var(--pyh-plate, #fdfdff) 42%, color-mix(in srgb, var(--pyh-set-tone) 12%, var(--pyh-plate, #fdfdff)) ); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-set-tone) 22%, transparent), 0 5px 14px -8px rgb(var(--pyh-shadow-ink, 37 45 66) / 42%); } .pyh-set--style .pyh-set__shot { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-set-tone) 22%, transparent), 0 3px 9px -6px rgb(var(--pyh-shadow-ink, 37 45 66) / 42%); } @media (hover: hover) { .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body:hover .pyh-set__shot { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--pyh-set-tone) 55%, transparent), 0 10px 22px -10px rgb(var(--pyh-shadow-ink, 37 45 66) / 55%); } }  @media (min-width: 620px) { .pyh-set--package .pyh-set__item + .pyh-set__item::before { color: color-mix(in srgb, var(--pyh-set-tone) 78%, var(--pyh-c-ink, #141821)); background-image: linear-gradient( to right, transparent, color-mix(in srgb, var(--pyh-set-tone) 34%, transparent) 22%, color-mix(in srgb, var(--pyh-set-tone) 34%, transparent) 78%, transparent ); } }  html[data-pyh-mode="dark"] .pyh-set { background-color: color-mix(in srgb, var(--pyh-sf-abyss, #06050f) 32%, transparent); }  html:not([data-pyh-mode="dark"]) .pyh-set { background-color: color-mix(in srgb, var(--pyh-plate, #fdfdff) 74%, transparent); } @media (min-width: 900px) { .pyh-set { -webkit-backdrop-filter: var(--pyh-pane-blur, none); backdrop-filter: var(--pyh-pane-blur, none); } } @supports not (color: color-mix(in srgb, red 50%, transparent)) { .pyh-set { background-color: var(--pyh-sf-raised, #fff); } }  .pyh-set--package .pyh-set__body, .pyh-set--style .pyh-set__body { background-color: color-mix(in srgb, var(--pyh-set-tone) 5%, transparent); background-image: none; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-set-tone) 13%, transparent); } html[data-pyh-mode="dark"] .pyh-set--package .pyh-set__body, html[data-pyh-mode="dark"] .pyh-set--style .pyh-set__body { background-color: var(--pyh-pane-cell, rgba(255, 255, 255, .045)); box-shadow: inset 0 0 0 1px var(--pyh-pane-line, rgba(226, 224, 255, .1)); } .pyh-set--package .pyh-set__item:not(.is-off):not(.pyh-set__item--out) .pyh-set__body, .pyh-set--style .pyh-set__item:not(.is-off):not(.pyh-set__item--out) .pyh-set__body { background-color: color-mix(in srgb, var(--pyh-set-tone) 9%, transparent); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--pyh-set-tone) 42%, transparent); } html[data-pyh-mode="dark"] .pyh-set--package .pyh-set__item:not(.is-off):not(.pyh-set__item--out) .pyh-set__body, html[data-pyh-mode="dark"] .pyh-set--style .pyh-set__item:not(.is-off):not(.pyh-set__item--out) .pyh-set__body { background-color: var(--pyh-pane-plate, rgba(255, 255, 255, .09)); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--pyh-set-tone) 55%, transparent); }  .pyh-set--package .pyh-set__shot, .pyh-set--style .pyh-set__shot { background-color: var(--pyh-plate, #fdfdff); background-image: none; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-set-tone) 22%, transparent), 0 2px 4px -2px rgb(var(--pyh-shadow-ink, 37 45 66) / 40%), 0 12px 22px -12px rgb(var(--pyh-shadow-ink, 37 45 66) / 62%); } .pyh-set--package .pyh-set__shot img, .pyh-set--style .pyh-set__shot img { object-fit: cover; padding: 0; border-radius: inherit; transform: scale(1.07); transition: transform .34s cubic-bezier(.2, .7, .25, 1); } @media (hover: hover) { .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body:hover .pyh-set__shot img { transform: scale(1.14); } }  .pyh-set--package .pyh-set__shot, .pyh-set--style .pyh-set__shot { position: relative; isolation: isolate; background-image: linear-gradient( 177deg, #fff 0%, var(--pyh-plate, #fdfdff) 46%, color-mix(in srgb, var(--pyh-set-tone) 7%, var(--pyh-plate, #fdfdff)) 100% ); box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px color-mix(in srgb, var(--pyh-set-tone) 20%, transparent), 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 34%), 0 10px 18px -10px rgb(var(--pyh-shadow-ink, 37 45 66) / 55%); transition: box-shadow .3s cubic-bezier(.2, .7, .25, 1), transform .3s cubic-bezier(.2, .7, .25, 1); }  .pyh-set--package .pyh-set__shot::after, .pyh-set--style .pyh-set__shot::after { content: ""; position: absolute; z-index: 1; inset-inline: 12%; inset-block-end: 7%; block-size: 13%; border-radius: 50%; background-image: radial-gradient( 50% 50% at 50% 50%, rgb(var(--pyh-shadow-ink, 37 45 66) / 46%) 0%, rgb(var(--pyh-shadow-ink, 37 45 66) / 16%) 46%, transparent 72% ); mix-blend-mode: multiply; pointer-events: none; transition: inset .3s cubic-bezier(.2, .7, .25, 1), opacity .3s ease; } .pyh-set--style .pyh-set__shot::after { inset-block-end: 6%; block-size: 15%; }  .pyh-set--package .pyh-set__shot img, .pyh-set--style .pyh-set__shot img { position: relative; z-index: 2; transform: scale(1.07) translateY(-2%); transition: none; } @media (hover: hover) { .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body:hover .pyh-set__shot { transform: translateY(-3px); box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px color-mix(in srgb, var(--pyh-set-tone) 42%, transparent), 0 2px 4px rgb(var(--pyh-shadow-ink, 37 45 66) / 30%), 0 20px 30px -14px rgb(var(--pyh-shadow-ink, 37 45 66) / 62%); } .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body:hover .pyh-set__shot::after { inset-inline: 18%; inset-block-end: 4%; opacity: .82; } } @media (prefers-reduced-motion: reduce) { .pyh-set__shot, .pyh-set__shot img, .pyh-set__shot::after { transition: none; } }  .pyh-set--style { --pyh-set-tone: var(--pyh-violet, #7209b7); } .pyh-set--style .pyh-set__go { background: var(--pyh-set-tone); } .pyh-set--style .pyh-set__say { background: color-mix(in srgb, var(--pyh-set-tone) 12%, transparent); color: color-mix(in srgb, var(--pyh-set-tone) 78%, var(--pyh-c-ink, #141821)); }  @media (min-width: 1000px) { .pyh-set--package { display: grid; grid-template-columns: minmax(0, 1fr) clamp(190px, 17vw, 236px); grid-template-areas: "head head" "sum  answer" "say  say"; align-items: center; column-gap: clamp(16px, 1.6vw, 26px); row-gap: 14px; } .pyh-set--package .pyh-set__head { grid-area: head; } .pyh-set--package .pyh-set__items { grid-area: sum; } .pyh-set--package .pyh-set__say { grid-area: say; }  .pyh-set--package .pyh-set__foot { grid-area: answer; position: relative; flex-direction: column; align-items: stretch; justify-content: center; gap: 12px; margin: 0; padding: 16px 0 16px 4px; padding-inline-start: clamp(18px, 1.8vw, 28px); border-block-start: 0; }  .pyh-set--package .pyh-set__foot::before { content: "="; position: absolute; inset-inline-start: 0; inset-block-start: 50%; translate: -50% -50%; unicode-bidi: isolate; color: color-mix(in srgb, var(--pyh-set-tone) 62%, var(--pyh-c-ink, #141821)); font-family: var(--pyh-font-heading, inherit); font-size: 27px; font-weight: 800; line-height: 1; pointer-events: none; } .pyh-set--package .pyh-set__tally { display: grid; gap: 3px; text-align: start; } .pyh-set--package .pyh-set__go { inline-size: 100%; justify-content: center; }  .pyh-set--package .pyh-set__items { align-items: stretch; } }  .pyh-set--style .pyh-set__items { position: relative; gap: 10px; } .pyh-set--style .pyh-set__items::before { content: ""; position: absolute; z-index: 0; inset-block: 26px;  inset-inline-start: 35px; inline-size: 2px; border-radius: 2px; background-image: linear-gradient( to bottom, transparent, color-mix(in srgb, var(--pyh-set-tone) 42%, transparent) 12%, color-mix(in srgb, var(--pyh-set-tone) 42%, transparent) 88%, transparent ); pointer-events: none; } .pyh-set--style .pyh-set__item { position: relative; z-index: 1; }  .pyh-set--style .pyh-set__item::after { content: ""; position: absolute; z-index: 2; inset-block-start: 50%;  inset-inline-start: 31px; inline-size: 8px; block-size: 8px; translate: 0 -50%; border-radius: 50%; background: var(--pyh-set-tone); box-shadow: 0 0 0 3px var(--pyh-plate, #fdfdff); pointer-events: none; }  .pyh-set__head { align-items: center; gap: 10px; margin-block-end: 14px; padding-block-end: 12px; border-block-end: 1px solid var(--pyh-fx-ink); } .pyh-set__t { font-size: clamp(15px, 1.1vw, 17px); letter-spacing: -.01em; }   .pyh-set--package .pyh-set__shot, .pyh-set--style .pyh-set__shot { transform: none; transition: box-shadow .3s cubic-bezier(.2, .7, .25, 1); } .pyh-set__body { transition: transform .3s cubic-bezier(.2, .7, .25, 1), box-shadow .22s ease, background-color .22s ease; } @media (hover: hover) {  .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body:hover { transform: translateY(-3px); } .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body:hover .pyh-set__shot { transform: none; box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px color-mix(in srgb, var(--pyh-set-tone) 42%, transparent), 0 2px 4px rgb(var(--pyh-shadow-ink, 37 45 66) / 30%), 0 20px 30px -14px rgb(var(--pyh-shadow-ink, 37 45 66) / 62%); } } @media (prefers-reduced-motion: reduce) { .pyh-set__body { transition: none; } .pyh-set__item .pyh-set__body:hover { transform: none; } }  html:not([data-pyh-mode="dark"]) .pyh-set { background-color: color-mix( in srgb, color-mix(in srgb, var(--pyh-c-accent, #c41230) 5%, var(--pyh-plate, #fdfdff)) 82%, transparent ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 0 0 1px color-mix(in srgb, var(--pyh-c-accent, #c41230) 14%, var(--pyh-fx-ink)), 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 10%), 0 18px 34px -22px rgb(var(--pyh-shadow-ink, 37 45 66) / 40%); }  @media (min-width: 1000px) { .pyh-set--package { grid-template-columns: minmax(0, 1fr) clamp(212px, 18vw, 262px); } .pyh-set--package .pyh-set__money { display: grid; justify-items: start; gap: 1px; margin: 0; } .pyh-set--package .pyh-set__was, .pyh-set--package .pyh-set__now, .pyh-set--package .pyh-set__count, .pyh-set--package .pyh-set__save { white-space: nowrap; } .pyh-set--package .pyh-set__now { font-size: clamp(17px, 1.3vw, 20px); line-height: 1.35; }  .pyh-set--package .pyh-set__foot::before { font-size: 30px; color: color-mix(in srgb, var(--pyh-set-tone) 46%, var(--pyh-c-ink, #141821)); } }  @media (min-width: 1000px) { .pyh-set--package .pyh-set__foot::before { content: none; } .pyh-set--package .pyh-set__tally { position: relative; } .pyh-set--package .pyh-set__tally::before { content: "="; position: absolute; inset-inline-start: calc(clamp(18px, 1.8vw, 28px) / -2); inset-block-start: 50%; translate: -50% -50%; unicode-bidi: isolate; color: color-mix(in srgb, var(--pyh-set-tone) 38%, var(--pyh-c-ink, #141821)); font-family: var(--pyh-font-heading, inherit); font-size: 30px; font-weight: 800; line-height: 1; pointer-events: none; } }  .pyh-set--style .pyh-set__body { padding-inline-start: 34px; } .pyh-set--style .pyh-set__items::before { inset-inline-start: 17px; } .pyh-set--style .pyh-set__item::after { inset-inline-start: 13px; box-shadow: 0 0 0 3px color-mix(in srgb, var(--pyh-set-tone) 22%, transparent); } @media (max-width: 560px) { .pyh-set--style .pyh-set__body { padding-inline-start: 28px; } .pyh-set--style .pyh-set__items::before { inset-inline-start: 14px; } .pyh-set--style .pyh-set__item::after { inset-inline-start: 10px; } }  .pyh-set--package .pyh-set__body, .pyh-set--style .pyh-set__body { position: relative; background-color: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); background-image: none; box-shadow: inset 0 0 0 1px var(--pyh-fx-ink), inset 0 -1px 0 rgb(255 255 255 / calc(70% * var(--pyh-fx-paper, 1))); }  .pyh-set--package .pyh-set__item:not(.is-off):not(.pyh-set__item--out) .pyh-set__body, .pyh-set--style .pyh-set__item:not(.is-off):not(.pyh-set__item--out) .pyh-set__body { background-color: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); box-shadow: inset 0 0 0 1px var(--pyh-fx-ink), inset 0 -1px 0 rgb(255 255 255 / calc(70% * var(--pyh-fx-paper, 1))); } .pyh-set--package .pyh-set__item:not(.is-off):not(.pyh-set__item--out) .pyh-set__body::after, .pyh-set--style .pyh-set__item:not(.is-off):not(.pyh-set__item--out) .pyh-set__body::after { content: ""; position: absolute; z-index: 3; inset-block: 9px; inset-inline-start: 0; inline-size: 3px; border-start-start-radius: inherit; border-end-start-radius: inherit; background-image: linear-gradient( to bottom, var(--pyh-c-accent, #c41230), color-mix(in srgb, var(--pyh-c-accent, #c41230) 35%, transparent) ); pointer-events: none; }  .pyh-set--package .pyh-set__shot, .pyh-set--style .pyh-set__shot { box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgb(var(--pyh-shadow-ink, 37 45 66) / 16%), 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 34%), 0 10px 18px -10px rgb(var(--pyh-shadow-ink, 37 45 66) / 55%); } @media (hover: hover) { .pyh-set__item:not(.pyh-set__item--out) .pyh-set__body:hover .pyh-set__shot { box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px color-mix(in srgb, var(--pyh-c-accent, #c41230) 34%, transparent), 0 2px 4px rgb(var(--pyh-shadow-ink, 37 45 66) / 30%), 0 20px 30px -14px rgb(var(--pyh-shadow-ink, 37 45 66) / 62%); } }  .pyh-set--style .pyh-set__shot { inline-size: 72px; block-size: 72px; border-radius: 12px; } .pyh-set--style .pyh-set__body { padding: 9px 10px; padding-inline-start: 40px; padding-inline-end: 44px; }  .pyh-set--style .pyh-set__items::before { inset-inline-start: 20px; background-image: linear-gradient( to bottom, transparent, var(--pyh-fx-ink) 12%, var(--pyh-fx-ink) 88%, transparent ); } .pyh-set--style .pyh-set__item::after { inset-inline-start: 16px; background: var(--pyh-c-accent, #c41230); box-shadow: 0 0 0 3px var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); }  .pyh-set--style .pyh-set__go { background-color: var(--pyh-c-accent, #c41230); background-image: var(--pyh-act, none); color: var(--pyh-act-ink, #fff); } .pyh-set--style .pyh-set__say { background: color-mix(in srgb, var(--pyh-c-accent, #c41230) 10%, transparent); color: color-mix(in srgb, var(--pyh-c-accent, #c41230) 80%, var(--pyh-c-ink, #141821)); }  html:not([data-pyh-mode="dark"]) .pyh-set { background-color: color-mix(in srgb, var(--pyh-plate, #fdfdff) 86%, transparent); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 0 0 1px var(--pyh-fx-ink), 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 10%), 0 18px 34px -22px rgb(var(--pyh-shadow-ink, 37 45 66) / 40%); } @media (min-width: 620px) { .pyh-set--package .pyh-set__item + .pyh-set__item::before { color: var(--pyh-c-muted, #6b7280); background-image: linear-gradient( to right, transparent, var(--pyh-fx-ink) 22%, var(--pyh-fx-ink) 78%, transparent ); } }  @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { html:not([data-pyh-mode="dark"]) .pyh-set__item:not(.pyh-set__item--out):not(.is-off) .pyh-set__body::before { content: none; } }  html[data-pyh-mode="dark"] .pyh-set--package .pyh-set__item:not(.is-off):not(.pyh-set__item--out) .pyh-set__body::after { content: none; }  html[data-pyh-mode="dark"] .pyh-set--style .pyh-set__item:not(.is-off):not(.pyh-set__item--out) .pyh-set__body::after { content: none; }  @media (min-width: 1000px) { .pyh-set--package .pyh-set__tally::before { content: none; } .pyh-set--package .pyh-set__items { justify-content: flex-end; } .pyh-set--package .pyh-set__foot { padding-inline-start: 0; padding-inline-end: clamp(14px, 1.4vw, 22px); } }
/*!payeh-card-lighttable*/
@property --pyh-lt-ang { syntax: '<angle>'; initial-value: 0deg; inherits: false; } .pyh-lt { position: relative; isolation: isolate; border-radius: var(--pyh-c-radius-lg, 20px); transform-style: preserve-3d; transition: transform .5s cubic-bezier(.2, .7, .25, 1);  --pyh-lt-mx: 50%; --pyh-lt-my: 50%; }  .pyh-lt::before { content: ''; position: absolute; inset: -1.5px; border-radius: calc(var(--pyh-c-radius-lg, 20px) + 1.5px);  background: conic-gradient(from var(--pyh-lt-ang), transparent 0 42%, var(--pyh-flare, #ff3355) 54%, #fff 62%, var(--pyh-flare, #ff3355) 70%, transparent 82% 100%); opacity: 0; transition: opacity .45s cubic-bezier(.2, .7, .25, 1); pointer-events: none; }  .pyh-lt:active::before { opacity: 1; }  .pyh-lt:active .pyh-lt__body { box-shadow: inset 0 1.5px 0 rgb(227 230 252 / 24%), inset 1.5px 0 0 rgb(227 230 252 / 8%), inset -1.5px 0 0 rgb(227 230 252 / 8%), 0 2px 4px rgba(16, 20, 35, .14), 0 26px 46px -22px rgba(16, 20, 35, .6); }  .pyh-lt, .pyh-lt__body { block-size: 100%; }  .pyh-lt__body { position: relative; z-index: 1; display: flex; flex-direction: column; background-color: var(--pyh-night, #0a0c15);  background-image: repeating-linear-gradient( to bottom, rgb(255 255 255 / 3%) 0 .5px, transparent .5px 3px ); border-radius: var(--pyh-c-radius-lg, 20px); padding-block-end: 9px; transform-style: preserve-3d;  box-shadow: inset 0 1.5px 0 rgb(227 230 252 / 16%), inset 1.5px 0 0 rgb(227 230 252 / 7%), inset -1.5px 0 0 rgb(227 230 252 / 7%), 0 2px 4px rgba(16, 20, 35, .12), 0 16px 34px -20px rgba(16, 20, 35, .55); transition: box-shadow .4s cubic-bezier(.2, .7, .25, 1); }  .pyh-lt__body::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(220px circle at var(--pyh-lt-mx) var(--pyh-lt-my), color-mix(in srgb, var(--pyh-flare, #ff3355) 13%, transparent), transparent 62%); opacity: 0; transition: opacity .4s cubic-bezier(.2, .7, .25, 1); }    .pyh-lt__stage { position: relative; padding: 10px 10px 24px; transform-style: preserve-3d; background: transparent; border-start-start-radius: var(--pyh-c-radius-lg, 20px); border-start-end-radius: var(--pyh-c-radius-lg, 20px); }  .pyh-lt__frames::before { --pyh-lt-tick: 9px; --pyh-lt-tickw: 1px; content: ""; position: absolute; inset: -4px; pointer-events: none; opacity: .5; background: linear-gradient(#fff, #fff) 0 0 / var(--pyh-lt-tick, 9px) var(--pyh-lt-tickw, 1px) no-repeat, linear-gradient(#fff, #fff) 0 0 / var(--pyh-lt-tickw, 1px) var(--pyh-lt-tick, 9px) no-repeat, linear-gradient(#fff, #fff) 100% 0 / var(--pyh-lt-tick, 9px) var(--pyh-lt-tickw, 1px) no-repeat, linear-gradient(#fff, #fff) 100% 0 / var(--pyh-lt-tickw, 1px) var(--pyh-lt-tick, 9px) no-repeat, linear-gradient(#fff, #fff) 0 100% / var(--pyh-lt-tick, 9px) var(--pyh-lt-tickw, 1px) no-repeat, linear-gradient(#fff, #fff) 0 100% / var(--pyh-lt-tickw, 1px) var(--pyh-lt-tick, 9px) no-repeat, linear-gradient(#fff, #fff) 100% 100% / var(--pyh-lt-tick, 9px) var(--pyh-lt-tickw, 1px) no-repeat, linear-gradient(#fff, #fff) 100% 100% / var(--pyh-lt-tickw, 1px) var(--pyh-lt-tick, 9px) no-repeat; }  .pyh-lt--list .pyh-lt__stage { border-start-start-radius: var(--pyh-c-radius-lg, 20px); border-end-start-radius: var(--pyh-c-radius-lg, 20px); border-start-end-radius: 0; }   .pyh-lt__frames { position: relative; display: block; aspect-ratio: 1; border-radius: var(--pyh-c-radius, 14px);  background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--pyh-night, #0a0c15) 2.5%, #fff));  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-night, #0a0c15) 11%, transparent), 0 0 0 1px rgb(0 0 0 / 55%), 0 0 0 2px rgb(255 255 255 / 9%), 0 0 26px -2px rgb(226 232 255 / 20%), 0 10px 22px -12px rgba(2, 4, 12, .8); transition: box-shadow .4s cubic-bezier(.2, .7, .25, 1); }  .pyh-lt__shot { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: contain;  border-radius: var(--pyh-c-radius, 14px); opacity: 0; transform: translateZ(26px) scale(.92); transition: opacity .32s cubic-bezier(.2, .7, .25, 1), transform .45s cubic-bezier(.2, .7, .25, 1); } .pyh-lt__shot.is-on { opacity: 1; transform: translateZ(26px) scale(.95); }  .pyh-lt__floor { position: absolute; z-index: 0; inset-inline: 24%; inset-block-end: 18px; block-size: 20px; border-radius: 50%; background: radial-gradient(closest-side, rgba(18, 22, 38, .24), rgba(18, 22, 38, 0)); filter: blur(5px); transition: transform .5s cubic-bezier(.2, .7, .25, 1), opacity .5s cubic-bezier(.2, .7, .25, 1); } .pyh-lt__lamp { position: absolute; z-index: 0; inset-inline: 16%; inset-block-end: 14px; block-size: 52px; border-radius: 50%; filter: blur(13px); opacity: 0; transform: scale(.8); background: radial-gradient(closest-side, color-mix(in srgb, var(--pyh-flare, #ff3355) 42%, transparent), transparent); transition: opacity .45s cubic-bezier(.2, .7, .25, 1), transform .5s cubic-bezier(.2, .7, .25, 1); }    .pyh-lt__tools { position: absolute; z-index: 6; inset-block-start: 14px; inset-inline-end: 14px; display: grid; gap: 5px; }  .pyh-lt__tools .pyh-wish, .pyh-lt__tools .pyh-qv-open, .pyh-lt__tools .pyh-cmp { position: relative; inset: auto; z-index: auto; }  .pyh-lt__tools .pyh-wish, .pyh-lt__tools .pyh-qv-open, .pyh-lt__tools .pyh-cmp { border: 0; background: rgb(10 11 26 / 55%); color: #fff; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 26%), 0 3px 10px rgb(2 4 12 / 32%); transition: background-color .2s ease, color .2s ease, box-shadow .2s ease; }  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { .pyh-lt__tools .pyh-wish, .pyh-lt__tools .pyh-qv-open, .pyh-lt__tools .pyh-cmp { -webkit-backdrop-filter: blur(9px) saturate(1.3); backdrop-filter: blur(9px) saturate(1.3); background: rgb(10 11 26 / 42%); } }  .pyh-lt__tools .pyh-wish[aria-pressed="true"], .pyh-lt__tools .pyh-cmp[aria-pressed="true"] { background: var(--pyh-c-accent, #c41230); color: #fff; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 30%), 0 3px 10px rgb(2 4 12 / 32%); } @media (hover: hover) and (pointer: fine) { .pyh-lt__tools .pyh-wish:hover, .pyh-lt__tools .pyh-qv-open:hover, .pyh-lt__tools .pyh-cmp:hover { background: rgb(10 11 26 / 78%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 40%), 0 4px 14px rgb(2 4 12 / 42%); } }  .pyh-lt__tools .pyh-wish:focus-visible, .pyh-lt__tools .pyh-qv-open:focus-visible, .pyh-lt__tools .pyh-cmp:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }  .pyh-lt__tools .pyh-wish::after, .pyh-lt__tools .pyh-qv-open::after, .pyh-lt__tools .pyh-cmp::after { content: ""; position: absolute; inset-block: -2.5px; inset-inline: calc((100% - var(--pyh-tap, 44px)) / 2); } .pyh-lt__ico { inline-size: 30px; block-size: 30px; display: grid; place-items: center; border: 0; border-radius: var(--pyh-c-radius-pill, 99px); cursor: pointer; color: var(--pyh-c-muted, #6f7787); background: color-mix(in srgb, var(--pyh-c-card, #fff) 72%, transparent); backdrop-filter: blur(8px); opacity: 0; transform: translateY(-5px) scale(.9); transition: opacity .28s cubic-bezier(.2, .7, .25, 1), transform .28s cubic-bezier(.2, .7, .25, 1), color .2s; } .pyh-lt__ico:hover { color: var(--pyh-c-ink, #141821); } .pyh-lt__ico-i { inline-size: 16px; block-size: 16px; }  .pyh-lt__seg { position: absolute; z-index: 5; inset-inline: 32%; inset-block-end: 8px; display: flex; gap: 3px;  transform: translateZ(30px); } .pyh-lt__segb { flex: 1; block-size: 9px; padding-block: 3px; border: 0; cursor: pointer; background-color: var(--pyh-c-line, #e4e6ef); background-clip: content-box; border-radius: 3px; transition: background-color .25s;  position: relative; }  .pyh-lt__segb::after { content: ""; position: absolute; inset-block-start: -15px; inset-block-end: 0; inset-inline: 0; } .pyh-lt__segb.is-on { background-color: var(--pyh-flare, #ff3355); }  .pyh-lt__tray { position: relative; z-index: 4; flex: 1; display: flex; flex-direction: column; margin-inline: 9px; padding: 12px 3px 4px; background: transparent; color: #fff; box-shadow: inset 0 1px 0 rgb(227 230 252 / 9%); }  .pyh-lt__facts { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-block-end: 8px; }  .pyh-lt__spec { direction: ltr; unicode-bidi: isolate; font-size: 10px; font-weight: 700; letter-spacing: .02em; padding: 3px 8px; border-radius: var(--pyh-c-radius-sm, 8px); background: rgba(255, 255, 255, .12); color: #fff; } .pyh-lt__brand { font-size: 10px; color: #9aa3b8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }   .pyh-lt__name { --pyh-lt-name-fs: 11.5px; --pyh-lt-name-mb: 8px; font-weight: 500; line-height: 1.6; min-block-size: 2.9em; flex: none; overflow: hidden; } .pyh-lt__name .pyh-lt__link { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }   .pyh-lt__opts { position: relative; z-index: 5; display: flex; flex-wrap: wrap; gap: 5px; margin-block-end: 9px; } .pyh-lt__op { direction: ltr; unicode-bidi: isolate; font-family: inherit; font-size: 10px; line-height: 1; padding: 5px 8px; border: 1px solid rgba(255, 255, 255, .2); border-radius: var(--pyh-c-radius-sm, 8px); background: transparent; color: #c9cfdd; cursor: pointer; text-decoration: none; transition: background .18s ease, color .18s ease, border-color .18s ease; } .pyh-lt__op.is-on { background: #fff; border-color: #fff; color: var(--pyh-night, #0a0c15); font-weight: 700; }  .pyh-lt__op.is-gone { opacity: .45; text-decoration: line-through; cursor: not-allowed; } .pyh-lt__op--more { border-style: dashed; color: #9aa3b8; }   .pyh-lt__opts--number .pyh-lt__op { min-inline-size: 34px; padding: 6px 4px; text-align: center; font-variant-numeric: tabular-nums; }  .pyh-lt__opts--size .pyh-lt__op { min-inline-size: 36px; padding: 6px 6px; text-align: center; text-transform: uppercase; }  .pyh-lt__opts--color .pyh-lt__op { inline-size: 26px; block-size: 26px; padding: 0; border-radius: var(--pyh-c-radius-pill, 99px); background: var(--pyh-op-c, transparent); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25); overflow: hidden; }  .pyh-lt__opts--color .pyh-lt__op-t { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }  .pyh-lt__opts--color .pyh-lt__op.is-on { background: var(--pyh-op-c, transparent); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25), 0 0 0 2px var(--pyh-night, #0a0c15), 0 0 0 4px #fff; }  .pyh-lt__opts--color .pyh-lt__op.is-gone { opacity: .75; position: relative; } .pyh-lt__opts--color .pyh-lt__op.is-gone::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(to bottom left, transparent calc(50% - 1px), rgba(255, 255, 255, .95) calc(50% - 1px), rgba(255, 255, 255, .95) calc(50% + 1px), transparent calc(50% + 1px)); mix-blend-mode: difference; }  .pyh-lt__opts--color .pyh-lt__op:not([style]) { inline-size: auto; block-size: auto; padding: 5px 8px; border-radius: var(--pyh-c-radius-sm, 8px); background: transparent; box-shadow: none; } .pyh-lt__opts--color .pyh-lt__op:not([style]) .pyh-lt__op-t { position: static; inline-size: auto; block-size: auto; clip-path: none; }  .pyh-lt__opts--color .pyh-lt__op--more { inline-size: auto; block-size: auto; padding: 5px 8px; border-radius: var(--pyh-c-radius-sm, 8px); background: transparent; box-shadow: none; }   .pyh-lt__picks { position: relative; z-index: 5; display: grid; gap: 8px; margin-block-end: 9px; } .pyh-lt__picks .pyh-lt__opts { margin-block-end: 0; }  .pyh-lt__picks--many .pyh-lt__opts { align-items: center; row-gap: 4px; } .pyh-lt__opts-l { flex: none; font-size: 9.5px; font-weight: 700; color: #9aa3b8; } .pyh-lt__picks--many .pyh-lt__opts-l { flex-basis: 100%; }  .pyh-lt__picks--many .pyh-lt__op.is-gone { cursor: pointer; }  .pyh-lt__link { color: #e8eaf2; text-decoration: none; } .pyh-lt__link::after { content: ''; position: absolute; inset: 0; z-index: 3; } .pyh-lt__link:hover { color: #fff; }  .pyh-lt__foot { position: relative; z-index: 5; display: grid; gap: 9px; margin-block-start: auto; }  .pyh-lt__foot--blind { display: none; }  .pyh-lt__foot .added_to_cart { grid-column: 1 / -1; }  .pyh-lt__foot .pyh-price__now { color: #fff; font-size: 14.5px; } .pyh-lt__foot .pyh-price__was { color: #9aa3b8; font-size: 10.5px; } .pyh-lt__foot .pyh-price__save { color: #4ade80; font-size: 10px; } .pyh-lt__foot .pyh-price--ask .pyh-price__ask { color: #c9cfdd; } @container pyh-card (min-width: 260px) { .pyh-lt__foot .pyh-price__now { font-size: 16px; } }    .pyh-lt .pyh-pc__go { inline-size: 100%; block-size: 38px; padding: 0 12px; border-radius: var(--pyh-c-radius-sm, 10px); font-size: 12px; }  .pyh-lt__foot .pyh-qty { inline-size: 100%; border-color: rgba(255, 255, 255, .24); color: #fff; } .pyh-lt__foot .pyh-qty__b:hover { background: rgba(255, 255, 255, .12); }  .pyh-lt .pyh-pc__go--choose, .pyh-lt .pyh-pc__go--look, .pyh-lt .pyh-pc__go--ask, .pyh-lt .pyh-pc__go--away { border-color: rgba(255, 255, 255, .28); color: #fff; }  .pyh-lt__foot .added_to_cart { font-size: 10.5px; color: #c9cfdd; text-decoration: underline; margin-block-start: 2px; }  .pyh-lt__left { margin-block-start: 9px; font-size: 9.5px; color: #c9cfdd; display: grid; gap: 5px; } .pyh-lt__rail { display: block; block-size: 3px; border-radius: 3px; background: rgba(255, 255, 255, .14); overflow: hidden; } .pyh-lt__rail i { display: block; block-size: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--pyh-flare, #ff3355), var(--pyh-c-warm, #c08a2e)); }  .pyh-lt__more { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .38s cubic-bezier(.2, .7, .25, 1); } .pyh-lt__more > div { overflow: hidden; } .pyh-lt__meta { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; font-size: 10px; color: #a8b0c2; margin-block-start: 9px; padding-block-start: 9px; border-block-start: 1px solid rgba(255, 255, 255, .12); } .pyh-lt__sw { display: inline-flex; gap: 3px; align-items: center; } .pyh-lt__sw i { inline-size: 11px; block-size: 11px; border-radius: var(--pyh-c-radius-pill, 99px); display: block; box-shadow: 0 0 0 1px rgba(255, 255, 255, .3); } .pyh-lt__sw b { font-weight: 600; }  .pyh-lt--out .pyh-lt__lamp { display: none; } .pyh-lt--out .pyh-lt__shot { filter: grayscale(.55); opacity: .82; } .pyh-lt__veil { position: absolute; z-index: 5; inset-inline: 12px; inset-block-end: 30px; text-align: center; font-size: 10.5px; font-weight: 700; padding: 5px 8px; border-radius: var(--pyh-c-radius-sm, 10px); background: color-mix(in srgb, var(--pyh-night, #0a0c15) 84%, transparent); color: #fff; }  .pyh-lt--compact .pyh-lt__stage { padding: 12px 10px 16px; } .pyh-lt--compact .pyh-lt__name { --pyh-lt-name-fs: 11px; min-block-size: 2.8em; }  @container pyh-sec (min-width: 0) {  } .pyh-lt--list .pyh-lt__body { display: grid; grid-template-columns: 118px 1fr; align-items: center; padding-block-end: 0; } .pyh-lt--list .pyh-lt__tray { margin: 9px 9px 9px 0; } .pyh-lt--list .pyh-lt__name { -webkit-line-clamp: 3; min-block-size: 0; }  .pyh-lt--list .pyh-lt__tools { inset-inline-start: 14px; inset-inline-end: auto;  inset-block-start: 50%; transform: translateY(-50%); }  @container pyh-card (max-width: 559px) { .pyh-lt--list .pyh-lt__tools { gap: 4px; } .pyh-lt--list .pyh-lt__tools > * { inline-size: 28px; block-size: 28px; } .pyh-lt--list .pyh-lt__tools svg { inline-size: 14px; block-size: 14px; } }  .pyh-lt--list .pyh-lt__stage { padding-block: 10px;  padding-inline: 40px 6px; }  .pyh-lt--list .pyh-lt__body { grid-template-columns: 140px 1fr; }  .pyh-lt--list .pyh-flags { inset-inline-start: auto; inset-inline-end: 10px; }  .pyh-lt { container-type: inline-size; container-name: pyh-card; }  @container pyh-card (min-width: 200px) { .pyh-lt__name { --pyh-lt-name-fs: 12.5px; } .pyh-lt__op { font-size: 10.5px; padding: 5.5px 9px; } } @container pyh-card (min-width: 260px) { .pyh-lt__stage { padding: 12px 10px 26px; } .pyh-lt__tools { inset-block-start: 16px; inset-inline-end: 16px; } .pyh-lt__ico { inline-size: 34px; block-size: 34px; } .pyh-lt__tray { padding: 13px 14px 14px; } .pyh-lt .pyh-pc__go { block-size: 40px; font-size: 12.5px; } }   @container pyh-card (max-width: 175px) { .pyh-lt__tray { padding: 9px 9px 10px; }  .pyh-lt__picks, .pyh-lt__facts { display: none; }  .pyh-lt--blindable .pyh-lt__foot { display: none; } .pyh-lt--blindable .pyh-lt__foot--blind { display: grid; } .pyh-lt__foot .pyh-price__now { font-size: 13px; white-space: normal; } .pyh-lt .pyh-pc__go { block-size: 34px; font-size: 11px; padding: 0 6px; } .pyh-lt .pyh-pc__go-w { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }  @container pyh-card (min-width: 560px) {  .pyh-lt--list .pyh-lt__body { grid-template-columns: 190px 1fr; } .pyh-lt--list .pyh-lt__tray { display: grid; grid-template-columns: minmax(0, 1fr) 230px; align-items: center; column-gap: 20px; }  .pyh-lt--list .pyh-lt__tray > *:not(.pyh-lt__foot) { grid-column: 1; } .pyh-lt--list .pyh-lt__foot { grid-column: 2; grid-row: 1 / -1; align-self: center; }  .pyh-lt--list .pyh-lt__name { -webkit-line-clamp: 2; --pyh-lt-name-fs: 18px; line-height: 1.6; } }  .pyh-lt .pyh-lt__body .pyh-lt__tray .pyh-lt__name { font-size: var(--pyh-lt-name-fs); margin: 0 0 var(--pyh-lt-name-mb); }  @media (hover: hover) and (pointer: fine) {  .pyh-lt:hover .pyh-lt__body, .pyh-lt:focus-within .pyh-lt__body { box-shadow: inset 0 1.5px 0 rgb(227 230 252 / 26%), inset 1.5px 0 0 rgb(227 230 252 / 9%), inset -1.5px 0 0 rgb(227 230 252 / 9%), 0 3px 6px rgba(16, 20, 35, .14), 0 26px 46px -22px rgba(16, 20, 35, .6); }  .pyh-lt:hover .pyh-lt__frames, .pyh-lt:focus-within .pyh-lt__frames { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-night, #0a0c15) 11%, transparent), 0 0 0 1px rgb(0 0 0 / 55%), 0 0 0 2px rgb(255 255 255 / 13%), 0 0 38px -2px rgb(226 232 255 / 30%), 0 14px 26px -12px rgba(2, 4, 12, .85); } .pyh-lt:hover::before, .pyh-lt:focus-within::before { opacity: 1; animation: pyh-lt-spin 3.2s linear infinite; } .pyh-lt:hover .pyh-lt__body::after, .pyh-lt:focus-within .pyh-lt__body::after { opacity: 1; }  .pyh-lt:hover .pyh-lt__shot.is-on { transform: translateZ(46px) scale(1); } .pyh-lt:hover .pyh-lt__floor { transform: translateY(5px) scaleX(1.3) scaleY(.66); opacity: .45; } .pyh-lt:hover .pyh-lt__lamp, .pyh-lt:focus-within .pyh-lt__lamp { opacity: .62; transform: scale(1); } .pyh-lt:hover .pyh-lt__ico, .pyh-lt:focus-within .pyh-lt__ico { opacity: 1; transform: none; } .pyh-lt:hover .pyh-lt__more, .pyh-lt:focus-within .pyh-lt__more { grid-template-rows: 1fr; } .pyh-lt--out:hover::before { opacity: 0; animation: none; } } @keyframes pyh-lt-spin { to { --pyh-lt-ang: 360deg; } }  @media (hover: none) { .pyh-lt__more { grid-template-rows: 1fr; } .pyh-lt__ico { display: none; } } @media (prefers-reduced-motion: reduce) { .pyh-lt, .pyh-lt__shot, .pyh-lt__floor, .pyh-lt__lamp, .pyh-lt__ico, .pyh-lt__body, .pyh-lt__body::after, .pyh-lt__more { transition-duration: .01ms; } .pyh-lt::before { animation: none; }  }    html[data-pyh-mode="dark"] .pyh-lt__body { background-color: var(--pyh-c-card, #18172a); box-shadow: inset 0 1.5px 0 rgb(227 230 252 / 16%), inset 1.5px 0 0 rgb(227 230 252 / 7%), inset -1.5px 0 0 rgb(227 230 252 / 7%), 0 1px 2px rgb(var(--pyh-shadow-ink, 3 5 20) / 55%), 0 14px 30px -18px rgb(var(--pyh-shadow-ink, 3 5 20) / 80%); }  html[data-pyh-mode="dark"] .pyh-lt:hover .pyh-lt__body { box-shadow: inset 0 1.5px 0 rgb(227 230 252 / 24%), inset 1.5px 0 0 rgb(227 230 252 / 8%), inset -1.5px 0 0 rgb(227 230 252 / 8%), 0 2px 4px rgb(var(--pyh-shadow-ink, 3 5 20) / 55%), 0 26px 50px -22px rgb(var(--pyh-shadow-ink, 3 5 20) / 92%); }
/*!payeh-pdp*/
@property --pyh-ink-x { syntax: "<length>"; inherits: false; initial-value: 0px; } @property --pyh-ink-w { syntax: "<length>"; inherits: false; initial-value: 0px; }   .pyh-main--pdp {  --pyh-p-buy: var(--pyh-buy-bg, #ffffff); --pyh-p-plate: var(--pyh-gal-bg, #f7f8fb); --pyh-p-price: var(--pyh-price-read, var(--pyh-price-ink, var(--pyh-c-ink, #141821)));  --pyh-p-rule: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1));  --pyh-p-clear: calc(var(--pyh-hd-pin, 0px) + var(--pyh-hd-sticky-height, 0px) + 66px);   --pyh-p-mist: color-mix(in srgb, var(--pyh-c-accent, #c41230) 7%, var(--pyh-c-bg, #f6f7fb)); --pyh-p-ink: var(--pyh-hd-util-bg, #14161f);  --pyh-p-warm: var(--pyh-c-warm, #c08a2e);  --pyh-p-flow: left;  --pyh-p-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(https://payehtheme.ir/wp-content/themes/payeh/engine/render/assets/%23n)'/%3E%3C/svg%3E");  background: var(--pyh-c-bg, #f6f7fb); padding-block-end: 0;  --pyh-p-measure: 1840px; --pyh-c-gutter: var(--pyh-bleed, 20px); --pyh-c-wrap: var(--pyh-p-measure); } [dir="ltr"] .pyh-main--pdp { --pyh-p-flow: right; }     .pyh-pdp__beast { position: relative; overflow: visible;  isolation: isolate; }  .pyh-pdp__beast > * { position: relative; z-index: 1; }  .pyh-pdp__bar-in .pyh-crumbs, .pyh-buy__seller-k, .pyh-pdp__sec-t { letter-spacing: .04em; }  @media (prefers-reduced-motion: no-preference) { html:has(.pyh-main--pdp) { scroll-behavior: smooth; } }   .pyh-pdp__bar { position: relative; margin-block: 10px 12px; } .pyh-pdp__bar-in { display: flex; align-items: center; gap: 14px; min-block-size: 46px; padding-inline: 16px; padding-block: 6px; border-radius: var(--pyh-glass-r-sm, 16px); border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1)); background: var(--pyh-glass-2, rgba(255, 255, 255, .55)); } @media (max-width: 640px) {  .pyh-pdp__bar-in { border-radius: 0; border-inline: 0; padding-inline: 14px; } .pyh-pdp__bar { margin-inline: calc(50% - 50vw); max-width: 100vw; } }  .pyh-pdp__bar-in .pyh-crumbs { min-inline-size: 0; } .pyh-pdp__acts { display: flex; align-items: center; gap: 8px; margin-inline-start: auto; flex: none; }  .pyh-wish--bar { position: static; inline-size: 36px; block-size: 36px; }  .pyh-pshare { position: relative; } .pyh-pshare__open { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-c-card, #fff); color: var(--pyh-c-muted, #6b7280); font-family: var(--pyh-font-heading, inherit); font-size: 12.5px; font-weight: 600; cursor: pointer; transition: color .2s ease, border-color .2s ease; } .pyh-pshare__open-i { inline-size: 16px; block-size: 16px; } .pyh-pshare__set { position: absolute; inset-block-start: calc(100% + 8px); inset-inline-end: 0; display: grid; gap: 2px; min-inline-size: 190px; padding: 8px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-c-card, #fff); box-shadow: var(--pyh-c-shadow-3, 0 18px 44px rgb(0 0 0 / 12%)); z-index: 20;  visibility: hidden; opacity: 0; transform: translateY(-6px); transition: opacity .18s ease, transform .22s cubic-bezier(.2, .7, .3, 1), visibility .18s; } .pyh-pshare__open[aria-expanded="true"] + .pyh-pshare__set { visibility: visible; opacity: 1; transform: none; } .pyh-pshare__go { display: flex; align-items: center; gap: 9px; padding: 9px 10px; border: 0; border-radius: var(--pyh-c-radius-sm, 6px); background: transparent; color: var(--pyh-c-ink, #141821); font-family: inherit; font-size: 13px; font-weight: 600; text-align: start; text-decoration: none; cursor: pointer; inline-size: 100%; transition: background-color .15s ease; } .pyh-pshare__go svg { inline-size: 18px; block-size: 18px; flex: none; } .pyh-pshare__go--tg { color: #229ed9; } .pyh-pshare__go--wa { color: #25d366; }   .pyh-pdp__beast { display: grid; gap: 18px; padding-block: 18px 26px; align-items: start; grid-template-columns: minmax(0, 1fr); }  .pyh-pdp__gallery, .pyh-pdp__engine { container-type: inline-size; min-inline-size: 0; } .pyh-pdp__gallery { container-name: pyh-galcol; } .pyh-pdp__engine { container-name: pyh-engine; }  .pyh-pdp__engine { display: flex; flex-direction: column; gap: 14px; }  .pyh-pdp__detail { padding-block-end: 26px; } @media (min-width: 900px) {  .pyh-pdp__beast { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px; }  .pyh-pdp__beast .pyh-shots__stage { aspect-ratio: 1; max-block-size: none; } }  .pyh-shots {  --pyh-shot-r: 26px; position: relative; display: grid; gap: 14px; }  .pyh-shots::before { content: ""; position: absolute;  inset: -5% -7% 12%; z-index: 0; border-radius: 50%; background: radial-gradient( 50% 50% at 62% 34%, color-mix(in srgb, var(--pyh-c-accent, #c41230) 30%, transparent), transparent 70% ), radial-gradient( 46% 46% at 26% 76%, color-mix(in srgb, var(--pyh-p-warm) 28%, transparent), transparent 72% ); filter: blur(34px); pointer-events: none; }  .pyh-shots__frame,  .pyh-shots__thumbs { position: relative; z-index: 1; min-inline-size: 0; }     .pyh-shots__frame { position: relative; border-radius: var(--pyh-shot-r); border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1)); background: radial-gradient(circle at center, color-mix(in srgb, var(--pyh-sf-float, #1d2740) 62%, transparent) 0%, var(--pyh-p-plate) 100%); overflow: hidden; box-shadow: inset 0 0 26px rgba(0, 0, 0, .55), 0 30px 54px -38px color-mix(in srgb, var(--pyh-c-ink, #141821) 55%, transparent);  isolation: isolate; } .pyh-shots__stage { display: grid; grid-auto-flow: column; grid-auto-columns: 100%;  overflow-x: auto; scroll-snap-type: inline mandatory; overscroll-behavior-inline: contain; scrollbar-width: none;  aspect-ratio: 1; } .pyh-shots__stage::-webkit-scrollbar { display: none; }  .pyh-shots__slide { position: relative; display: grid;  grid-template-rows: minmax(0, 1fr); place-items: stretch; margin: 0; padding: 0; scroll-snap-align: start; block-size: 100%; overflow: hidden; }   .pyh-shots__slide .pyh-shots__img { display: block; inline-size: 100%; block-size: 100%; max-inline-size: 100%; max-block-size: 100%; object-fit: cover;  object-position: center 62%;  transform-origin: var(--pyh-zoom-x, 50%) var(--pyh-zoom-y, 50%); transition: transform .35s cubic-bezier(.2, .7, .3, 1); }  .pyh-shots--zoom .pyh-shots__slide { -webkit-touch-callout: none; } .pyh-shots--zoom .pyh-shots__slide.is-lens {  touch-action: none; cursor: zoom-in; } .pyh-shots--zoom .pyh-shots__slide.is-lens .pyh-shots__img { transform: scale(2.4); -webkit-user-select: none; user-select: none; } .pyh-shots__slide--none { color: var(--pyh-c-line, rgba(15, 23, 42, .14)); aspect-ratio: 1; }   .pyh-shots__slide--video { padding: 0 0 46px; background: var(--pyh-night, #0a0c15); } .pyh-shots__video { display: block; inline-size: 100%; block-size: 100%;  object-fit: contain; background: var(--pyh-night, #0a0c15); }   .pyh-shots.is-video .pyh-shots__tool { display: none; }  .pyh-shots.is-video .pyh-shots__ledge { justify-content: center; } .pyh-shots__thumb--video { position: relative; } .pyh-shots__thumb-play { position: absolute; inset-block-end: 4px; inset-inline-end: 4px; display: grid; place-items: center; inline-size: 20px; block-size: 20px; border-radius: var(--pyh-radius-pill, 999px);  background: var(--pyh-night, #0a0c15); color: #fff; box-shadow: 0 2px 6px -2px rgba(4, 6, 14, .6); } .pyh-shots__thumb-play-i { inline-size: 11px; block-size: 11px;  fill: currentColor; stroke: none;  margin-inline-start: 1px; } .pyh-shots__none-i { inline-size: 84px; block-size: 84px; opacity: .6; }  .pyh-shots__frame .pyh-flags { inset-block-start: 14px; inset-inline-start: 14px; } .pyh-shots__frame .pyh-flag { font-size: 13px; }    .pyh-shots__ledge { position: absolute; inset-block-end: 14px; inset-inline: 14px; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 10px;  pointer-events: none; }  .pyh-shots__count { display: inline-flex; align-items: baseline; gap: 5px; margin: 0; padding: 5px 11px; border-radius: var(--pyh-radius-pill, 999px); background: color-mix(in srgb, var(--pyh-p-ink) 62%, transparent); color: rgba(255, 255, 255, .72); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; backdrop-filter: blur(10px) saturate(1.3); } .pyh-shots__count b { color: #fff; font-family: var(--pyh-font-heading, inherit); font-size: 13px; font-weight: 800; }  @supports not (background: color-mix(in srgb, red 50%, transparent)) { .pyh-shots__count, .pyh-shots__tool { background: var(--pyh-p-ink); } }  .pyh-shots__tool { display: inline-flex; align-items: center; gap: 0; margin-inline-start: auto; padding: 8px 10px; border: 0; border-radius: var(--pyh-radius-pill, 999px); background: color-mix(in srgb, var(--pyh-p-ink) 62%, transparent); color: #fff; font-family: var(--pyh-font-heading, inherit); font-size: 12.5px; font-weight: 700; cursor: pointer;  pointer-events: auto; backdrop-filter: blur(10px) saturate(1.3); transition: gap .25s ease, background-color .2s ease; } .pyh-shots__tool-i { inline-size: 18px; block-size: 18px; flex: none; } .pyh-shots__tool-t { max-inline-size: 0; overflow: hidden; white-space: nowrap; opacity: 0; transition: max-inline-size .25s cubic-bezier(.2, .7, .3, 1), opacity .2s ease; } .pyh-shots__veil { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(255, 255, 255, .72); color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 17px; font-weight: 800;  z-index: 5; pointer-events: none; }  .pyh-shots__thumbs ul { display: flex; gap: 10px; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; } .pyh-shots__thumbs ul::-webkit-scrollbar { display: none; }  .pyh-shots__thumbs li { flex: 1 1 0; min-inline-size: 70px; display: flex; }   .pyh-shots__thumb { display: block;  inline-size: 100%; padding: 0; border: 0; background: transparent; transition: transform .2s ease; }  .pyh-shots__thumb-i { display: block; inline-size: 100%; block-size: 75px; padding: 12px; border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-glass-r-sm, 14px); background: var(--pyh-glass-2, rgba(255, 255, 255, .55)); object-fit: contain; opacity: .45; transition: border-color .2s ease, box-shadow .2s ease, opacity .2s ease, background-color .2s ease; }  .pyh-shots__thumb.is-current .pyh-shots__thumb-i, .pyh-shots__thumb:hover .pyh-shots__thumb-i, .pyh-shots__thumb:focus-visible .pyh-shots__thumb-i { opacity: 1; border-color: var(--pyh-c-accent, #c41230); background-color: var(--pyh-primary-soft, rgba(196, 18, 48, .07)); }  .pyh-shots__thumb.is-current .pyh-shots__thumb-i { box-shadow: 0 0 15px color-mix(in srgb, var(--pyh-c-accent, #c41230) 45%, transparent); }  @container pyh-galcol (min-width: 560px) { .pyh-shots--side { grid-template-columns: 74px minmax(0, 1fr);  direction: inherit; } .pyh-shots--side .pyh-shots__frame { grid-column: 2; grid-row: 1; } .pyh-shots--side .pyh-shots__thumbs { grid-column: 1; grid-row: 1; } .pyh-shots--side .pyh-shots__thumbs ul { flex-direction: column; overflow-x: visible; overflow-y: auto; max-block-size: 100%; }  .pyh-shots--side .pyh-shots__thumb { flex: none; inline-size: 74px; max-inline-size: none; } .pyh-shots--side .pyh-shots__thumb-i { block-size: 74px; } }  .pyh-shots--stack .pyh-shots__stage { grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; aspect-ratio: auto; scroll-snap-type: none; gap: 10px; } .pyh-shots--stack .pyh-shots__slide { aspect-ratio: 1; } .pyh-shots--stack .pyh-shots__thumbs { display: none; }    .pyh-lbx { inline-size: 100vw; max-inline-size: 100vw; block-size: 100dvh; max-block-size: 100dvh; margin: 0; padding: 0; border: 0;  background: transparent; overflow: hidden;  opacity: 0; scale: .98; transition: opacity .22s ease, scale .28s cubic-bezier(.2, .7, .3, 1), overlay .22s allow-discrete, display .22s allow-discrete; } .pyh-lbx:popover-open { opacity: 1; scale: 1; }  @starting-style { .pyh-lbx:popover-open { opacity: 0; scale: .98; } } .pyh-lbx::backdrop { background: rgba(10, 12, 18, .72); backdrop-filter: blur(3px); transition: opacity .22s ease, display .22s allow-discrete; } .pyh-lbx__x { position: absolute; inset-block-start: 16px; inset-inline-end: 16px; display: grid; place-items: center; inline-size: 44px; block-size: 44px; padding: 0; border: 0; border-radius: var(--pyh-radius-pill, 999px);  background: #141821; color: #fff; cursor: pointer; z-index: 2; } .pyh-lbx__x-i { inline-size: 22px; block-size: 22px; } .pyh-lbx__track { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; block-size: 100%; overflow-x: auto; scroll-snap-type: inline mandatory; scrollbar-width: none; } .pyh-lbx__track::-webkit-scrollbar { display: none; } .pyh-lbx__slide { display: grid; place-items: center; margin: 0; padding: 24px; scroll-snap-align: start; overflow: auto; } .pyh-lbx__img { max-inline-size: 100%; max-block-size: calc(100dvh - 48px); inline-size: auto; block-size: auto; object-fit: contain; }    .pyh-pdp__titlecard { position: relative; display: grid; gap: 9px; padding: 15px 16px 14px; border-radius: var(--pyh-glass-r-sm, 18px); border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1)); background: var(--pyh-glass-2, rgba(255, 255, 255, .55)); overflow: hidden; }  .pyh-pdp__titlecard::before { content: ""; position: absolute; inset-block-start: 0; inset-inline: 0; block-size: 3px; background: linear-gradient( to var(--pyh-p-flow, left), color-mix(in srgb, var(--pyh-p-warm) 70%, transparent), var(--pyh-p-warm) 72%, color-mix(in srgb, var(--pyh-p-warm) 45%, transparent) ); z-index: 2; }  .pyh-pdp__ident { display: grid; gap: 7px; padding: 14px 16px 12px; border-block-end: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); } .pyh-pdp__brand { display: inline-flex; align-items: center; gap: 5px; justify-self: start; padding: 4px 10px 4px 8px; border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-tint, var(--pyh-primary-soft, rgba(196, 18, 48, .07))); color: var(--pyh-c-accent, #c41230); font-size: 12.5px; font-weight: 700; text-decoration: none; } .pyh-pdp__brand-i { inline-size: 16px; block-size: 16px; } .pyh-pdp__title { margin: 0; color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit);  font-size: clamp(19px, 2.6cqi + 13px, 27px);  font-weight: 900; line-height: 1.45;  text-wrap: balance; }  .pyh-pdp__verdict { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 0; padding-block-start: 2px; } .pyh-pdp__verdict > * + * { margin-inline-start: 14px; padding-inline-start: 14px; border-inline-start: 1px solid color-mix(in srgb, var(--pyh-c-ink, #141821) 12%, transparent); }  .pyh-pdp__rate { display: inline-flex; align-items: center; gap: 7px; color: var(--pyh-c-warn, #ffb703); font-size: 13px; text-decoration: none; } .pyh-pdp__rate b { color: var(--pyh-c-warn, #ffb703); } .pyh-pdp__rate b { font-family: var(--pyh-font-heading, inherit); font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; } .pyh-pdp__rate span { color: var(--pyh-c-muted, #6b7280); font-weight: 600; } .pyh-pdp__rate--none span { color: var(--pyh-c-accent, #c41230); } .pyh-pdp__sold { display: inline-flex; align-items: center; gap: 5px; color: #15803d; font-size: 12.5px; font-weight: 700; } .pyh-pdp__sold-i { inline-size: 15px; block-size: 15px; }    .pyh-readout { min-inline-size: 0;  container-type: inline-size; container-name: pyh-readout; }  .pyh-readout__face { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--pyh-glass-r-sm, 18px); padding: 15px 17px 0; border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1)); background-color: var(--pyh-glass-2, rgba(255, 255, 255, .55));  background-image: repeating-linear-gradient( to bottom, var(--pyh-fx-mill) 0 .5px, transparent .5px 3px ); -webkit-backdrop-filter: var(--pyh-glass-blur, none); backdrop-filter: var(--pyh-glass-blur, none); box-shadow: var(--pyh-shadow-2, 0 2px 6px rgb(0 0 0 / 8%)); } @supports not (background: repeating-linear-gradient(to bottom, red 0 1px, transparent 1px 3px)) { .pyh-readout__face { background-image: none; } }  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .pyh-readout__face { background-color: var(--pyh-sf-raised, #fff); } } .pyh-lowfx .pyh-readout__face, body.pyh-lowfx .pyh-readout__face { background-color: var(--pyh-sf-raised, #fff); }   .pyh-readout__head { position: relative; z-index: 1; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding-block-end: 11px; } .pyh-readout__t { margin: 0; color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 14px; font-weight: 800; letter-spacing: .04em; line-height: 1.5; }  .pyh-readout__n { color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .04em; white-space: nowrap; }   .pyh-readout__grid { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 0; margin: 0; border-radius: 13px; overflow: hidden; } .pyh-readout__cell { flex: 1 1 120px; min-inline-size: 0; display: grid; align-content: start; gap: 4px; padding: 11px 12px 12px;  background-color: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); box-shadow: 0 0 0 .5px var(--pyh-fx-ink); transition: background-color .2s ease; }  .pyh-readout__cell--set { flex: 1 1 100%; } .pyh-readout__k { display: flex; align-items: center; gap: 7px; color: var(--pyh-c-muted, #6b7280); font-size: 11px; font-weight: 700; letter-spacing: .05em; line-height: 1.5; }  .pyh-readout__tally { min-inline-size: 17px; padding: 0 4px; border-radius: 5px; background-color: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); box-shadow: 0 0 0 1px var(--pyh-fx-ink); color: var(--pyh-c-ink, #141821); font-size: 10.5px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: 0; text-align: center; } .pyh-readout__v { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 6px; margin: 0; color: var(--pyh-c-ink, #141821); }  .pyh-readout__fig { font-family: var(--pyh-font-body, inherit); font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.7; }  .pyh-readout__u { color: var(--pyh-c-muted, #6b7280); font-size: 12.5px; font-weight: 700; letter-spacing: .03em; }  .pyh-readout__fact { font-family: var(--pyh-font-body, inherit); font-size: 15px; font-weight: 700; line-height: 1.7; text-wrap: balance; }  .pyh-readout__chips { display: flex; flex-wrap: wrap; gap: 5px; margin-block-start: 1px; }  .pyh-readout__chip--paint { display: inline-flex; align-items: center; gap: 6px; padding-inline-start: 6px; } .pyh-readout__chip--paint::before { content: ""; inline-size: 12px; block-size: 12px; flex: none; border-radius: 50%; background: var(--pyh-chip, currentcolor); box-shadow: inset 0 0 0 1px rgb(var(--pyh-shadow-ink, 37 45 66) / 22%), 0 0 0 1.5px var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); } .pyh-readout__chip { padding: 2.5px 8px; border-radius: var(--pyh-radius-pill, 999px); background-color: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); color: var(--pyh-c-ink, #141821); font-size: 11.5px; font-weight: 600; line-height: 1.6; white-space: nowrap;  unicode-bidi: isolate; }   .pyh-readout__foot { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-block-start: 12px; margin-inline: -17px; padding: 10px 17px 11px; border-block-start: 1px solid var(--pyh-c-line, rgba(15, 23, 42, .1)); } .pyh-readout__serial { display: inline-flex; align-items: baseline; gap: 8px; min-inline-size: 0; } .pyh-readout__serial-k { color: var(--pyh-c-muted, #6b7280); font-size: 11px; font-weight: 700; letter-spacing: .05em; }  .pyh-readout__serial-v { color: var(--pyh-c-ink, #141821); font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .09em; unicode-bidi: isolate; } .pyh-readout__more { display: inline-flex; align-items: center; gap: 3px;  color: var(--pyh-accent-ink, var(--pyh-c-accent, #c41230)); font-size: 12.5px; font-weight: 700; text-decoration: none; white-space: nowrap; } .pyh-readout__more-i { inline-size: 15px; block-size: 15px; transition: translate .2s ease; }  @media (hover: hover) { .pyh-readout__more:hover .pyh-readout__more-i { translate: 0 2px; } } @media (prefers-reduced-motion: reduce) { .pyh-readout__more-i { transition: none; } }   @media (min-width: 900px) {  .pyh-pdp__beast { grid-template-rows: min-content 1fr; } .pyh-pdp__gallery { grid-column: 1; grid-row: 1; } .pyh-pdp__engine { grid-column: 2; grid-row: 1 / span 2; }   .pyh-readout { grid-column: 1; grid-row: 2; } .pyh-readout__face { display: flex; flex-direction: column; }  .pyh-readout__grid { flex: 0 0 auto; } .pyh-readout__foot { margin-block-start: auto; } }  @media (max-width: 899px) { .pyh-readout { margin-block-start: 4px; } } .pyh-pdp__sec-t { position: relative; margin: 0 0 12px; padding-block-end: 9px; color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 16px; font-weight: 800; line-height: 1.5; }  .pyh-pdp__sec-t::after { content: ""; position: absolute; inset-block-end: 0; inset-inline-start: 0; inline-size: 30px; block-size: 3px; border-radius: 3px; background: var(--pyh-c-accent, #c41230); }    .pyh-pdp__sum { position: relative;  max-inline-size: 78ch; margin-block-start: 18px; padding: 18px 22px;  padding-inline-start: 30px; border: var(--pyh-p-rule); border-radius: var(--pyh-glass-r, 20px);  background: linear-gradient( to bottom, var(--pyh-c-card, #fff), color-mix(in srgb, var(--pyh-p-mist) 55%, var(--pyh-c-card, #fff)) ); box-shadow: var(--pyh-c-shadow-1, none); color: var(--pyh-c-ink, #141821); font-size: 15px; line-height: 2;  text-wrap: pretty; }  .pyh-pdp__sum::before { content: ""; position: absolute; inset-block: 18px; inset-inline-start: 14px; inline-size: 3px; border-radius: var(--pyh-radius-pill, 999px); background: linear-gradient( to bottom, color-mix(in srgb, var(--pyh-p-warm) 70%, transparent), var(--pyh-p-warm) ); } .pyh-pdp__sum p { margin: 0 0 .7em; } .pyh-pdp__sum ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 9px; }  .pyh-pdp__sum li { position: relative; padding-inline-start: 27px; } .pyh-pdp__sum li::after { content: ""; position: absolute; inset-block-start: .34em; inset-inline-start: 0; inline-size: 19px; block-size: 19px; border-radius: var(--pyh-radius-pill, 999px); background: color-mix(in srgb, var(--pyh-c-accent, #c41230) 11%, transparent); }  .pyh-pdp__sum li::before { content: ""; position: absolute;  z-index: 1; inset-block-start: .72em; inset-inline-start: 5px; inline-size: 10px; block-size: 6px; border-left: 2px solid var(--pyh-c-accent, #c41230); border-bottom: 2px solid var(--pyh-c-accent, #c41230); border-radius: 1px; transform: rotate(-45deg); }  .pyh-pdp__wc:not(:empty) { padding: 14px 18px; border-block-start: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); }    .pyh-buy { position: relative; }  .pyh-buy::before { content: ""; position: absolute; inset-block-start: 0; inset-inline: 0; block-size: 3px; background: linear-gradient( to var(--pyh-p-flow, left), color-mix(in srgb, var(--pyh-p-warm) 70%, transparent), var(--pyh-p-warm) 78%, color-mix(in srgb, var(--pyh-p-warm) 55%, transparent) ); }  @media (min-width: 1120px) { .pyh-pdp__engine .pyh-buy { position: sticky;  inset-block-start: calc(var(--pyh-hd-pin, 0px) + var(--pyh-hd-sticky-height, 0px) + 16px); } }   .pyh-buy__seller { display: grid; gap: 3px; padding-block-end: 11px; border-block-end: var(--pyh-p-rule); } .pyh-buy__seller-k { color: var(--pyh-c-muted, #6b7280); font-size: 10.5px; font-weight: 700; } .pyh-buy__seller-v { display: flex; align-items: center; gap: 6px; color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 14px; font-weight: 700; } .pyh-buy__seller-i { inline-size: 17px; block-size: 17px; color: #15803d; flex: none; }  .pyh-buy__seller-v--mark { gap: 8px; } .pyh-buy__seller-logo { display: block; block-size: 22px; inline-size: auto; max-inline-size: 132px; object-fit: contain; object-position: right center; } html[data-pyh-mode="dark"] .pyh-buy__seller-logo { padding: 3px 6px; border-radius: 6px; background: #fff; } .pyh-buy__seller-n { color: var(--pyh-c-muted, #6b7280); font-size: 12px; }   .pyh-buy__money { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding-block: 10px 12px; border-block-start: var(--pyh-p-rule);  box-shadow: inset 0 -2px 0 var(--pyh-c-ink, #141821); } .pyh-bprice { display: grid; gap: 1px; min-inline-size: 0; } .pyh-bprice__was { color: var(--pyh-c-muted, #6b7280); font-size: 12.5px; font-variant-numeric: tabular-nums; text-decoration-thickness: 1px; }  .pyh-bprice__now { color: var(--pyh-p-price); font-family: var(--pyh-font-heading, inherit);  font-size: clamp(23px, 6.4cqi + 8px, 33px); font-weight: 900; line-height: 1.28;  letter-spacing: -.02em; font-variant-numeric: tabular-nums; }  @supports ((background-clip: text) or (-webkit-background-clip: text)) { .pyh-pdp__pricebox .pyh-bprice__now { background-image: linear-gradient(180deg, var(--pyh-c-ink, #fff) 0%, var(--pyh-flare, #ff0055) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } } .pyh-bprice__save { color: #15803d; font-size: 12px; font-weight: 700; } .pyh-bprice--ask .pyh-bprice__ask { color: var(--pyh-c-muted, #6b7280); font-family: var(--pyh-font-heading, inherit); font-size: 18px; font-weight: 800; }  .pyh-seal { position: absolute;  inset-block-start: 10px; inset-inline-end: 12px; display: grid; place-content: center; inline-size: 70px; block-size: 70px; border-radius: 50%; color: var(--pyh-c-accent, #c41230); text-align: center; rotate: -7deg; opacity: .92; mix-blend-mode: multiply; box-shadow: inset 0 0 0 2px currentColor, inset 0 0 0 3.5px transparent, inset 0 0 0 5px currentColor; pointer-events: none; }  html[data-pyh-mode="dark"] .pyh-seal { color: var(--pyh-accent-ink, #ff5c76); mix-blend-mode: screen; opacity: 1; } .pyh-seal b { display: block; font-family: var(--pyh-font-heading, inherit); font-size: 22px; font-weight: 900; line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; } .pyh-seal i { display: block; margin-block-start: 2px; font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: .12em; }  @media (prefers-reduced-motion: no-preference) { .pyh-seal { animation: pyh-press .42s cubic-bezier(.2, 1.4, .4, 1) both; } @keyframes pyh-press { from { opacity: 0; scale: 1.55; rotate: -22deg; } to { opacity: .92; scale: 1; rotate: -7deg; } } }  .pyh-deadline { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: var(--pyh-c-radius, 12px);  background: #fff7ed; color: #9a3412; font-size: 12.5px; font-weight: 700; }  html[data-pyh-mode="dark"] .pyh-deadline { background: color-mix(in srgb, #f59e0b 15%, transparent); color: #fcd9a4; } .pyh-deadline__label { opacity: .85; } .pyh-deadline__value { display: flex; align-items: baseline; gap: 7px; font-family: var(--pyh-font-heading, inherit); font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; }  .pyh-deadline__c { direction: ltr; unicode-bidi: isolate; font-variant-numeric: tabular-nums; } .pyh-deadline__d { opacity: .9; }  .pyh-buy__stock { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 13px; font-weight: 700; } .pyh-buy__stock-i { inline-size: 17px; block-size: 17px; flex: none; } .pyh-buy__stock--in { color: #15803d; } .pyh-buy__stock--low { color: #b45309; } .pyh-buy__stock--backorder { color: #0e7490; } .pyh-buy__stock--out { color: var(--pyh-c-accent, #c41230); }  .pyh-buy__form { display: grid; gap: 12px; }  .pyh-buy__form form.cart { display: grid; gap: 12px; margin: 0; }   .pyh-buy__form .quantity { display: inline-grid; grid-template-columns: auto minmax(46px, auto) auto; align-items: center; gap: 4px; padding: 5px; border: 0; border-radius: var(--pyh-radius-pill, 999px); background: color-mix(in srgb, var(--pyh-c-ink, #141821) 5%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-c-ink, #141821) 10%, transparent);  justify-self: center; }  .pyh-buy__form .woocommerce-variation-add-to-cart { display: grid; gap: 12px; } .pyh-buy__form .quantity .pyh-qty__b {  position: relative; inline-size: 36px; block-size: 36px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: var(--pyh-c-card, #fff); color: var(--pyh-c-ink, #141821); cursor: pointer; box-shadow: 0 1px 2px rgba(16, 20, 35, .12); transition: background-color .18s ease, color .18s ease, transform .18s ease; }  .pyh-buy__form .quantity .pyh-qty__b::after { content: ""; position: absolute; inset-block: calc((36px - var(--pyh-tap, 44px)) / 2); inline-size: var(--pyh-tap, 44px); } .pyh-buy__form .quantity .pyh-qty__b--up::after { inset-inline-start: calc(36px - var(--pyh-tap, 44px)); } .pyh-buy__form .quantity .pyh-qty__b--down::after { inset-inline-end: calc(36px - var(--pyh-tap, 44px)); }  .pyh-qty__b-i { inline-size: 16px; block-size: 16px; }  .pyh-buy__form .quantity .pyh-qty__b[disabled] { opacity: .35; cursor: default; box-shadow: none; } .pyh-buy__form .quantity input.pyh-qty__in { inline-size: 100%; min-inline-size: 0;  block-size: 36px; padding: 0 2px; border: 0; background: transparent; color: var(--pyh-c-ink, #141821);  font-family: var(--pyh-font-body, inherit); font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; text-align: center;  field-sizing: content; } .pyh-buy__form .quantity input.pyh-qty__in:focus { outline: none; }  .pyh-buy__form .quantity:has(input:focus-visible) { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: 1px; } @supports not selector(:has(*)) { .pyh-buy__form .quantity input.pyh-qty__in:focus-visible { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: -2px; } }   .pyh-buy__form .single_add_to_cart_button, .pyh-buy__cta { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; inline-size: 100%; min-block-size: 50px; padding: 14px 18px; border: 0;  border-radius: var(--pyh-glass-r-sm, 14px);  background-color: var(--pyh-c-accent, #c41230); background-image: var(--pyh-act, none); color: var(--pyh-act-ink, var(--pyh-c-on-accent, #fff)); font-family: var(--pyh-font-heading, inherit); font-size: 15.5px; font-weight: 900; line-height: 1.5; text-align: center; text-decoration: none; cursor: pointer; overflow: hidden; box-shadow: var(--pyh-glow, 0 8px 24px -8px rgba(255, 0, 85, .38)); transition: filter .2s ease, transform .12s ease, box-shadow .25s ease, background-image .25s ease; } .pyh-buy__cta-i { inline-size: 20px; block-size: 20px; }   .pyh-buy__form .single_add_to_cart_button.disabled, .pyh-buy__form .single_add_to_cart_button[disabled] { background: var(--pyh-c-line, rgba(15, 23, 42, .12)); color: var(--pyh-c-muted, #6b7280); box-shadow: none; cursor: not-allowed; }   .pyh-buy__form table.variations, .pyh-buy__form table.variations tbody, .pyh-buy__form table.variations tr, .pyh-buy__form table.variations th, .pyh-buy__form table.variations td { display: block; inline-size: auto; padding: 0; border: 0; background: none; text-align: start; } .pyh-buy__form table.variations tr + tr { margin-block-start: 12px; } .pyh-buy__form table.variations th.label label { display: block; margin-block-end: 7px; color: var(--pyh-c-muted, #6b7280); font-size: 12.5px; font-weight: 700; }  .pyh-buy__form .pyh-vsw-owned { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }  .pyh-buy__form .variations select { inline-size: 100%; padding: 10px 12px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-c-card, #fff); color: var(--pyh-c-ink, #141821); font-family: inherit; font-size: 14px; } .pyh-vsw { display: flex; flex-wrap: wrap; gap: 8px; }   .pyh-vsw__b { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-inline-size: 44px; min-block-size: 38px; padding: 7px 12px; border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .12));  border-radius: var(--pyh-radius, 12px); background: var(--pyh-glass-2, var(--pyh-c-card, #fff)); color: var(--pyh-c-ink, #141821); font-family: inherit; font-size: 12.5px; font-weight: 800; cursor: pointer; transition: border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease; }  .pyh-vsw__b:has(.pyh-vsw__dot), .pyh-vsw__b:has(.pyh-vsw__shot) { border-radius: var(--pyh-radius-pill, 999px); padding-inline: 14px; } @supports not selector(:has(*)) {  .pyh-vsw__b { border-radius: var(--pyh-radius, 12px); } }  .pyh-vsw__shot { inline-size: 26px; block-size: 26px; border-radius: 8px; object-fit: cover; background: #fff; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .12); flex: none; }  .pyh-vsw__dot { --pyh-swatch: var(--pyh-c-line, rgba(15, 23, 42, .12)); inline-size: 18px; block-size: 18px; border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-swatch); box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .18); flex: none; }   .pyh-vsw__b[aria-pressed="true"] { border-color: var(--pyh-c-accent, #c41230); background: var(--pyh-primary-soft, rgba(196, 18, 48, .12)); color: var(--pyh-c-ink, #141821); box-shadow: 0 0 0 1px var(--pyh-c-accent, #c41230); }   .pyh-vsw__b[aria-pressed="true"] .pyh-vsw__dot, .pyh-vsw__b[aria-pressed="true"] .pyh-vsw__shot { box-shadow: 0 0 0 1.5px var(--pyh-c-accent, #c41230); }  .pyh-vsw__b[data-pyh-unavailable] { border-style: dashed; color: var(--pyh-c-muted, #6b7280); text-decoration: line-through; text-decoration-thickness: 1px; } .pyh-vsw__b[data-pyh-unavailable] .pyh-vsw__dot { opacity: .4; }  .pyh-buy__form .reset_variations { display: inline-block; margin-block-start: 8px; color: var(--pyh-c-muted, #6b7280); font-size: 12px; font-weight: 600; }  .pyh-buy[data-chosen="1"] .pyh-buy__money { display: none; } .pyh-buy__form .woocommerce-variation-price { margin-block-end: 10px; } .pyh-buy__form .woocommerce-variation-price .price { color: var(--pyh-p-price); font-family: var(--pyh-font-heading, inherit); font-size: clamp(20px, 5.2cqi + 8px, 27px); font-weight: 800; font-variant-numeric: tabular-nums; } .pyh-buy__form .woocommerce-variation-price del { color: var(--pyh-c-muted, #6b7280); font-size: 14px; font-weight: 500; } .pyh-buy__form .woocommerce-variation-price ins { text-decoration: none; } .pyh-buy__form .woocommerce-variation-availability p { margin: 0 0 10px; font-size: 13px; font-weight: 700; }   .pyh-buy__form .woocommerce-grouped-product-list { inline-size: 100%; border-collapse: collapse; font-size: 13.5px; } .pyh-buy__form .woocommerce-grouped-product-list td { padding: 10px 4px; border-block-end: var(--pyh-c-line-w, 1px) dashed var(--pyh-c-line, rgba(15, 23, 42, .1)); vertical-align: middle; } .pyh-buy__form .woocommerce-grouped-product-list-item__label a { color: var(--pyh-c-ink, #141821); font-weight: 700; text-decoration: none; } .pyh-buy__form .woocommerce-grouped-product-list-item__price { color: var(--pyh-p-price); font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }  .pyh-buy__form .woocommerce-grouped-product-list .quantity { grid-template-columns: 30px minmax(34px, auto) 30px; }  .pyh-buy__gone { display: grid; gap: 10px; padding: 14px; border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-sunken, rgba(20, 22, 28, .04)); } .pyh-buy__gone-t { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: var(--pyh-c-ink, #141821); font-size: 13.5px; font-weight: 700; line-height: 1.7; } .pyh-buy__gone-i { inline-size: 18px; block-size: 18px; flex: none; margin-block-start: 3px; color: var(--pyh-c-accent, #c41230); } .pyh-buy__gone-s { margin: 0; color: var(--pyh-c-muted, #6b7280); font-size: 12.5px; font-weight: 600; } .pyh-buy__alts { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; } .pyh-buy__alts a { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: var(--pyh-c-radius-sm, 6px); color: var(--pyh-c-ink, #141821); font-size: 13px; text-decoration: none; transition: background-color .15s ease; } .pyh-buy__alt-n { font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .pyh-buy__alt-p { color: var(--pyh-p-price); font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; flex: none; } .pyh-buy__ask { display: grid; gap: 10px; } .pyh-buy__ask-t { margin: 0; color: var(--pyh-c-muted, #6b7280); font-size: 13px; line-height: 1.8; }  .pyh-dl { display: grid; gap: 8px; padding: 12px 13px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-sf-over, var(--pyh-c-bg, #f4f5f9)); } .pyh-dl__k { display: flex; align-items: center; gap: 7px; margin: 0; color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 13px; font-weight: 800; } .pyh-dl__k-i { inline-size: 17px; block-size: 17px; color: var(--pyh-c-accent, #c41230); flex: none; } .pyh-dl__list { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; } .pyh-dl__row { display: flex; align-items: center; gap: 8px; padding-block: 7px; font-size: 12.5px; line-height: 1.6; } .pyh-dl__row + .pyh-dl__row { border-block-start: 1px dashed var(--pyh-c-line, rgba(15, 23, 42, .12)); } .pyh-dl__i { display: grid; place-items: center; inline-size: 18px; block-size: 18px; color: var(--pyh-c-muted, #6b7280); flex: none; } .pyh-dl__i svg { inline-size: 16px; block-size: 16px; }  .pyh-dl__n { min-inline-size: 0; color: var(--pyh-c-ink, #141821); font-weight: 600; flex: 1 1 auto; } .pyh-dl__facts { display: flex; align-items: center; gap: 6px; color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; white-space: nowrap; flex: none; }  .pyh-dl__ext { padding: 1px 6px; border: 1px solid var(--pyh-c-line, rgba(15, 23, 42, .14)); border-radius: 999px; font-size: 10.5px; font-weight: 700; letter-spacing: .04em; unicode-bidi: isolate; } .pyh-dl__size { font-variant-numeric: tabular-nums; } .pyh-dl__quota { margin: 0; padding-block-start: 2px; color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; line-height: 1.8; }  @media (max-width: 420px) { .pyh-dl__row { flex-wrap: wrap; row-gap: 2px; } .pyh-dl__facts { margin-inline-start: 26px; } }   .pyh-buy__promise { display: flex; align-items: flex-start; gap: 10px; padding: 11px 12px; border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-tint, var(--pyh-primary-soft, rgba(196, 18, 48, .07))); } .pyh-buy__promise-i { display: grid; place-items: center; inline-size: 22px; block-size: 22px; color: var(--pyh-c-accent, #c41230); flex: none; } .pyh-buy__promise-i svg { inline-size: 20px; block-size: 20px; } .pyh-buy__promise-b { display: grid; gap: 2px; font-size: 12.5px; line-height: 1.7; } .pyh-buy__promise-b strong { color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 13.5px; font-weight: 800; } .pyh-buy__promise-b span { color: var(--pyh-c-muted, #6b7280); }  .pyh-buy__trust { position: relative; display: grid; gap: 11px; margin: 0; padding: 22px 0 0; list-style: none; } .pyh-buy__trust::before { content: ""; position: absolute; inset-block-start: 4px;  inset-inline: -16px; block-size: 14px; background: radial-gradient(circle 7px at left center, var(--pyh-c-bg, #f4f5f9) 98%, transparent 100%) left center / 14px 14px no-repeat, radial-gradient(circle 7px at right center, var(--pyh-c-bg, #f4f5f9) 98%, transparent 100%) right center / 14px 14px no-repeat, repeating-linear-gradient(to right, var(--pyh-c-line, rgba(15, 23, 42, .16)) 0 5px, transparent 5px 10px) center center / auto 1px no-repeat; } .pyh-buy__trust-r { display: flex; align-items: flex-start; gap: 9px; } .pyh-buy__trust-i { display: grid; place-items: center; inline-size: 26px; block-size: 26px; border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-sunken, rgba(20, 22, 28, .04)); color: var(--pyh-c-accent, #c41230); flex: none; } .pyh-buy__trust-i svg { inline-size: 16px; block-size: 16px; } .pyh-buy__trust-b { display: grid; gap: 1px; padding-block-start: 2px; } .pyh-buy__trust-b strong { color: var(--pyh-c-ink, #141821); font-size: 12.5px; font-weight: 700; line-height: 1.6; } .pyh-buy__trust-b span { color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; }   .pyh-pdp__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }  .pyh-pdp__left { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border: 1px solid color-mix(in srgb, var(--pyh-c-ok, #00f5a0) 26%, transparent); border-radius: var(--pyh-radius-pill, 999px); background: color-mix(in srgb, var(--pyh-c-ok, #00f5a0) 9%, transparent); color: var(--pyh-c-ok, #00f5a0); font-size: 11.5px; font-weight: 700; white-space: nowrap; } .pyh-pdp__left-i { inline-size: 14px; block-size: 14px; }  .pyh-pdp__pricebox { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-glass-r-sm, 14px); background: var(--pyh-sf-sunken, #e8ebf2); box-shadow: inset 0 2px 4px -1px rgb(var(--pyh-shadow-ink, 37 45 66) / 18%); }  .pyh-pdp__off { flex: none; padding: 4px 12px; border-radius: var(--pyh-radius-pill, 999px); background-color: var(--pyh-c-accent, #c41230); background-image: var(--pyh-act, none); box-shadow: var(--pyh-glow, none); color: var(--pyh-act-ink, #fff); font-family: var(--pyh-font-heading, inherit); font-size: 12.5px; font-weight: 800; white-space: nowrap; }  .pyh-buy { display: grid; gap: 14px; padding: 0; }  .pyh-buy::before, .pyh-buy__trust::before { display: none; } .pyh-buy__trust { padding-block-start: 0; }  .pyh-buy__trust { grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 8px; } .pyh-buy__trust-r { flex-direction: column; align-items: center; gap: 6px; padding: 11px 7px; border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-glass-r-sm, 12px); background: var(--pyh-glass-2, transparent); text-align: center; }  .pyh-buy__trust-b span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .pyh-buy__trust-b strong { font-size: 11.5px; line-height: 1.45; }  .pyh-buy__form form.cart:has(> .quantity + .single_add_to_cart_button), .pyh-buy__form .woocommerce-variation-add-to-cart { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .pyh-buy__form .quantity { flex: 0 0 auto; } .pyh-buy__form .single_add_to_cart_button { flex: 1 1 auto; inline-size: auto; }  .pyh-buy__form .pyh-buy__trust { flex: 1 0 100%; order: -1; margin: 0; }  .pyh-pdp__nav { position: sticky;  inset-block-start: calc(var(--pyh-hd-pin, 0px) + var(--pyh-hd-sticky-height, 0px)); z-index: 12; border-block: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); background: color-mix(in srgb, var(--pyh-c-card, #fff) 88%, transparent); backdrop-filter: blur(10px) saturate(1.4); }  @supports not (background: color-mix(in srgb, red 50%, transparent)) { .pyh-pdp__nav { background: var(--pyh-c-card, #fff); } } .pyh-pdp__nav-in { position: relative; } .pyh-pdp__nav ul { display: flex; gap: 4px; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; } .pyh-pdp__nav ul::-webkit-scrollbar { display: none; } .pyh-pdp__tab { display: inline-block; padding: 15px 14px; color: var(--pyh-c-muted, #6b7280); font-family: var(--pyh-font-heading, inherit); font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: color .2s ease; } .pyh-pdp__tab.is-current { color: var(--pyh-c-ink, #141821); }  .pyh-pdp__ink { position: absolute; inset-block-end: 0; inset-inline-start: var(--pyh-ink-x); inline-size: var(--pyh-ink-w); block-size: 3px; border-radius: 3px 3px 0 0; background: var(--pyh-c-accent, #c41230); transition: --pyh-ink-x .3s cubic-bezier(.2, .7, .3, 1), --pyh-ink-w .3s cubic-bezier(.2, .7, .3, 1); }   .pyh-pdp__panels { display: grid; gap: 0; padding-block: 0 6px; } .pyh-pdp__sec { padding-block: 30px; border-block-start: var(--pyh-p-rule);  scroll-margin-block-start: var(--pyh-p-clear); }  .pyh-pdp__sec--about { content-visibility: auto; contain-intrinsic-size: auto 900px; } .pyh-pdp__sec--reviews { content-visibility: auto; contain-intrinsic-size: auto 1100px; } .pyh-pdp__sec-t { font-size: 17px; margin-block-end: 16px; }   .pyh-pdp__panels.is-tabbed .pyh-pdp__sec { border-block-start: 0; padding-block: 26px 36px; } .pyh-pdp__panels.is-tabbed .pyh-pdp__sec--about, .pyh-pdp__panels.is-tabbed .pyh-pdp__sec--reviews { content-visibility: visible; contain-intrinsic-size: none; } .pyh-pdp__panels.is-tabbed .pyh-pdp__sec-t { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }  .pyh-pdp__sec:focus-visible { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: -4px; }  @media (prefers-reduced-motion: no-preference) { .pyh-pdp__panels.is-tabbed .pyh-pdp__sec { animation: pyh-pdp-panel .3s cubic-bezier(.2, .7, .3, 1) both;  animation-timeline: auto; } @keyframes pyh-pdp-panel { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } }   .pyh-specs__sheet { position: relative; border-radius: var(--pyh-glass-r-sm, 18px); border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1));  background-color: var(--pyh-glass-2, rgba(255, 255, 255, .55)); background-image: repeating-linear-gradient( to bottom, var(--pyh-fx-mill) 0 .5px, transparent .5px 3px ); -webkit-backdrop-filter: var(--pyh-glass-blur, none); backdrop-filter: var(--pyh-glass-blur, none); box-shadow: var(--pyh-shadow-2, 0 2px 6px rgb(0 0 0 / 8%)); } @supports not (background: repeating-linear-gradient(to bottom, red 0 1px, transparent 1px 3px)) { .pyh-specs__sheet { background-image: none; } } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .pyh-specs__sheet { background-color: var(--pyh-sf-raised, #fff); } } .pyh-lowfx .pyh-specs__sheet, body.pyh-lowfx .pyh-specs__sheet { background-color: var(--pyh-sf-raised, #fff); }  .pyh-specs__cap { position: relative; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 14px 17px 12px; }  .pyh-specs__cap::after { content: ""; position: absolute; inset-block-end: 0; inset-inline: 17px; block-size: 1px; background-image: linear-gradient( to var(--pyh-p-flow, left), var(--pyh-fx-a), var(--pyh-fx-b) 30%, var(--pyh-c-line, rgba(15, 23, 42, .1)) 74% ); opacity: max(.55, var(--pyh-fx-lume, 1)); } .pyh-specs__cap-t { display: inline-flex; align-items: center; gap: 9px; color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 14px; font-weight: 800; letter-spacing: .04em; }  .pyh-specs__cap-t::before { content: ""; inline-size: 3px; block-size: 14px; border-radius: 3px; background-color: var(--pyh-c-accent, #c41230); background-image: var(--pyh-fx-sweep); flex: none; } .pyh-specs__cap-n { color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .04em; white-space: nowrap; } .pyh-specs__list { display: grid; margin: 0; }  @media (min-width: 1080px) { .pyh-specs__list { grid-template-columns: 1fr 1fr; } .pyh-specs__row:nth-child(2n) { border-inline-start: 1px solid var(--pyh-fx-ink); }  .pyh-specs__row:nth-child(2) { border-block-start: 0; } .pyh-specs__row:last-child:nth-child(odd) { grid-column: 1 / -1; border-inline-start: 0; } }  .pyh-specs__row { display: grid; grid-template-columns: minmax(0, 10.5rem) minmax(0, 1fr); gap: 12px; padding: 10px 17px; border-block-start: 1px solid var(--pyh-fx-ink); font-size: 13.5px; line-height: 1.8; transition: background-color .18s ease; } .pyh-specs__row:first-child { border-block-start: 0; } .pyh-specs__k { position: relative; color: var(--pyh-c-muted, #6b7280); font-weight: 700; letter-spacing: .02em; }  .pyh-specs__k::after { content: ""; position: absolute; inset-block: -10px; inset-inline-end: -6px; inline-size: 1px; background-color: var(--pyh-fx-ink); } .pyh-specs__v { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; color: var(--pyh-c-ink, #141821); font-weight: 600; }  .pyh-specs__one--chip { padding: 2px 9px; border-radius: var(--pyh-radius-pill, 999px); background-color: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); box-shadow: 0 0 0 1px var(--pyh-fx-ink); font-size: 12.5px; font-weight: 600; white-space: nowrap;  unicode-bidi: isolate; }  .pyh-specs__foot { display: flex; align-items: baseline; gap: 9px; padding: 11px 17px 12px; border-block-start: 1px solid var(--pyh-c-line, rgba(15, 23, 42, .1)); } .pyh-specs__serial-k { color: var(--pyh-c-muted, #6b7280); font-size: 11px; font-weight: 700; letter-spacing: .05em; }  .pyh-specs__serial-v { color: var(--pyh-c-ink, #141821); font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .09em; unicode-bidi: isolate; }  .pyh-specs__row[hidden="until-found"] { display: grid !important; content-visibility: hidden-matchable;  padding-block: 0; background: none;  border-block-start: 0; } .pyh-specs__more { display: flex; align-items: center; gap: 6px; inline-size: fit-content; margin-block-start: 14px; margin-inline: auto; padding: 9px 16px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-radius-pill, 999px); background: transparent; color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 13px; font-weight: 700; cursor: pointer; transition: border-color .2s ease, color .2s ease; } .pyh-specs__more-i { inline-size: 16px; block-size: 16px; transition: transform .25s ease; } .pyh-specs__more[aria-expanded="true"] .pyh-specs__more-i { transform: rotate(180deg); }  .pyh-about { display: grid; gap: 24px; }   .pyh-pdp__prose { --pyh-prose-measure: 70ch; position: relative; padding: clamp(22px, 3.4vw, 42px) clamp(18px, 3vw, 44px); border-radius: var(--pyh-c-radius-lg, 20px); background: linear-gradient( to bottom, color-mix(in srgb, var(--pyh-p-warm) 5%, var(--pyh-c-card, #fff)), var(--pyh-c-card, #fff) 340px ); box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent),  0 0 0 1px var(--pyh-c-line, rgba(15, 23, 42, .1)); }  .pyh-pdp__prose::after { content: none; }  .pyh-pdp__prose > :first-child { margin-block-start: 0; }  .pyh-pdp__prose :is(h2, h3, h4) { scroll-margin-block-start: var(--pyh-p-clear); }    .pyh-pdp__prose table { display: table; inline-size: 100%; border-radius: 14px; overflow: hidden; box-shadow: 0 0 0 1px color-mix(in srgb, var(--pyh-c-ink, #141821) 10%, transparent); border-collapse: separate; border-spacing: 0; font-size: 13.5px; } .pyh-pdp__prose :is(th, td) { overflow-wrap: anywhere; } .pyh-pdp__prose thead th { background: color-mix(in srgb, var(--pyh-p-mist) 76%, var(--pyh-c-card, #fff)); color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-weight: 800; } .pyh-pdp__prose :is(th, td) { border: 0; border-block-start: 1px solid color-mix(in srgb, var(--pyh-c-ink, #141821) 8%, transparent); padding: 10px 13px; } .pyh-pdp__prose thead th { border-block-start: 0; }  .pyh-pdp__prose ol { list-style: none; counter-reset: pyh-step; padding-inline-start: 0; } .pyh-pdp__prose ol > li { position: relative; counter-increment: pyh-step; padding-inline-start: 34px; min-block-size: 24px; } .pyh-pdp__prose ol > li::before { content: counter(pyh-step, persian); position: absolute; inset-inline-start: 0; inset-block-start: .18em; display: grid; place-items: center; inline-size: 24px; block-size: 24px; border-radius: var(--pyh-radius-pill, 999px); background: color-mix(in srgb, var(--pyh-c-accent, #c41230) 10%, transparent); color: var(--pyh-c-accent, #c41230); font-family: var(--pyh-font-heading, inherit); font-size: 12px; font-weight: 800; font-variant-numeric: tabular-nums; }   .pyh-about__ix { position: relative; padding: 16px 16px 14px; border-radius: 18px; background: radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--pyh-c-ink, #141821) 42%, transparent), transparent 62%), var(--pyh-c-accent, #c41230); color: #fff; overflow: hidden; box-shadow: 0 18px 38px -26px color-mix(in srgb, var(--pyh-c-accent, #c41230) 85%, transparent); } .pyh-about__ix::after { content: ""; position: absolute; inset: 0; background-image: var(--pyh-p-grain); opacity: .2; mix-blend-mode: overlay; pointer-events: none; } .pyh-about__ix-t { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding-block-end: 10px; border-block-end: 1px solid rgba(255, 255, 255, .22); color: rgba(255, 255, 255, .82); font-family: var(--pyh-font-heading, inherit); font-size: 11.5px; font-weight: 800; letter-spacing: .02em; }  .pyh-about__ix-t::before { content: ""; inline-size: 14px; block-size: 3px; border-radius: 3px; background: var(--pyh-p-warm); } .pyh-about__ix ol { display: grid; gap: 2px; margin: 0; padding: 0;  list-style: none; } .pyh-about__ix-l { position: relative; display: block; padding: 6px 12px 6px 0; border-radius: 8px; color: rgba(255, 255, 255, .8); font-size: 13px; font-weight: 600; line-height: 1.6; text-decoration: none; transition: color .18s ease, background-color .18s ease; } .pyh-about__ix-l.is-sub { padding-inline-start: 14px; font-size: 12.5px; }  .pyh-about__ix-l.is-current { padding-inline-start: 12px; background: rgba(255, 255, 255, .14); color: #fff; font-weight: 800; } .pyh-about__ix-l.is-current.is-sub { padding-inline-start: 22px; } .pyh-about__ix-l.is-current::before { content: ""; position: absolute; inset-inline-start: 4px; inset-block: 7px; inline-size: 2px; border-radius: 2px; background: #fff; }  @media (min-width: 1000px) { .pyh-about { grid-template-columns: minmax(0, 1fr) 210px; gap: 40px; } .pyh-about__ix { grid-column: 2; grid-row: 1; position: sticky; inset-block-start: var(--pyh-p-clear); align-self: start; } .pyh-about .pyh-pdp__prose { grid-column: 1; grid-row: 1; } }  .pyh-rev { display: grid; gap: 26px; }   .pyh-rev__sum { position: relative; display: grid; gap: 18px; align-items: center; padding: 18px 18px 16px; border: 0; border-radius: 18px;  background: radial-gradient(110% 80% at 8% 0%, color-mix(in srgb, var(--pyh-p-warm) 26%, transparent), transparent 66%), color-mix(in srgb, var(--pyh-p-warm) 11%, var(--pyh-c-card, #fff)); overflow: hidden; } .pyh-rev__sum::after { content: ""; position: absolute; inset: 0; background-image: var(--pyh-p-grain); opacity: .14; mix-blend-mode: overlay; pointer-events: none; } @media (min-width: 640px) and (max-width: 999px) {  .pyh-rev__sum { grid-template-columns: auto minmax(0, 1fr); } }  @media (min-width: 1000px) { .pyh-rev { grid-template-columns: 286px minmax(0, 1fr); gap: 30px 46px; align-items: start; } .pyh-rev__sum { grid-column: 1; grid-row: 1 / span 2; grid-template-columns: minmax(0, 1fr); position: sticky; inset-block-start: var(--pyh-p-clear); } .pyh-rev__thread, .pyh-rev__formwrap { grid-column: 2; }  .pyh-rev__score { padding-inline-end: 0; border-inline-end: 0; padding-block-end: 14px; border-block-end: var(--pyh-p-rule); } }  .pyh-rev__write { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 14px; border: 1px solid color-mix(in srgb, var(--pyh-c-ink, #141821) 14%, transparent); border-radius: var(--pyh-radius-pill, 999px); color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 13px; font-weight: 700; text-decoration: none; transition: border-color .2s ease, color .2s ease; } .pyh-rev__write-i { inline-size: 16px; block-size: 16px; } .pyh-rev__score { display: grid; justify-items: center; gap: 6px; padding-inline-end: 20px; border-inline-end: var(--pyh-p-rule); }  @media (max-width: 639px) { .pyh-rev__score { padding-inline-end: 0; border-inline-end: 0; padding-block-end: 16px; border-block-end: var(--pyh-p-rule); } } .pyh-rev__n { color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit);  font-size: 44px; font-weight: 900; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; } .pyh-rev__of { color: var(--pyh-c-muted, #6b7280); font-size: 12px; font-weight: 600; white-space: nowrap; } .pyh-rev__bars { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; } .pyh-rev__bar { display: grid; grid-template-columns: 1.2em minmax(0, 1fr) 2.4em; align-items: center; gap: 9px; font-size: 12px; font-variant-numeric: tabular-nums; } .pyh-rev__bar-k { color: var(--pyh-c-muted, #6b7280); font-weight: 700; text-align: center; } .pyh-rev__bar-t { block-size: 7px; border-radius: 4px;  background: color-mix(in srgb, var(--pyh-p-warm) 22%, transparent); overflow: hidden; } .pyh-rev__bar-f { display: block; block-size: 100%; border-radius: 4px; background: linear-gradient( to var(--pyh-p-flow, left), var(--pyh-p-warm), color-mix(in srgb, var(--pyh-p-warm) 72%, #f5b73f) );  inline-size: max(var(--pyh-bar, 0%), 3px); }  .pyh-rev__bar-f[style*="0%"] { inline-size: 0; } .pyh-rev__bar-n { color: var(--pyh-c-muted, #6b7280); text-align: end; }  .pyh-rev__list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }  .pyh-rev__list > li { padding-block: 18px; } .pyh-rev__list > li + li { border-block-start: 1px dashed color-mix(in srgb, var(--pyh-c-ink, #141821) 18%, transparent); } .pyh-rev__list > li:first-child { padding-block-start: 4px; } .pyh-rev .comment_container { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; align-items: start; }  .pyh-rev .comment_container img.avatar, .pyh-rev .comment_container .pyh-avatar { inline-size: 42px; block-size: 42px; border-radius: var(--pyh-radius-pill, 999px); } .pyh-rev .comment-text { min-inline-size: 0; } .pyh-rev__stars { margin-block-end: 6px; } .pyh-rev__who { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-block-end: 8px; } .pyh-rev__author { color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 13.5px; font-weight: 700; }  .pyh-rev__badge { display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px 2px 6px; border-radius: var(--pyh-radius-pill, 999px); background: rgba(21, 128, 61, .1); color: #15803d; font-size: 11px; font-weight: 700; } .pyh-rev__badge-i { inline-size: 13px; block-size: 13px; }  .pyh-rev__when { color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; font-variant-numeric: tabular-nums; } .pyh-rev .description, .pyh-rev .comment-text p {  max-inline-size: 68ch; margin: 0 0 .7em; color: var(--pyh-c-ink, #141821); font-size: 14px; line-height: 1.95; text-wrap: pretty; } .pyh-rev .comment-text p:last-child { margin-block-end: 0; } .pyh-rev__none, .pyh-rev__gate, .pyh-rev__login { margin: 0; padding: 16px; border-radius: 4px; background: var(--pyh-sunken, rgba(20, 22, 28, .04)); color: var(--pyh-c-muted, #6b7280); font-size: 13px; }  .pyh-rev__formwrap { padding-block-start: 22px; border-block-start: var(--pyh-p-rule); } .pyh-rev__formtitle { display: block; margin-block-end: 14px; color: var(--pyh-c-ink, #141821); font-family: var(--pyh-font-heading, inherit); font-size: 15px; font-weight: 800; } .pyh-rev #commentform { display: grid; gap: 14px; max-inline-size: 620px; } .pyh-cfield { display: grid; gap: 6px; margin: 0; } .pyh-cfield > label, .pyh-cfield__label { color: var(--pyh-c-muted, #6b7280); font-size: 12px; font-weight: 700; } .pyh-cfield .required { color: var(--pyh-c-accent, #c41230); } .pyh-cfield input[type="text"], .pyh-cfield input[type="email"], .pyh-cfield textarea { inline-size: 100%; padding: 11px 13px; border: var(--pyh-p-rule); border-radius: 4px; background: var(--pyh-c-card, #fff); color: var(--pyh-c-ink, #141821); font-family: inherit; font-size: 14px; line-height: 1.8; transition: border-color .18s ease, box-shadow .18s ease; } .pyh-cfield textarea { resize: vertical; } .pyh-cfield input:focus, .pyh-cfield textarea:focus { outline: none; border-color: var(--pyh-c-accent, #c41230); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pyh-c-accent, #c41230) 14%, transparent); }  .pyh-cfield input:user-invalid, .pyh-cfield textarea:user-invalid { border-color: var(--pyh-c-accent, #c41230); } .pyh-cfield__note { color: var(--pyh-c-muted, #6b7280); font-size: 11px; } .pyh-cfield--check { display: flex; align-items: flex-start; gap: 8px; } .pyh-cfield--check label { color: var(--pyh-c-ink, #141821); font-size: 12.5px; font-weight: 500; line-height: 1.7; } .pyh-cfield--check input { margin-block-start: 3px; }   .pyh-rate { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 3px; } .pyh-rate__r { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); } .pyh-rate__s { display: grid; place-items: center; inline-size: 34px; block-size: 34px; color: var(--pyh-c-line, rgba(15, 23, 42, .18)); cursor: pointer; transition: color .15s ease, transform .15s ease; } .pyh-rate__s svg { inline-size: 26px; block-size: 26px; fill: currentColor; }  .pyh-rate__r:checked ~ .pyh-rate__s, .pyh-rate__r:checked + .pyh-rate__s { color: #f59e0b; }  .pyh-rate__r:focus-visible + .pyh-rate__s { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: 2px; border-radius: 4px; } .pyh-rev__submit { justify-self: start; padding: 12px 26px; border: 0; border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-c-ink, #141821); color: #fff; font-family: var(--pyh-font-heading, inherit); font-size: 14px; font-weight: 800; cursor: pointer; transition: filter .18s ease, transform .12s ease; }   .pyh-sticky { position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 30; border-block-start: 1px solid color-mix(in srgb, var(--pyh-c-accent, #c41230) 40%, transparent); background: var(--pyh-glass, var(--pyh-c-card, #fff)); -webkit-backdrop-filter: var(--pyh-glass-blur, none); backdrop-filter: var(--pyh-glass-blur, none); box-shadow: 0 -10px 30px rgb(0 0 0 / 55%);  padding-block-end: env(safe-area-inset-bottom, 0);  transform: translateY(105%); transition: transform .3s cubic-bezier(.2, .7, .3, 1); } .pyh-sticky[data-shown] { transform: none; } .pyh-sticky__in { display: flex; align-items: center; gap: 14px; padding-block: 10px; } .pyh-sticky__id { display: flex; align-items: center; gap: 10px; min-inline-size: 0; flex: 1; } .pyh-sticky__img { inline-size: 44px; block-size: 44px; border-radius: var(--pyh-c-radius-sm, 6px); background: var(--pyh-p-plate); object-fit: contain; flex: none; } .pyh-sticky__name { color: var(--pyh-c-ink, #141821); font-size: 13px; font-weight: 700; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .pyh-sticky__end { display: flex; align-items: center; gap: 12px; flex: none; } .pyh-sprice { display: grid; gap: 0; text-align: end; } .pyh-sprice__was { color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; font-variant-numeric: tabular-nums; } .pyh-sprice__now { color: var(--pyh-p-price); font-family: var(--pyh-font-heading, inherit); font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; } .pyh-sprice__save { display: none; } .pyh-sticky__money { display: grid; gap: 1px; justify-items: end; min-inline-size: 0; } .pyh-sticky__note { color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-inline-size: 46vw; }  @media (max-width: 640px) { .pyh-sticky__id { display: none; } .pyh-sticky__end { flex: 1; justify-content: space-between; gap: 10px; } .pyh-sticky__money { justify-items: start; } .pyh-sticky__go { flex: 0 1 190px; min-inline-size: 0; }  .pyh-sticky__money { min-inline-size: 0; } .pyh-sticky__money .pyh-sprice__now { white-space: normal; font-size: 13.5px; line-height: 1.35; } } .pyh-sticky__go { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-inline-size: 168px; padding: 12px 22px; border: 0;  border-radius: var(--pyh-glass-r-sm, 12px); background-color: var(--pyh-c-accent, #c41230); background-image: var(--pyh-act, none); box-shadow: var(--pyh-glow, none); color: var(--pyh-act-ink, var(--pyh-c-on-accent, #fff)); font-family: var(--pyh-font-heading, inherit); font-size: 14.5px; font-weight: 900; text-decoration: none; cursor: pointer; white-space: nowrap; flex: none; } .pyh-sticky__go-i { inline-size: 18px; block-size: 18px; }   .pyh-rtile { display: grid; grid-template-rows: auto auto auto; gap: 6px; padding: 10px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-c-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-c-card, #fff); color: var(--pyh-c-ink, #141821); text-decoration: none; scroll-snap-align: start; transition: border-color .2s ease, transform .2s ease; } .pyh-rtile__img { inline-size: 100%; aspect-ratio: 1; border-radius: var(--pyh-c-radius-sm, 6px); background: var(--pyh-p-plate); object-fit: contain; padding: 6%; } .pyh-rtile__name { font-size: 12.5px; font-weight: 600; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .pyh-rtile__price { color: var(--pyh-p-price); font-family: var(--pyh-font-heading, inherit); font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }  @media (prefers-reduced-motion: no-preference) { .pyh-buy__form.is-pulse { animation: pyh-pulse 1.4s ease-out 1; border-radius: var(--pyh-c-radius, 12px); } @keyframes pyh-pulse { 0%, 100% { box-shadow: 0 0 0 0 transparent; } 18% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--pyh-c-accent, #c41230) 26%, transparent); } 46% { box-shadow: 0 0 0 0 transparent; } 64% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--pyh-c-accent, #c41230) 26%, transparent); } } }  .pyh-pdp__rails { padding-block: 6px 40px; }  @media (hover: hover) { .pyh-shots__tool:hover { gap: 7px; background: var(--pyh-p-ink); }  .pyh-shots__tool:hover .pyh-shots__tool-t, .pyh-shots__tool:focus-visible .pyh-shots__tool-t { max-inline-size: 14ch; opacity: 1; } .pyh-shots__thumb:hover { opacity: 1; } .pyh-shots__thumb:hover .pyh-shots__thumb-i { border-color: color-mix(in srgb, var(--pyh-c-ink, #141821) 22%, transparent); }  .pyh-shots--zoom .pyh-shots__slide:hover .pyh-shots__img { transform: scale(1.9); } .pyh-pshare__open:hover { color: var(--pyh-c-accent, #c41230); border-color: var(--pyh-c-accent, #c41230); } .pyh-pshare__go:hover { background: var(--pyh-sunken, rgba(20, 22, 28, .04)); } .pyh-qty__b:not([disabled]):hover { background: var(--pyh-c-accent, #c41230); color: var(--pyh-c-on-accent, #fff); }  .pyh-buy__form .single_add_to_cart_button:not(.disabled):not([disabled]):hover, .pyh-buy__cta:hover { background-image: var(--pyh-act-hover, var(--pyh-act, none)); box-shadow: var(--pyh-glow-strong, none); transform: translateY(-2px); } .pyh-vsw__b:not([data-pyh-unavailable]):hover { border-color: var(--pyh-c-accent, #c41230); } .pyh-buy__alts a:hover { background: var(--pyh-c-card, #fff); } .pyh-specs__more:hover { border-color: var(--pyh-c-accent, #c41230); color: var(--pyh-c-accent, #c41230); } .pyh-readout__more:hover, .pyh-pdp__rate:hover { text-decoration: underline; } .pyh-specs__row:hover { background: var(--pyh-sunken, rgba(20, 22, 28, .035)); } .pyh-about__ix-l:hover { background: rgba(255, 255, 255, .1); color: #fff; } .pyh-rev__write:hover { border-color: var(--pyh-p-warm); color: var(--pyh-p-warm); } .pyh-readout__cell:hover { background-color: var(--pyh-sf-over-2, rgba(20, 22, 28, .06)); } .pyh-pdp__tab:hover { color: var(--pyh-c-ink, #141821); }  .pyh-rate:hover .pyh-rate__s { color: var(--pyh-c-line, rgba(15, 23, 42, .18)); } .pyh-rate__s:hover, .pyh-rate__s:hover ~ .pyh-rate__s { color: #fbbf24; } .pyh-rate__s:hover { transform: scale(1.1); } .pyh-rev__submit:hover { filter: brightness(1.35); } } .pyh-rev__submit:active { transform: translateY(1px); } .pyh-rev__submit:focus-visible { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: 2px; } .pyh-buy__form .single_add_to_cart_button:active, .pyh-buy__cta:active, .pyh-sticky__go:active { transform: translateY(1px); }  .pyh-buy__form .quantity .pyh-qty__b:not([disabled]):active { transform: scale(.92); } .pyh-shots__tool:focus-visible, .pyh-shots__thumb:focus-visible, .pyh-lbx__x:focus-visible, .pyh-pshare__open:focus-visible, .pyh-pshare__go:focus-visible, .pyh-qty__b:focus-visible, .pyh-vsw__b:focus-visible, .pyh-specs__more:focus-visible, .pyh-pdp__tab:focus-visible, .pyh-sticky__go:focus-visible, .pyh-buy__form .single_add_to_cart_button:focus-visible, .pyh-buy__cta:focus-visible { outline: 2px solid var(--pyh-c-accent, #c41230); outline-offset: 2px; }   @supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) { .pyh-pdp__sec { animation: pyh-pdp-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 34%; } } @keyframes pyh-pdp-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } }  @media (max-width: 899px) { .pyh-pdp__beast { gap: 18px; }   .pyh-pdp__detail { order: 3; } .pyh-buy { box-shadow: none; } .pyh-specs__row { grid-template-columns: minmax(0, 9rem) minmax(0, 1fr); } }  @media (max-width: 899px) { .pyh-shots__frame { margin-inline: calc(var(--pyh-c-gutter, 20px) * -1); }  .pyh-shots { --pyh-shot-r: 0px; } .pyh-shots__frame::after { box-shadow: inset 0 1px 0 color-mix(in srgb, var(--pyh-c-ink, #141821) 10%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--pyh-c-ink, #141821) 10%, transparent); }  .pyh-pdp__sec { margin-inline: calc(var(--pyh-c-gutter, 20px) * -1); padding-inline: var(--pyh-c-gutter, 20px); padding-block: 24px; } } @media (max-width: 560px) { .pyh-pdp__bar-in { min-block-size: 44px; }  .pyh-pdp__bar-in .pyh-crumbs { overflow-x: auto; scrollbar-width: none; } .pyh-pdp__beast { padding-block: 14px 20px; } .pyh-shots__thumb { inline-size: 54px; } .pyh-shots__thumb-i { inline-size: 54px; block-size: 54px; border-radius: 10px; } .pyh-buy { padding: 14px; border-radius: var(--pyh-c-radius, 12px); }  .pyh-sticky__name { display: none; } .pyh-sticky__in { gap: 10px; padding-block: 8px; } .pyh-sticky__go { padding: 12px 16px; }  .pyh-main--pdp:has(.pyh-sticky) { padding-block-end: 76px; } .pyh-pdp__tab { padding: 13px 11px; font-size: 13px; } }  .pyh-feat { --pyh-feat-h: clamp(240px, 27vw, 360px); position: relative; isolation: isolate; margin: 0 0 28px; block-size: var(--pyh-feat-h); border-radius: var(--pyh-c-radius-lg, 20px); background: var(--pyh-p-ink); box-shadow: 0 24px 48px -34px color-mix(in srgb, var(--pyh-c-ink, #141821) 80%, transparent); overflow: hidden; } .pyh-feat__plate { position: absolute; inset: 0; z-index: 0; }  .pyh-feat__img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 50% 42%; display: block; transition: scale 1.1s cubic-bezier(.2, .7, .3, 1); } @media (hover: hover) { .pyh-feat:hover .pyh-feat__img { scale: 1.04; } }  .pyh-feat__plate::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to var(--pyh-p-flow, left), color-mix(in srgb, var(--pyh-p-ink) 90%, transparent), color-mix(in srgb, var(--pyh-p-ink) 58%, transparent) 40%, transparent 74%), linear-gradient(to bottom, color-mix(in srgb, var(--pyh-p-ink) 30%, transparent), transparent 32%); pointer-events: none; }  .pyh-feat::after { content: none; } .pyh-feat__cap { position: absolute; inset-block-end: 0; inset-inline-start: 0; z-index: 2; display: flex; flex-direction: column; gap: 8px; max-inline-size: min(66%, 620px); padding: 26px 30px 28px; }  .pyh-feat__eyebrow { display: inline-flex; align-items: center; gap: 9px; color: color-mix(in srgb, var(--pyh-fx-a) 45%, #ffffff); font-size: 11.5px; font-weight: 700; letter-spacing: .06em; } @supports not (color: color-mix(in srgb, red 50%, white)) { .pyh-feat__eyebrow { color: #ffb6cd; } }  .pyh-feat__eyebrow::before { content: ""; inline-size: 24px; block-size: 2px; background-color: var(--pyh-fx-a); background-image: var(--pyh-fx-sweep); border-radius: 2px; flex: none; } .pyh-feat__name { color: #fff; font-family: var(--pyh-font-heading, inherit); font-size: clamp(17px, 2.1vw, 25px); font-weight: 700; line-height: 1.55; text-wrap: balance;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media (max-width: 700px) { .pyh-feat__cap { max-inline-size: 100%; padding: 18px 18px 20px; }  .pyh-feat { --pyh-fx-in: 10px; --pyh-fx-s: 34px; } }     @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-pdp__titlecard::after, .pyh-readout__face::after, .pyh-feat::before, .pyh-pdp__prose::before { content: ""; position: absolute; z-index: 4; inset: 0;  border-radius: inherit;  padding: 1.4px; pointer-events: none; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }  .pyh-pdp__titlecard::after { background: conic-gradient( from var(--pyh-fx-turn, 0deg) at 50% 50%, var(--pyh-c-line, rgba(15, 23, 42, .1)) 0 5%, color-mix(in srgb, var(--pyh-fx-a) 70%, transparent) 12%, var(--pyh-fx-a) 17%, var(--pyh-fx-b) 24%, color-mix(in srgb, var(--pyh-fx-b) 60%, transparent) 30%, var(--pyh-c-line, rgba(15, 23, 42, .1)) 38% 100% ); }  .pyh-readout__face::after { padding: 1.1px; background: conic-gradient( from var(--pyh-fx-turn, 0deg) at 50% 50%, var(--pyh-glass-line, rgba(15, 23, 42, .1)) 0 8%, color-mix(in srgb, var(--pyh-fx-a) 55%, transparent) 14%, var(--pyh-fx-a) 19%, var(--pyh-fx-b) 25%, color-mix(in srgb, var(--pyh-fx-b) 45%, transparent) 30%, var(--pyh-glass-line, rgba(15, 23, 42, .1)) 36% 100% ); }  .pyh-pdp__titlecard, .pyh-readout__face { border-color: transparent; }  .pyh-feat::before, .pyh-pdp__prose::before { background: linear-gradient( to var(--pyh-p-flow, left), var(--pyh-fx-a), var(--pyh-fx-b) 34%, color-mix(in srgb, var(--pyh-fx-b) 40%, var(--pyh-c-line, rgba(15, 23, 42, .1))) 62%, var(--pyh-c-line, rgba(15, 23, 42, .1)) 88% ); opacity: max(.5, var(--pyh-fx-lume, 1)); }  .pyh-pdp__prose { box-shadow: inset 0 1px 0 var(--pyh-edge-hi, transparent); } @media (prefers-reduced-motion: no-preference) { .pyh-pdp__titlecard::after { animation: pyh-fx-turn 7s linear infinite; }  .pyh-readout__face::after { animation: pyh-fx-turn 11s linear infinite; } }  .pyh-lowfx .pyh-pdp__titlecard::after, .pyh-lowfx .pyh-readout__face::after, body.pyh-lowfx .pyh-pdp__titlecard::after, body.pyh-lowfx .pyh-readout__face::after { animation: none; } }    .pyh-pdp__sec { position: relative; border-block-start: 0; } .pyh-pdp__sec::before, .pyh-pdp__rails::before { content: ""; position: absolute; inset-block-start: -13px; inset-inline: calc(50% - 50vw); block-size: 26px; pointer-events: none; background-image: radial-gradient(26% 100% at 50% 50%, color-mix(in srgb, var(--pyh-fx-a) 26%, transparent), transparent 72%), linear-gradient( to var(--pyh-p-flow, left), transparent 0%, color-mix(in srgb, var(--pyh-fx-a) 62%, transparent) 24%, var(--pyh-fx-a) 45%, color-mix(in srgb, var(--pyh-fx-a) 45%, #ffffff) 50%, var(--pyh-fx-b) 55%, color-mix(in srgb, var(--pyh-fx-b) 62%, transparent) 76%, transparent 100% ); background-size: 100% 100%, 100% 1px; background-position: 50% 50%, 50% 50%; background-repeat: no-repeat, no-repeat; opacity: calc(.85 * var(--pyh-fx-lume, 1)); } .pyh-pdp__rails { position: relative; }  .pyh-pdp__panels > .pyh-pdp__sec:first-child::before { display: none; }  @supports not (background: color-mix(in srgb, red 50%, transparent)) { .pyh-pdp__sec { border-block-start: var(--pyh-p-rule); } }   .pyh-buy__trust-i svg { stroke: url("#pyh-fx-stroke") currentColor; }  .pyh-fx-stop-a { stop-color: var(--pyh-fx-a); } .pyh-fx-stop-b { stop-color: var(--pyh-fx-b); }  .pyh-fx-defs { position: absolute; inline-size: 0; block-size: 0; overflow: hidden; }    @media (min-width: 900px) { @supports ((mask-image: radial-gradient(#000, #000)) or (-webkit-mask-image: radial-gradient(#000, #000))) { .pyh-shots::after { content: ""; position: absolute; z-index: 0;  inset-block-start: -6%; inset-inline: -15%; aspect-ratio: 1; pointer-events: none; border-radius: 50%; background-image: conic-gradient( from 0deg, transparent 0 6%, var(--pyh-fx-a) 20%, transparent 36% 54%, var(--pyh-fx-b) 70%, transparent 88% 100% ); -webkit-mask-image: radial-gradient( closest-side, transparent 0 73.5%, #000 75% 76.6%, transparent 78% 85%, #000 86.4% 88%, transparent 89.4% ); mask-image: radial-gradient( closest-side, transparent 0 73.5%, #000 75% 76.6%, transparent 78% 85%, #000 86.4% 88%, transparent 89.4% ); opacity: calc(.7 * var(--pyh-fx-lume, 1)); } } } @keyframes pyh-fx-spin { to { rotate: 360deg; } }  .pyh-pdp__titlecard::before { display: none; }   .pyh-readout__mark, .pyh-specs__mark { position: relative; isolation: isolate; display: grid; place-items: center; inline-size: 30px; block-size: 30px; flex: none; border-radius: var(--pyh-radius-pill, 999px); background-color: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); color: var(--pyh-c-accent, #c41230); }  .pyh-readout__mark::before, .pyh-specs__mark::before { content: ""; position: absolute; z-index: 0; inset: -42%; pointer-events: none; border-radius: inherit; background: radial-gradient( closest-side, color-mix(in srgb, var(--pyh-fx-a) 34%, transparent), transparent 74% ); opacity: calc(.9 * var(--pyh-fx-lume, 1)); }  @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-readout__mark::after, .pyh-specs__mark::after { content: ""; position: absolute; z-index: 2; inset: 0; border-radius: inherit; padding: 1.2px; pointer-events: none; background: conic-gradient( from 132deg, var(--pyh-fx-ink) 0 6%, var(--pyh-fx-a) 17%, var(--pyh-fx-b) 28%, var(--pyh-fx-ink) 40% 100% ); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } }  @supports not ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { .pyh-readout__mark, .pyh-specs__mark { box-shadow: 0 0 0 1px color-mix(in srgb, var(--pyh-fx-b) 30%, transparent); } } .pyh-readout__mark-i, .pyh-specs__mark-i { position: relative; z-index: 1; inline-size: 16px; block-size: 16px; }  .pyh-readout__mark-i, .pyh-specs__mark-i { stroke: url("#pyh-fx-stroke") currentColor; }  .pyh-specs__cap-t::before { content: none; }  .pyh-specs__cap-t { align-items: center; gap: 10px; }    html:not([data-pyh-mode="dark"]) .pyh-pdp__sec::before, html:not([data-pyh-mode="dark"]) .pyh-pdp__rails::before { block-size: 1px; inset-block-start: -1px; background-image: linear-gradient( to var(--pyh-p-flow, left), transparent 0%, var(--pyh-fx-a) 18%, var(--pyh-fx-b) 30%, var(--pyh-fx-ink) 58%, var(--pyh-fx-ink) 100% ); background-size: 100% 1px; opacity: .9; }  html:not([data-pyh-mode="dark"]) .pyh-feat::before, html:not([data-pyh-mode="dark"]) .pyh-pdp__prose::before { background: linear-gradient( to var(--pyh-p-flow, left), var(--pyh-fx-a), var(--pyh-fx-b) 22%, var(--pyh-fx-ink) 46%, var(--pyh-fx-ink) 100% ); opacity: 1; }  html:not([data-pyh-mode="dark"]) .pyh-feat::before { background: linear-gradient( to var(--pyh-p-flow, left), var(--pyh-fx-a), var(--pyh-fx-b) 34%, color-mix(in srgb, var(--pyh-fx-b) 40%, rgba(255, 255, 255, .22)) 62%, rgba(255, 255, 255, .18) 88% ); opacity: 1; }  html:not([data-pyh-mode="dark"]) .pyh-shots::before { inset: 2% -4% 10%; background: radial-gradient( 54% 46% at 50% 74%, rgb(var(--pyh-shadow-ink, 37 45 66) / 20%), transparent 76% ), radial-gradient( 34% 30% at 76% 22%, color-mix(in srgb, var(--pyh-c-accent, #c41230) 9%, transparent), transparent 76% ); filter: blur(28px); }  html:not([data-pyh-mode="dark"]) .pyh-shots::after { background-image: conic-gradient( from 0deg, var(--pyh-fx-ink) 0 44%, color-mix(in srgb, var(--pyh-fx-a) 30%, var(--pyh-fx-ink)) 47%, var(--pyh-fx-a) 50%, var(--pyh-fx-b) 55%, color-mix(in srgb, var(--pyh-fx-b) 30%, var(--pyh-fx-ink)) 58%, var(--pyh-fx-ink) 61% 100% ); -webkit-mask-image: radial-gradient( closest-side, transparent 0 74.9%, #000 75% 75.45%, transparent 75.5% 86.85%, #000 86.9% 87.35%, transparent 87.4% ); mask-image: radial-gradient( closest-side, transparent 0 74.9%, #000 75% 75.45%, transparent 75.5% 86.85%, #000 86.9% 87.35%, transparent 87.4% ); opacity: .95; }  @media (min-width: 900px) and (prefers-reduced-motion: no-preference) { html:not([data-pyh-mode="dark"]) .pyh-shots::after { animation-duration: 62s; } }   @media (min-width: 1200px) { .pyh-pdp__beast {  grid-template-columns: minmax(0, clamp(440px, 38vh + 200px, 640px)) minmax(360px, 540px); gap: clamp(30px, 3.4vw, 64px); justify-content: center; } }  @media (min-width: 1200px) { .pyh-pdp__sum, .pyh-pdp__prose { max-inline-size: 78ch; } }  @media (min-width: 900px) and (prefers-reduced-motion: no-preference) {  .pyh-shots::after { animation: pyh-fx-spin 30s linear infinite; will-change: rotate; } }  .pyh-lowfx .pyh-shots::after, body.pyh-lowfx .pyh-shots::after { animation: none; will-change: auto; }   .pyh-buy__trust { display: flex; flex-wrap: wrap; gap: 9px; } .pyh-buy__trust-r { --pyh-fx-i: 0; position: relative; flex: 1 1 116px; flex-direction: column; align-items: center; gap: 7px; padding: 13px 8px 11px; border: 1px solid var(--pyh-glass-line, rgba(15, 23, 42, .1)); border-radius: var(--pyh-glass-r-sm, 14px); background: var(--pyh-glass-2, transparent); text-align: center; overflow: hidden; transition: border-color .24s ease, transform .24s cubic-bezier(.2, .7, .3, 1), box-shadow .24s ease; }  .pyh-buy__trust-r:nth-child(2) { --pyh-fx-i: 1; } .pyh-buy__trust-r:nth-child(3) { --pyh-fx-i: 2; } .pyh-buy__trust-r:nth-child(4) { --pyh-fx-i: 3; } .pyh-buy__trust-r:nth-child(5) { --pyh-fx-i: 4; } .pyh-buy__trust-r:nth-child(6) { --pyh-fx-i: 5; }  .pyh-buy__trust-i { position: relative; display: grid; place-items: center; inline-size: 40px; block-size: 40px; border-radius: var(--pyh-radius-pill, 999px); border: 1px solid color-mix(in srgb, var(--pyh-fx-b) 26%, transparent); background: var(--pyh-sf-over, rgba(20, 22, 28, .04)); flex: none; } @supports (background: color-mix(in srgb, red 50%, transparent)) { .pyh-buy__trust-i::before { content: ""; position: absolute; inset: -60%; z-index: 0; border-radius: inherit; pointer-events: none; background: radial-gradient( closest-side, color-mix(in srgb, var(--pyh-fx-a) 55%, transparent), color-mix(in srgb, var(--pyh-fx-b) 26%, transparent) 58%, transparent 78% ); opacity: calc(.34 * var(--pyh-fx-lume, 1)); } }  .pyh-buy__trust-i svg { position: relative; z-index: 1; inline-size: 20px; block-size: 20px;  filter: drop-shadow(0 0 3px color-mix(in srgb, var(--pyh-fx-a) 60%, transparent)); } .pyh-buy__trust-b strong { font-size: 11.5px; line-height: 1.45; }  @supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) { .pyh-buy__trust-i svg { animation: pyh-fx-draw 1s linear both; animation-timeline: view(); animation-range: entry calc(12% + var(--pyh-fx-i, 0) * 7%) cover calc(26% + var(--pyh-fx-i, 0) * 7%); } } } @keyframes pyh-fx-draw { from { stroke-dasharray: 240; stroke-dashoffset: 240; } to { stroke-dasharray: 240; stroke-dashoffset: 0; } }  @keyframes pyh-fx-breathe { 0%, 100% { opacity: calc(.28 * var(--pyh-fx-lume, 1)); scale: .94; } 50% { opacity: calc(.62 * var(--pyh-fx-lume, 1)); scale: 1.06; } } @media (prefers-reduced-motion: no-preference) { .pyh-buy__trust-i::before { animation: pyh-fx-breathe 3.6s ease-in-out infinite; animation-delay: calc(var(--pyh-fx-i, 0) * -.6s); } }  .pyh-lowfx .pyh-buy__trust-i::before, body.pyh-lowfx .pyh-buy__trust-i::before { animation: none; }  @media (max-width: 640px) { .pyh-buy__trust { gap: 7px; } .pyh-buy__trust-r { flex: 1 1 150px; flex-direction: row; align-items: center; justify-content: flex-start; gap: 9px; padding: 8px 11px 8px 9px; text-align: start; } .pyh-buy__trust-i { inline-size: 30px; block-size: 30px; } .pyh-buy__trust-i svg { inline-size: 16px; block-size: 16px; }  .pyh-buy__trust-b { min-inline-size: 0; } .pyh-buy__trust-b strong { font-size: 11px; line-height: 1.35; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } }   @media (max-width: 640px) {  .pyh-vsw .pyh-vsw__b { flex: 1 1 auto; } }  .pyh-trustbar { position: relative; isolation: isolate; margin-block-start: 4px;  padding-block: clamp(22px, 2.9vw, 36px); border-block-end: 1px solid var(--pyh-c-line, rgba(15, 23, 42, .1));  background: var(--pyh-glass-2, transparent); overflow: hidden; }  @supports (background: color-mix(in srgb, red 50%, transparent)) { .pyh-trustbar::before { content: ""; position: absolute; z-index: 0; inset-block: 0; left: 0; inline-size: 34%; pointer-events: none; background: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--pyh-fx-a) 9%, transparent) 42%, color-mix(in srgb, var(--pyh-fx-b) 8%, transparent) 62%, transparent ); opacity: var(--pyh-fx-lume, 1); translate: -100% 0; } } @media (prefers-reduced-motion: no-preference) { .pyh-trustbar::before { animation: pyh-fx-scan 11s ease-in-out infinite; } } @keyframes pyh-fx-scan { to { translate: 340% 0; } } .pyh-lowfx .pyh-trustbar::before, body.pyh-lowfx .pyh-trustbar::before { animation: none; opacity: 0; }  .pyh-trustbar::after { content: ""; position: absolute; z-index: 2; inset-block-start: 0; inset-inline: 0; block-size: 1px; pointer-events: none; background: linear-gradient( to var(--pyh-p-flow, left), var(--pyh-fx-a), var(--pyh-fx-b) 30%, var(--pyh-c-line, rgba(15, 23, 42, .1)) 72% ); opacity: max(.55, var(--pyh-fx-lume, 1)); }  .pyh-trustbar__in { position: relative; z-index: 1; }  .pyh-trustbar .pyh-buy__trust { gap: 0; padding: 0; }  .pyh-trustbar .pyh-buy__trust-r { flex: 1 1 210px; flex-direction: row; align-items: center; justify-content: center; gap: 14px; padding: 4px clamp(14px, 1.6vw, 26px); border: 0; border-radius: 0; background: none; text-align: start; overflow: visible; }  .pyh-trustbar .pyh-buy__trust-r + .pyh-buy__trust-r::before { content: ""; position: absolute; inset-block: 12%; inset-inline-start: 0; inline-size: 1px;  background: linear-gradient( to bottom, transparent, color-mix(in srgb, var(--pyh-c-ink, #141821) 22%, transparent) 28% 72%, transparent ); pointer-events: none; } .pyh-trustbar .pyh-buy__trust-i { inline-size: 46px; block-size: 46px; } .pyh-trustbar .pyh-buy__trust-i svg { inline-size: 23px; block-size: 23px; } .pyh-trustbar .pyh-buy__trust-b { display: grid; gap: 3px; min-inline-size: 0; } .pyh-trustbar .pyh-buy__trust-b strong { font-size: 13.5px; font-weight: 800; line-height: 1.5; }  .pyh-trustbar .pyh-buy__trust-b span { position: static; inline-size: auto; block-size: auto; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal; color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; line-height: 1.6; }  @media (max-width: 720px) { .pyh-trustbar { padding-block: 14px; } .pyh-trustbar .pyh-buy__trust-r { flex: 1 1 46%; gap: 10px; padding: 9px 10px; } .pyh-trustbar .pyh-buy__trust-r + .pyh-buy__trust-r::before { display: none; } .pyh-trustbar .pyh-buy__trust-i { inline-size: 34px; block-size: 34px; } .pyh-trustbar .pyh-buy__trust-i svg { inline-size: 18px; block-size: 18px; } .pyh-trustbar .pyh-buy__trust-b strong { font-size: 12px; }  .pyh-trustbar .pyh-buy__trust-b span { display: none; } }  .pyh-pdp__engine .pyh-pdp__sum { position: relative; max-inline-size: none; margin-block: 4px 0; padding: 11px 14px 12px; border: 0; border-radius: 12px; background-color: var(--pyh-fx-cell, rgba(15, 23, 42, .035));  background-image: none; box-shadow: inset 0 0 0 1px var(--pyh-fx-ink),  inset 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 12%); font-size: 13.5px; line-height: 1.95; }  .pyh-pdp__engine .pyh-pdp__sum::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: 3px; border-start-start-radius: inherit; border-end-start-radius: inherit; background-image: linear-gradient( to bottom, var(--pyh-fx-a), var(--pyh-fx-b) 52%, transparent ); opacity: max(.6, var(--pyh-fx-lume, 1)); }  .pyh-pdp__engine .pyh-pdp__sum > * { margin-block: 0; } .pyh-pdp__engine .pyh-pdp__sum { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }  .pyh-pdp__sum-more { display: inline-flex; align-items: center; gap: 3px; margin-block-start: 7px;  color: var(--pyh-accent-ink, var(--pyh-c-accent, #c41230)); font-size: 12.5px; font-weight: 700; text-decoration: none; } .pyh-pdp__sum-more-i { inline-size: 15px; block-size: 15px; transition: translate .2s ease; } @media (hover: hover) { .pyh-pdp__sum-more:hover { text-decoration: underline; } .pyh-pdp__sum-more:hover .pyh-pdp__sum-more-i { translate: 0 2px; } } @media (prefers-reduced-motion: reduce) { .pyh-pdp__sum-more-i { transition: none; } }   @media (hover: hover) { .pyh-trustbar .pyh-buy__trust-r::after { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient( 64% 120% at 50% 50%, color-mix(in srgb, var(--pyh-fx-b) 13%, transparent), transparent 72% ); transition: opacity .3s ease; } .pyh-trustbar .pyh-buy__trust-r:hover::after { opacity: 1; }  .pyh-buy__trust-i::after { content: ""; position: absolute; z-index: 0; inset: 0; border-radius: inherit; pointer-events: none; background-color: var(--pyh-c-accent, #c41230); background-image: var(--pyh-act, none); opacity: 0; scale: 0; transition: opacity .18s ease; } .pyh-buy__trust-r:hover .pyh-buy__trust-i::after { opacity: 1; scale: 1; } .pyh-buy__trust-r:hover .pyh-buy__trust-i { border-color: transparent; box-shadow: var(--pyh-glow, none); }  .pyh-buy__trust-r:hover .pyh-buy__trust-i svg { stroke: var(--pyh-act-ink, #ffffff); filter: none; } .pyh-buy__trust-i, .pyh-buy__trust-i svg { transition: border-color .24s ease, box-shadow .3s ease; }  @media (prefers-reduced-motion: no-preference) {  .pyh-buy__trust-i::after { transition: opacity .18s ease, scale .34s cubic-bezier(.2, .9, .3, 1.3); } .pyh-buy__trust-i svg { transition: scale .3s cubic-bezier(.2, .9, .3, 1.25); } .pyh-buy__trust-r:hover .pyh-buy__trust-i svg { scale: 1.08; } } }   @media (hover: hover) and (prefers-reduced-motion: no-preference) {  @keyframes pyh-fx-drive { 0% { translate: 0 0; } 35% { translate: 22% 0; } 55% { translate: -8% 0; } 100% { translate: 0 0; } }  @keyframes pyh-fx-seal { 0% { scale: 1; } 30% { scale: .84; } 62% { scale: 1.16; } 100% { scale: 1.06; } } @keyframes pyh-fx-tilt { 0% { rotate: 0deg; translate: 0 0; } 30% { rotate: -9deg; translate: 0 -8%; } 65% { rotate: 6deg; } 100% { rotate: 0deg; translate: 0 0; } } @keyframes pyh-fx-ping { 0% { scale: 1; } 40% { scale: 1.18; } 70% { scale: .97; } 100% { scale: 1.06; } } .pyh-buy__trust-r:hover .pyh-buy__trust-i:has(use[href="#pyh-i-truck"]) svg { animation: pyh-fx-drive .75s cubic-bezier(.3, .8, .3, 1) both; } .pyh-buy__trust-r:hover .pyh-buy__trust-i:has(use[href="#pyh-i-refresh"]) svg { animation: pyh-fx-spin .8s cubic-bezier(.45, 0, .25, 1) both; } .pyh-buy__trust-r:hover .pyh-buy__trust-i:has(use[href="#pyh-i-shield"]) svg { animation: pyh-fx-seal .6s cubic-bezier(.3, .9, .3, 1.3) both; } .pyh-buy__trust-r:hover .pyh-buy__trust-i:has(use[href="#pyh-i-wallet"]) svg { animation: pyh-fx-tilt .7s cubic-bezier(.3, .8, .3, 1) both; } .pyh-buy__trust-r:hover .pyh-buy__trust-i:has(use[href="#pyh-i-support"]) svg { animation: pyh-fx-ping .65s cubic-bezier(.3, .9, .3, 1.3) both; }  .pyh-buy__trust-r:hover .pyh-buy__trust-i:has(use[href="#pyh-i-medal"]) svg { animation: pyh-fx-seal .6s cubic-bezier(.3, .9, .3, 1.3) both; }  }  .pyh-wsh__demand { display: flex; align-items: center; gap: 7px; margin: 10px 0 0; color: var(--pyh-c-muted, #6b7280); font-size: 12.5px; font-weight: 600; line-height: 1.8; } .pyh-wsh__demand-i { flex: none; width: 15px; height: 15px; color: var(--pyh-accent-ink, var(--pyh-c-accent, #c41230)); }   html[data-pyh-mode="dark"] .pyh-pdp__prose { background-color: var(--pyh-glass-2, rgba(255, 255, 255, .55)); background-image: repeating-linear-gradient( to bottom, var(--pyh-fx-mill) 0 .5px, transparent .5px 3px ); -webkit-backdrop-filter: var(--pyh-glass-blur, none); backdrop-filter: var(--pyh-glass-blur, none); box-shadow: var(--pyh-shadow-2, 0 2px 6px rgb(0 0 0 / 8%)); } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { html[data-pyh-mode="dark"] .pyh-pdp__prose { background-color: var(--pyh-sf-raised, #fff); } } html[data-pyh-mode="dark"] .pyh-lowfx .pyh-pdp__prose, html[data-pyh-mode="dark"] body.pyh-lowfx .pyh-pdp__prose { background-color: var(--pyh-sf-raised, #fff); }  .pyh-pdp__prose thead th { background-color: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); color: var(--pyh-c-ink, #141821); font-size: 12px; font-weight: 800; letter-spacing: .04em; }  .pyh-pdp__prose table { box-shadow: 0 0 0 1px var(--pyh-fx-ink); } .pyh-pdp__prose :is(th, td) { border-block-start: 1px solid var(--pyh-fx-ink); } .pyh-pdp__prose thead th { border-block-start: 0; }   .pyh-readout__k, .pyh-readout__u, .pyh-readout__serial-k, .pyh-specs__k, .pyh-specs__cap-n, .pyh-specs__serial-k, .pyh-readout__n { color: color-mix(in srgb, var(--pyh-c-ink, #141821) 64%, transparent); } @supports not (color: color-mix(in srgb, red 50%, transparent)) { .pyh-readout__k, .pyh-readout__u, .pyh-readout__serial-k, .pyh-specs__k, .pyh-specs__cap-n, .pyh-specs__serial-k, .pyh-readout__n { color: var(--pyh-c-muted, #6b7280); } }  .pyh-readout__more, .pyh-pdp__sum-more { color: color-mix( in srgb, var(--pyh-accent-ink, var(--pyh-c-accent, #c41230)) 86%, var(--pyh-c-ink, #141821) ); } @supports not (color: color-mix(in srgb, red 50%, transparent)) { .pyh-readout__more, .pyh-pdp__sum-more { color: var(--pyh-accent-ink, var(--pyh-c-accent, #c41230)); } }  .pyh-ways { display: flex; flex-wrap: wrap; gap: 10px; margin-block-start: 10px; } .pyh-way { --pyh-way-tone: var(--pyh-c-accent, #c41230); --pyh-way-run: 1; --pyh-way-lane: 138px; position: relative;  flex: 1 1 300px; display: grid; grid-template-columns: minmax(0, 1fr) var(--pyh-way-lane); align-items: center; gap: 6px; min-block-size: 76px; padding: 8px 11px 8px 0; border-radius: 14px; background-color: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-way-tone) 20%, var(--pyh-fx-ink)), inset 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 12%); transition: box-shadow .3s ease, background-color .3s ease; }  html:not([data-pyh-mode="dark"]) .pyh-way { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-way-tone) 20%, var(--pyh-fx-ink)), inset 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 12%), inset 0 -1px 0 rgba(255, 255, 255, .8); }  .pyh-way::after { content: ""; position: absolute; z-index: 0; inset-inline: 6px; inset-block-end: 10px; block-size: 2px; background-image: repeating-linear-gradient( to right, color-mix(in srgb, var(--pyh-way-tone) 62%, transparent) 0 8px, transparent 8px 17px ); -webkit-mask-image: linear-gradient(to var(--pyh-way-fade, left), #000 42%, transparent 88%); mask-image: linear-gradient(to var(--pyh-way-fade, left), #000 42%, transparent 88%); opacity: .85; } html[dir="rtl"] .pyh-way { --pyh-way-fade: right; }  .pyh-way::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: 3px; border-start-start-radius: inherit; border-end-start-radius: inherit; background-image: linear-gradient( to bottom, var(--pyh-way-tone), color-mix(in srgb, var(--pyh-way-tone) 30%, transparent) 78%, transparent ); } .pyh-way__body { display: grid; gap: 3px; padding-inline-start: 12px; } .pyh-way__t { margin: 0; color: var(--pyh-c-ink, #141821); font-size: 13.5px; font-weight: 800; letter-spacing: -.01em; line-height: 1.45; } .pyh-way__n { margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--pyh-c-muted, #6b7280); font-size: 11px; line-height: 1.65; }  .pyh-way__gap { margin: 4px 0 0; display: inline-flex; align-items: center; gap: 6px;  justify-self: start; padding: 3px 8px 3px 9px; border-radius: 7px; border-inline-start: 2px solid var(--pyh-way-tone); background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); color: var(--pyh-c-ink, #141821); font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.65;  unicode-bidi: isolate; } .pyh-way__gap[hidden] { display: none; }  .pyh-way__gap--free { border-inline-start-color: var(--pyh-c-ok, #16a34a); color: color-mix(in srgb, var(--pyh-c-ok, #16a34a) 78%, var(--pyh-c-ink, #141821)); }  .pyh-way__gap--free::before { content: ""; inline-size: 9px; block-size: 5px; flex: none; margin-block-start: -3px; border-left: 2px solid currentcolor; border-bottom: 2px solid currentcolor; border-radius: 1px; transform: rotate(-45deg); }  .pyh-way__lane { position: relative; align-self: stretch; overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent); }  .pyh-way__lane::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient( 62% 74% at 50% 68%, color-mix(in srgb, var(--pyh-way-tone) 30%, transparent), transparent 72% ); opacity: calc(.42 * var(--pyh-fx-lume, 1)); } .pyh-way__art { position: relative; z-index: 1; display: block; inline-size: 100%;  block-size: calc(100% + 7px); object-fit: contain; object-position: 50% 100%; margin-block-end: -7px; filter: drop-shadow(0 6px 10px rgb(var(--pyh-shadow-ink, 37 45 66) / 24%)); }  .pyh-way__art--mark { display: grid; place-items: center; block-size: calc(100% - 14px); color: color-mix(in srgb, var(--pyh-way-tone) 70%, var(--pyh-c-ink, #141821)); filter: none; } .pyh-way__art--mark svg { inline-size: 52px; block-size: 52px; fill: currentcolor; opacity: .55; }  @keyframes pyh-way-run { 0% { transform: translateX(0) rotate(0deg); animation-timing-function: cubic-bezier(.5, 0, .78, .3); } 9% { transform: translateX(calc(var(--pyh-way-run) * -5%)) rotate(calc(var(--pyh-way-run) * .9deg)); } 46% { transform: translateX(calc(var(--pyh-way-run) * 148%)) rotate(calc(var(--pyh-way-run) * -1.2deg)); animation-timing-function: steps(1, end); } 47% { transform: translateX(calc(var(--pyh-way-run) * -148%)) rotate(calc(var(--pyh-way-run) * -1.2deg)); animation-timing-function: cubic-bezier(.17, .78, .26, 1); } 100% { transform: translateX(0) rotate(0deg); } } @media (hover: hover) { .pyh-way:hover { background-color: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-way-tone) 42%, var(--pyh-fx-ink)), inset 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 12%); } }  .pyh-way[data-pyh-ran] .pyh-way__art { animation: pyh-way-run 1.25s both; } .pyh-way__lane { cursor: pointer; } html[data-pyh-mode="dark"] .pyh-way:hover { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-way-tone) 55%, var(--pyh-fx-ink)), inset 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 12%), 0 10px 26px -14px color-mix(in srgb, var(--pyh-way-tone) 70%, transparent); } @media (prefers-reduced-motion: reduce) { .pyh-way[data-pyh-ran] .pyh-way__art { animation: none; } }  @media (max-width: 700px) { .pyh-way { flex: 1 1 100%; --pyh-way-lane: 116px; min-block-size: 70px; } }  .pyh-buy__form table.variations th.label label { display: flex; align-items: baseline; gap: 7px; margin-block-end: 9px; font-size: 12px; letter-spacing: .01em; }  .pyh-vsw-said { color: var(--pyh-c-ink, #141821); font-size: 12.5px; font-weight: 800; } .pyh-vsw-said::before { content: ""; display: inline-block; inline-size: 4px; block-size: 4px; margin-inline-end: 7px; border-radius: 50%; background: var(--pyh-c-accent, #c41230); vertical-align: middle; }  .pyh-vsw--tiles { --pyh-tile: 76px; gap: 9px; } .pyh-vsw--tiles .pyh-vsw__b { flex: 0 0 auto; flex-direction: column; gap: 7px; inline-size: var(--pyh-tile); min-inline-size: 0; min-block-size: 0; padding: 6px 6px 9px; border: 0; border-radius: 15px; background: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); box-shadow: inset 0 0 0 1px var(--pyh-fx-ink); color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; font-weight: 700; line-height: 1.5; transition: box-shadow .22s ease, background-color .22s ease, color .22s ease, transform .22s ease; } .pyh-vsw--tiles .pyh-vsw__shot, .pyh-vsw--tiles .pyh-vsw__dot { inline-size: 100%; block-size: 66px; border-radius: 10px; box-shadow: inset 0 0 0 1px rgb(var(--pyh-shadow-ink, 37 45 66) / 14%); transition: filter .22s ease; }  .pyh-vsw--tiles .pyh-vsw__shot { background: var(--pyh-plate, #fdfdff); } .pyh-vsw--tiles .pyh-vsw__n { display: block; inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } @media (hover: hover) { .pyh-vsw--tiles .pyh-vsw__b:not([data-pyh-unavailable]):hover { background-color: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-c-accent, #c41230) 40%, var(--pyh-fx-ink)); color: var(--pyh-c-ink, #141821); transform: translateY(-2px); } } .pyh-vsw--tiles .pyh-vsw__b[aria-pressed="true"] { background-color: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); box-shadow: inset 0 0 0 1.5px var(--pyh-c-accent, #c41230), 0 8px 22px -12px rgb(var(--pyh-shadow-ink, 37 45 66) / 55%); color: var(--pyh-c-ink, #141821); } .pyh-vsw--tiles .pyh-vsw__b[aria-pressed="true"] .pyh-vsw__shot, .pyh-vsw--tiles .pyh-vsw__b[aria-pressed="true"] .pyh-vsw__dot { box-shadow: none; }  .pyh-vsw--tiles .pyh-vsw__b[aria-pressed="true"]::before { content: ""; position: absolute; inset-block-start: 2px; inset-inline-end: 2px; inline-size: 19px; block-size: 19px; border-radius: 50%; background: var(--pyh-c-accent, #c41230); } .pyh-vsw--tiles .pyh-vsw__b[aria-pressed="true"]::after { content: ""; position: absolute; inset-block-start: 8px; inset-inline-end: 7px; inline-size: 8px; block-size: 4px; border-left: 1.7px solid var(--pyh-c-on-accent, #fff); border-bottom: 1.7px solid var(--pyh-c-on-accent, #fff); border-radius: 1px; transform: rotate(-45deg); } .pyh-vsw--tiles .pyh-vsw__b[data-pyh-unavailable] { border-style: none; opacity: .72; } .pyh-vsw--tiles .pyh-vsw__b[data-pyh-unavailable] .pyh-vsw__shot, .pyh-vsw--tiles .pyh-vsw__b[data-pyh-unavailable] .pyh-vsw__dot { filter: grayscale(1); opacity: .5; }  .pyh-vsw--rule { --pyh-n: 5; --pyh-i: 0; --pyh-x: 1; position: relative;  display: grid; grid-template-columns: repeat(var(--pyh-n), minmax(0, 1fr));  inline-size: min(100%, calc(var(--pyh-n) * 86px)); gap: 0; padding: 0; border-radius: 15px; background: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); box-shadow: inset 0 0 0 1px var(--pyh-fx-ink), inset 0 1px 2px rgb(var(--pyh-shadow-ink, 37 45 66) / 12%); } html[dir="rtl"] .pyh-vsw--rule { --pyh-x: -1; }  .pyh-vsw--rule::before { content: ""; position: absolute; z-index: 2; inset-inline: 12px; inset-block-end: 11px; block-size: 1px; background: var(--pyh-fx-ink); }  .pyh-vsw--rule::after { content: ""; position: absolute; z-index: 0; inset-block: 4px; inset-inline-start: 3px; inline-size: calc(100% / var(--pyh-n) - 6px); border-radius: 12px; background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); box-shadow: inset 0 0 0 1.5px var(--pyh-c-accent, #c41230), 0 8px 20px -12px rgb(var(--pyh-shadow-ink, 37 45 66) / 60%); opacity: 0; translate: calc(var(--pyh-x) * (var(--pyh-i) * 100% + var(--pyh-i) * 6px)) 0; transition: translate .34s cubic-bezier(.2, .86, .24, 1), opacity .18s ease; } .pyh-vsw--rule[data-pyh-picked]::after { opacity: 1; } .pyh-vsw--rule .pyh-vsw__b { position: relative; z-index: 1; min-inline-size: 0; min-block-size: 56px; padding: 11px 3px 20px; border: 0; border-radius: 12px; background: none; box-shadow: none; color: var(--pyh-c-muted, #6b7280); font-size: 13.5px; font-variant-numeric: tabular-nums; transition: color .2s ease; }  .pyh-vsw--rule .pyh-vsw__b::after { content: ""; position: absolute; z-index: 3; inset-block-end: 11px; inset-inline-start: calc(50% - .5px); inline-size: 1px; block-size: 6px; background: var(--pyh-fx-ink); transition: block-size .2s ease, background-color .2s ease; } @media (hover: hover) { .pyh-vsw--rule .pyh-vsw__b:not([data-pyh-unavailable]):hover { border-color: transparent; color: var(--pyh-c-ink, #141821); } } .pyh-vsw--rule .pyh-vsw__b[aria-pressed="true"] { background: none; box-shadow: none; color: var(--pyh-c-ink, #141821); font-weight: 800; } .pyh-vsw--rule .pyh-vsw__b[aria-pressed="true"]::after { block-size: 10px; background: var(--pyh-c-accent, #c41230); } .pyh-vsw--rule .pyh-vsw__b[data-pyh-unavailable] { border-style: none; opacity: .55; } @media (prefers-reduced-motion: reduce) { .pyh-vsw--rule::after { transition: opacity .18s ease; } }  @media (max-width: 640px) { .pyh-vsw--tiles { --pyh-tile: 66px; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none;  padding-block: 3px; } .pyh-vsw--tiles::-webkit-scrollbar { display: none; } .pyh-vsw--tiles .pyh-vsw__b { scroll-snap-align: start; } .pyh-vsw--tiles .pyh-vsw__shot, .pyh-vsw--tiles .pyh-vsw__dot { block-size: 58px; }  .pyh-vsw--tiles .pyh-vsw__b { flex: 0 0 auto; } .pyh-vsw--rule .pyh-vsw__b { font-size: 13px; padding-inline: 2px; } }   html:not([data-pyh-mode="dark"]) .pyh-pdp__pricebox {  background: color-mix(in srgb, var(--pyh-sf-sunken, #e8ebf2) 52%, var(--pyh-plate, #fdfdff)); border-color: rgb(var(--pyh-shadow-ink, 37 45 66) / 12%); box-shadow: inset 0 2px 4px -1px rgb(var(--pyh-shadow-ink, 37 45 66) / 14%), inset 0 -1px 0 rgba(255, 255, 255, .9); } @supports ((background-clip: text) or (-webkit-background-clip: text)) { html:not([data-pyh-mode="dark"]) .pyh-pdp__pricebox .pyh-bprice__now { background-image: linear-gradient( 180deg, color-mix(in srgb, var(--pyh-c-accent, #c41230) 82%, var(--pyh-c-ink, #141821)) 0%, var(--pyh-c-accent, #c41230) 100% ); } }  html:not([data-pyh-mode="dark"]) .pyh-bprice__was { color: color-mix(in srgb, var(--pyh-c-ink, #141821) 62%, transparent); font-size: 13px; text-decoration-color: color-mix(in srgb, var(--pyh-c-accent, #c41230) 70%, transparent); text-decoration-thickness: 1.5px; }  .pyh-bprice__save { color: var(--pyh-c-ok, #15803d); }  .pyh-pdp__creds { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-block-start: 13px; padding-block-start: 12px; border-block-start: 1px solid var(--pyh-fx-ink); } .pyh-pdp__creds .pyh-buy__seller, .pyh-pdp__creds .pyh-buy__stock { margin: 0; min-inline-size: 0; } .pyh-pdp__creds .pyh-buy__stock { flex: none; padding: 4px 10px 4px 9px; border-radius: var(--pyh-radius-pill, 999px); background: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); box-shadow: inset 0 0 0 1px var(--pyh-fx-ink); font-size: 12.5px; } @media (max-width: 480px) { .pyh-pdp__creds { gap: 8px 10px; } }  .pyh-way__n, .pyh-vsw--rule .pyh-vsw__b, .pyh-vsw--tiles .pyh-vsw__b { color: color-mix(in srgb, var(--pyh-c-ink, #141821) 66%, transparent); } @supports not (color: color-mix(in srgb, red 50%, transparent)) { .pyh-way__n, .pyh-vsw--rule .pyh-vsw__b, .pyh-vsw--tiles .pyh-vsw__b { color: var(--pyh-c-muted, #6b7280); } }  .pyh-vsw--rule .pyh-vsw__b[aria-pressed="true"], .pyh-vsw--tiles .pyh-vsw__b[aria-pressed="true"] { color: var(--pyh-c-ink, #141821); }  .pyh-pdp__creds .pyh-buy__stock { min-block-size: 26px; padding-block: 0; padding-inline: 11px; line-height: 1; } .pyh-pdp__creds .pyh-buy__stock span { line-height: 1; }  .pyh-pdp__creds { justify-content: flex-start; } .pyh-pdp__creds .pyh-buy__seller { flex: none; } .pyh-pdp__creds .pyh-buy__stock { position: relative; margin-inline-start: 4px; padding-inline-start: 15px; } .pyh-pdp__creds .pyh-buy__stock::before { content: ""; position: absolute; inset-inline-end: calc(100% + 12px); inset-block: 3px; inline-size: 1px; background: var(--pyh-fx-ink); }  .pyh-pdp__creds p.pyh-buy__stock { padding: 0 11px 0 15px; min-block-size: 26px; }
/*!payeh-find*/
.pyh-find-host { position: relative; }  .pyh-find-host input[type="search"]::-webkit-search-cancel-button, .pyh-find-host input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }  .pyh-find-host.is-finding { z-index: 60; } .pyh-fnd { position: absolute; inset-inline: 0; top: calc(100% + 8px); z-index: 1; max-height: min(62vh, 540px); overflow-y: auto; overscroll-behavior: contain;  overflow-anchor: none; padding: 6px; border-radius: var(--pyh-radius-lg, 20px); background: var(--pyh-card-bg, #ffffff); color: var(--pyh-ink, #141821); box-shadow: 0 0 0 1px var(--pyh-fx-ink, rgba(15, 23, 42, .1)), var(--pyh-shadow-3, 0 26px 60px rgba(20, 22, 28, .22)); text-align: start; animation: pyh-fnd-open .18s cubic-bezier(.22, 1, .36, 1); } .pyh-fnd[hidden] { display: none !important; } @keyframes pyh-fnd-open { from { opacity: 0; transform: translateY(-6px); } } .pyh-fnd, .pyh-fnd *, .pyh-fnd *::before, .pyh-fnd *::after { box-sizing: border-box; } .pyh-fnd__body { display: flex; flex-direction: column; gap: 4px; }  .pyh-fnd__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 10px 4px; } .pyh-fnd__title { margin: 0; font-size: 11px; font-weight: 800; letter-spacing: .02em; opacity: .55; } .pyh-fnd__clear { padding: 0; border: 0; background: none; color: var(--pyh-accent-ink, var(--pyh-primary, #c41230)); font: inherit; font-size: 11.5px; font-weight: 700; cursor: pointer; } .pyh-fnd__clear:hover { text-decoration: underline; }  .pyh-fnd__hit { background: none; color: var(--pyh-accent-ink, var(--pyh-primary, #c41230)); font-weight: 800; }  .pyh-fnd__rows { display: flex; flex-direction: column; gap: 3px; } .pyh-fnd__row { display: flex; align-items: center; gap: 11px; padding: 7px 9px; border-radius: var(--pyh-radius, 14px); color: inherit; text-decoration: none; transition: background .14s ease; } .pyh-fnd__row:hover, .pyh-fnd__row.is-on { background: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); }  .pyh-fnd__plate { display: block; position: relative; overflow: hidden; flex: 0 0 auto; width: 44px; aspect-ratio: 1 / 1.08; padding: 1px; background: rgb(var(--pyh-shadow-ink, 37 45 66) / 15%); -webkit-mask-image: var(--pyh-arch); mask-image: var(--pyh-arch); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .pyh-fnd__plate img { display: block; width: 100%; height: 100%;  object-fit: contain; background: var(--pyh-plate, #fdfdff); -webkit-mask-image: var(--pyh-arch); mask-image: var(--pyh-arch); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .pyh-fnd__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; } .pyh-fnd__name { font-size: 13.5px; font-weight: 600; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .pyh-fnd__price { font-size: 12px; font-weight: 800; opacity: .72; }  .pyh-fnd__chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 8px 6px; } .pyh-fnd__chip { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 13px; margin: 0; border: 0; border-radius: 999px; background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); color: inherit; font: inherit; font-size: 12.5px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background .14s ease; } .pyh-fnd__chip:hover, .pyh-fnd__chip.is-on { background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .14)); }  .pyh-fnd__depts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 2px 8px 8px; } .pyh-fnd__dept { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; padding: 6px 2px; border-radius: var(--pyh-radius, 12px); color: inherit; text-decoration: none; transition: background .14s ease; } .pyh-fnd__dept:hover, .pyh-fnd__dept.is-on { background: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); } .pyh-fnd__dept-plate { display: block; overflow: hidden; width: 100%; aspect-ratio: 1 / 1.06; padding: 1px; background: rgb(var(--pyh-shadow-ink, 37 45 66) / 15%); -webkit-mask-image: var(--pyh-arch); mask-image: var(--pyh-arch); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .pyh-fnd__dept-plate img { display: block; width: 100%; height: 100%; object-fit: contain; background: var(--pyh-plate, #fdfdff); -webkit-mask-image: var(--pyh-arch); mask-image: var(--pyh-arch); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .pyh-fnd__dept-name { font-size: 10.5px; font-weight: 700; line-height: 1.35; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }  .pyh-fnd__reads { display: flex; flex-direction: column; gap: 2px; } .pyh-fnd__read { padding: 10px 12px; border-radius: var(--pyh-radius, 12px); color: inherit; font-size: 13px; font-weight: 600; text-decoration: none; transition: background .14s ease; } .pyh-fnd__read:hover, .pyh-fnd__read.is-on { background: var(--pyh-fx-cell, rgba(15, 23, 42, .035)); }  .pyh-fnd__all { display: block; margin: 6px 4px 4px; padding: 13px 16px; border-radius: var(--pyh-radius, 14px); background-color: var(--pyh-primary, #c41230); background-image: var(--pyh-act, none); color: #fff; font-size: 13px; font-weight: 800; text-align: center; text-decoration: none; transition: filter .14s ease; } .pyh-fnd__all:hover, .pyh-fnd__all.is-on { filter: brightness(1.07); }  .pyh-fnd__wait { display: flex; flex-direction: column; gap: 3px; padding: 6px 0; } .pyh-fnd__ghost { display: flex; align-items: center; gap: 11px; padding: 7px 9px; } .pyh-fnd__ghost-plate, .pyh-fnd__ghost-lines > span { display: block; background: var(--pyh-fx-cell-2, rgba(15, 23, 42, .075)); animation: pyh-fnd-pulse 1.25s ease-in-out infinite; animation-delay: calc(var(--pyh-i, 0) * 110ms); } .pyh-fnd__ghost-plate { flex: 0 0 auto; width: 44px; aspect-ratio: 1 / 1.08; -webkit-mask-image: var(--pyh-arch); mask-image: var(--pyh-arch); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .pyh-fnd__ghost-lines { flex: 1 1 auto; display: flex; flex-direction: column; gap: 6px; } .pyh-fnd__ghost-lines > span { height: 9px; border-radius: 99px; } .pyh-fnd__ghost-lines > span:nth-child(1) { width: 72%; } .pyh-fnd__ghost-lines > span:nth-child(2) { width: 46%; } .pyh-fnd__ghost-lines > span:nth-child(3) { width: 28%; height: 8px; } @keyframes pyh-fnd-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }  .pyh-fnd__none { display: flex; flex-direction: column; gap: 5px; padding: 26px 18px; text-align: center; } .pyh-fnd__none strong { font-size: 14px; font-weight: 800; } .pyh-fnd__none span { font-size: 12.5px; opacity: .62; line-height: 1.7; }  @media (max-width: 640px) { .pyh-fnd { max-height: min(70vh, 560px); } .pyh-fnd__depts { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pyh-fnd__name { font-size: 14px; } } @media (prefers-reduced-motion: reduce) { .pyh-fnd { animation: none; } .pyh-fnd__ghost-plate, .pyh-fnd__ghost-lines > span { animation: none; } }

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}

/*!wp-block-library*/
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;line-height:normal;padding:15px 23px 14px;right:5px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*!classic-theme-styles*/
/*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }

:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }

.woocommerce form .form-row .required { visibility: visible; }

/*!brands-styles*/
.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(2n){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}
:root{--pyh-mega-bg:#fff;}body{font-family:var(--pyh-body-family);margin:0;background:var(--pyh-content-bg,#f4f5f9)}.pyhdev-options{width:100%;border-collapse:collapse;font-size:13px;background:var(--pyh-card-bg,#fff)}.pyhdev-options th,.pyhdev-options td{padding:7px 10px;border-bottom:1px solid var(--pyh-line);text-align:start}
@font-face{font-family:'Sahel Fallback';src:local('Tahoma'),local('Arial');size-adjust:92.6%;ascent-override:115.98%;descent-override:52.7%;line-gap-override:0%}
@font-face{font-family:'Lalezar Fallback';src:local('Tahoma'),local('Arial');size-adjust:80.4%;ascent-override:121.77%;descent-override:73.13%;line-gap-override:0%}
@font-face{font-family:'Vazirmatn Fallback';src:local('Tahoma'),local('Arial');size-adjust:92.5%;ascent-override:110.81%;descent-override:58.05%;line-gap-override:0%}
@font-face{font-family:'Sahel';src:url('https://payehtheme.ir/wp-content/themes/payeh/engine/assets/fonts/sahel/Sahel-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Sahel';src:url('https://payehtheme.ir/wp-content/themes/payeh/engine/assets/fonts/sahel/Sahel-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Sahel';src:url('https://payehtheme.ir/wp-content/themes/payeh/engine/assets/fonts/sahel/Sahel-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Sahel';src:url('https://payehtheme.ir/wp-content/themes/payeh/engine/assets/fonts/sahel/Sahel-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Sahel';src:url('https://payehtheme.ir/wp-content/themes/payeh/engine/assets/fonts/sahel/Sahel-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Lalezar';src:url('https://payehtheme.ir/wp-content/themes/payeh/engine/assets/fonts/lalezar/Lalezar-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}


/*!payeh-minicart*/
.pyh-mini { --pyh-c-ink: var(--pyh-ink, #141821); --pyh-c-muted: var(--pyh-ink-muted, #6b7280); --pyh-c-line: var(--pyh-line, rgba(15, 23, 42, .1)); --pyh-c-line-w: var(--pyh-line-w, 1px); --pyh-c-accent: var(--pyh-primary, #c41230); --pyh-c-on-accent: var(--pyh-on-accent, #ffffff); --pyh-c-radius: var(--pyh-radius, 12px); --pyh-c-radius-sm: var(--pyh-radius-sm, 8px);  --pyh-m-plate: var(--pyh-sf-raised, #ffffff); --pyh-m-inset: var(--pyh-sf-over, rgba(15, 23, 42, .05)); --pyh-m-inset-2: var(--pyh-sf-over-2, rgba(15, 23, 42, .1));  --pyh-c-card: var(--pyh-card-bg, #ffffff);  --pyh-m-veil: var(--pyh-shadow-ink, 37 45 66); position: fixed; inset: 0; z-index: 9100; font-family: var(--pyh-body-family, Vazirmatn, Tahoma, sans-serif); } .pyh-mini[hidden] { display: none !important; } .pyh-mini *, .pyh-mini *::before, .pyh-mini *::after { box-sizing: border-box; }   body.admin-bar .pyh-mini { top: 46px; } @media screen and (min-width: 783px) { body.admin-bar .pyh-mini { top: 32px; } }  .pyh-mini__scrim { position: absolute; inset: 0; background: linear-gradient( to var(--pyh-m-toward, left), rgb(var(--pyh-m-veil) / 24%) 0%, rgb(var(--pyh-m-veil) / 46%) 55%, rgb(var(--pyh-m-veil) / 62%) 100% ); -webkit-backdrop-filter: blur(3px) saturate(.9); backdrop-filter: blur(3px) saturate(.9); opacity: 0; transition: opacity .32s ease; }  [dir="rtl"] .pyh-mini { --pyh-m-toward: left; } [dir="ltr"] .pyh-mini { --pyh-m-toward: right; } .pyh-mini.is-open .pyh-mini__scrim { opacity: 1; } .pyh-mini__panel { position: absolute; inset-block: 0; inset-inline-end: 0; display: flex; flex-direction: column;  width: min(420px, 90vw); background-color: var(--pyh-m-plate);  background-image: var(--pyh-air, none); border-inline-start: var(--pyh-c-line-w) solid var(--pyh-edge-hi, transparent); border-start-start-radius: 20px; border-end-start-radius: 20px; box-shadow: -24px 0 72px -28px rgb(var(--pyh-m-veil) / 70%);  transform: translateX(-100%); transition: transform .34s cubic-bezier(.22, 1, .36, 1); outline: none; } [dir="rtl"] .pyh-mini__panel { transform: translateX(-100%); } [dir="ltr"] .pyh-mini__panel { transform: translateX(100%); } .pyh-mini.is-open .pyh-mini__panel, [dir="rtl"] .pyh-mini.is-open .pyh-mini__panel, [dir="ltr"] .pyh-mini.is-open .pyh-mini__panel { transform: none; }  .pyh-mini-open, .pyh-mini-open body { overflow: hidden; }  .pyh-mini__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: none; padding: 14px 18px; border-block-end: var(--pyh-c-line-w) solid var(--pyh-c-line); } .pyh-mini__id { display: flex; align-items: center; gap: 9px; min-width: 0; } .pyh-mini__title { margin: 0; color: var(--pyh-c-ink); font-family: var(--pyh-heading-family, inherit); font-size: 16px; font-weight: 800; }  .pyh-mini__tag { padding: 3px 9px; border-radius: 999px; background: var(--pyh-m-inset); color: var(--pyh-c-ink); font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; } .pyh-mini__x { display: flex; align-items: center; justify-content: center; flex: none;  width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: var(--pyh-m-inset); color: var(--pyh-c-ink); cursor: pointer; transition: background .16s ease, transform .16s ease; } .pyh-mini__x:hover { background: var(--pyh-m-inset-2); } .pyh-mini__x:active { transform: scale(.94); } .pyh-mini__x-i { width: 15px; height: 15px; }  .pyh-mini__body { display: flex; flex-direction: column; flex: 1; min-height: 0; } .pyh-mini__list { flex: 1; min-height: 0; margin: 0; padding: 4px 0 8px; overflow-y: auto; overscroll-behavior: contain; list-style: none;  scrollbar-width: thin; scrollbar-color: var(--pyh-m-inset-2) transparent; } .pyh-mini__list::-webkit-scrollbar { width: 4px; } .pyh-mini__list::-webkit-scrollbar-thumb { border-radius: 999px; background: var(--pyh-m-inset-2); }  .pyh-mini__mask { position: absolute; inset-inline: 0; height: 26px; pointer-events: none; opacity: 0; transition: opacity .2s ease; } .pyh-mini__mask--head { top: var(--pyh-m-head-h, 68px); background: linear-gradient(to bottom, var(--pyh-m-plate), transparent); } .pyh-mini__mask--foot { bottom: var(--pyh-m-foot-h, 150px); background: linear-gradient(to top, var(--pyh-m-plate), transparent); } .pyh-mini__panel.is-more-up .pyh-mini__mask--head, .pyh-mini__panel.is-more-down .pyh-mini__mask--foot { opacity: 1; }  .pyh-mini__row { position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0; padding: 13px 18px; list-style: none; transition: opacity .2s ease; } .pyh-mini__row + .pyh-mini__row { border-block-start: var(--pyh-c-line-w) solid var(--pyh-c-line); }  .pyh-mini__row.is-going { opacity: .4; }  @keyframes pyh-mini-deal { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } } .pyh-mini.is-dealing .pyh-mini__row { animation: pyh-mini-deal .38s cubic-bezier(.22, 1, .36, 1) both; animation-delay: calc(var(--pyh-m-i, 0) * 42ms); } .pyh-mini__thumb { display: block; width: 64px; height: 64px; border: var(--pyh-c-line-w) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius); background: var(--pyh-m-inset); overflow: hidden; } .pyh-mini__img { display: block; width: 100%; height: 100%; object-fit: cover; } .pyh-mini__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .pyh-mini__name { display: -webkit-box;  flex: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  padding-inline-end: 26px; color: var(--pyh-c-ink); font-size: 13px; font-weight: 700; line-height: 1.7; text-decoration: none; } a.pyh-mini__name:hover { color: var(--pyh-c-accent); } .pyh-mini__meta, .pyh-mini__meta dl, .pyh-mini__meta dt, .pyh-mini__meta dd, .pyh-mini__meta p { display: inline; margin: 0; padding: 0; color: var(--pyh-c-muted); font-size: 11.5px; font-weight: 500; line-height: 1.7; } .pyh-mini__meta dd::after { content: "\00A0·\00A0"; opacity: .6; } .pyh-mini__meta dd:last-of-type::after { content: none; }  .pyh-mini__tally { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-block-start: 5px; }  .pyh-mini__pill { display: flex; align-items: center; flex: none; gap: 3px; padding: 3px; border-radius: 999px; background: color-mix(in srgb, var(--pyh-c-ink) 5%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pyh-c-ink) 10%, transparent); } .pyh-mini__q {  position: relative; display: grid; place-items: center; flex: none; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: var(--pyh-c-card, #fff); color: var(--pyh-c-ink); font-family: inherit; cursor: pointer;  box-shadow: 0 1px 2px rgba(16, 20, 35, .12), inset 0 0 0 1px var(--pyh-edge-hi, transparent); transition: background .14s ease, color .14s ease, transform .12s ease; -webkit-tap-highlight-color: transparent; }  [dir="ltr"] .pyh-mini__pill { flex-direction: row-reverse; } .pyh-mini__q:hover { background: var(--pyh-flare, #ff3355); color: #fff; } .pyh-mini__q:active { transform: scale(.92); } .pyh-mini__q-i { width: 15px; height: 15px; }   .pyh-mini__q::after { content: ""; position: absolute; inset: calc((32px - var(--pyh-tap, 44px)) / 2); }  .pyh-mini__q-i--last { display: none; } .pyh-mini__q--down.is-last .pyh-mini__q-i--step { display: none; } .pyh-mini__q--down.is-last .pyh-mini__q-i--last { display: block; }  .pyh-mini__q--down.is-last:hover { background: var(--pyh-c-bad, #c0392b); }  .pyh-mini__q[aria-disabled="true"] { opacity: .38; cursor: not-allowed; } .pyh-mini__q[aria-disabled="true"]:hover { background: var(--pyh-c-card, #fff); color: var(--pyh-c-ink); }  .pyh-mini__n { position: relative; display: block; flex: none; min-width: 32px; height: 32px; overflow: hidden;  pointer-events: none; color: var(--pyh-c-ink); font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; text-align: center; } .pyh-mini__digit { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; } .pyh-mini__digit.is-out { animation: pyh-mini-roll-out .17s ease forwards; } .pyh-mini__digit.is-in { animation: pyh-mini-roll-in .17s ease backwards; }  @keyframes pyh-mini-roll-out { to { opacity: 0; transform: translateY(calc(var(--pyh-m-roll, 1) * -100%)); } } @keyframes pyh-mini-roll-in { from { opacity: 0; transform: translateY(calc(var(--pyh-m-roll, 1) * 100%)); } } .pyh-mini__price { color: var(--pyh-c-ink); font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; text-align: end;  unicode-bidi: isolate; }  .pyh-mini__rm { position: absolute; inset-block-start: 12px; inset-inline-end: 12px; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--pyh-c-muted); cursor: pointer; opacity: .55; transition: background .16s ease, color .16s ease, opacity .16s ease; }  .pyh-mini__rm::after { content: ""; position: absolute; inset: calc((26px - var(--pyh-tap, 44px)) / 2); } .pyh-mini__rm:hover { background: var(--pyh-c-bad, #c0392b); color: #fff; opacity: 1; } .pyh-mini__rm-i { width: 11px; height: 11px; }  .pyh-mini__row.is-undone > *:not(.pyh-mini__undo) { display: none; } .pyh-mini__row.is-undone { display: block; padding: 0; } .pyh-mini__undo { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px; overflow: hidden; } .pyh-mini__undo[hidden] { display: none; } .pyh-mini__undo::after { content: ""; position: absolute; inset-block-end: 0; inset-inline-start: 0; height: 2px; width: 100%; background: var(--pyh-c-accent); opacity: .5; transform-origin: var(--pyh-m-origin, right) center; animation: pyh-mini-drain var(--pyh-m-undo, 6s) linear forwards; } [dir="rtl"] .pyh-mini__undo { --pyh-m-origin: right; } [dir="ltr"] .pyh-mini__undo { --pyh-m-origin: left; } @keyframes pyh-mini-drain { from { transform: scaleX(1); } to { transform: scaleX(0); } } .pyh-mini__undo-said { color: var(--pyh-c-muted); font-size: 12.5px; font-weight: 600; } .pyh-mini__undo-go { display: flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 14px; border: var(--pyh-c-line-w) solid var(--pyh-c-line); border-radius: 999px; background: var(--pyh-m-inset); color: var(--pyh-c-ink); font-family: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: border-color .16s ease, color .16s ease; } .pyh-mini__undo-go:hover { border-color: var(--pyh-c-accent); color: var(--pyh-c-accent); } .pyh-mini__undo-i { width: 14px; height: 14px; }  .pyh-mini__foot { position: relative; flex: none; padding: 15px 18px; padding-block-end: calc(15px + env(safe-area-inset-bottom, 0px)); border-block-start: var(--pyh-c-line-w) solid var(--pyh-c-line); background: var(--pyh-sf-float, var(--pyh-card-bg, #fff));  box-shadow: inset 0 1px 0 0 var(--pyh-edge-hi, transparent); } .pyh-mini__sum { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; color: var(--pyh-c-ink); font-size: 13px; font-weight: 700; }  .pyh-mini__sum strong { font-size: 19px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -.01em; unicode-bidi: isolate; }  .pyh-mini__note { margin: 5px 0 12px; color: var(--pyh-c-muted); font-size: 11.5px; line-height: 1.8; }  .pyh-mini__acts { display: grid; grid-template-columns: 1fr 1.25fr; gap: 10px; } .pyh-mini__go { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 14px; border: var(--pyh-c-line-w) solid var(--pyh-c-line); border-radius: var(--pyh-c-radius); color: var(--pyh-c-ink); font-size: 14px; font-weight: 700; text-align: center; text-decoration: none; transition: filter .16s ease, border-color .16s ease, transform .16s ease; } .pyh-mini__go--ghost:hover { border-color: var(--pyh-c-accent); color: var(--pyh-c-accent); }  .pyh-mini__go--fill { border-color: transparent; background-color: var(--pyh-c-accent); background-image: var(--pyh-act, none); color: var(--pyh-act-ink, var(--pyh-c-on-accent)); box-shadow: var(--pyh-glow, 0 6px 18px -6px rgb(0 0 0 / 28%)); } .pyh-mini__go--fill:hover { filter: brightness(1.06); }  .pyh-mini__go-i { width: 16px; height: 16px; transition: transform .18s ease; } [dir="rtl"] .pyh-mini__go-i { transform: scaleX(-1); } .pyh-mini__go--fill:hover .pyh-mini__go-i { transform: translateX(3px); } [dir="rtl"] .pyh-mini__go--fill:hover .pyh-mini__go-i { transform: scaleX(-1) translateX(3px); }  .pyh-mini__empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; flex: 1; padding: 40px 24px; text-align: center; } .pyh-mini__empty-mark { display: flex; align-items: center; justify-content: center; width: 68px; height: 68px; border-radius: 50%; background: var(--pyh-m-inset); color: var(--pyh-c-muted); } .pyh-mini__empty-i { width: 27px; height: 27px; } .pyh-mini__empty p { margin: 0; color: var(--pyh-c-muted); font-size: 14px; line-height: 1.9; } .pyh-mini__empty .pyh-mini__go { min-width: 180px; }  .pyh-mini__err { margin: 0; padding: 11px 18px; background: var(--pyh-c-bad, #c0392b); color: #fff; font-size: 12.5px; font-weight: 600; text-align: center; } .pyh-mini__err.is-quiet { background: var(--pyh-m-inset); color: var(--pyh-c-muted); }  .pyh-mini :is(a, button):focus-visible { outline: 2px solid var(--pyh-c-accent); outline-offset: 2px; }  @media (prefers-reduced-motion: reduce) { .pyh-mini__panel, .pyh-mini__scrim, .pyh-mini__mask, .pyh-mini__go-i { transition: none; } .pyh-mini.is-dealing .pyh-mini__row, .pyh-mini__digit.is-out, .pyh-mini__digit.is-in { animation: none; }  .pyh-mini__digit.is-out { display: none; } }
/*!payeh-paper*/
html[data-pyh-mode="light"] .pyh-main--pdp {  --pyh-pp-hair: color-mix(in srgb, var(--pyh-c-ink, #141821) 11%, transparent); --pyh-pp-hair-soft: color-mix(in srgb, var(--pyh-c-ink, #141821) 7%, transparent); --pyh-pp-grain: color-mix(in srgb, var(--pyh-c-ink, #141821) 3.5%, transparent);  --pyh-pp-lift: 0 1px 1px color-mix(in srgb, var(--pyh-c-ink, #141821) 5%, transparent), 0 4px 10px color-mix(in srgb, var(--pyh-c-ink, #141821) 5%, transparent), 0 16px 34px color-mix(in srgb, var(--pyh-c-ink, #141821) 5%, transparent); }  html[data-pyh-mode="light"] .pyh-main--pdp::before { content: ""; position: fixed; z-index: -1; inset: 0; pointer-events: none; background-image:  repeating-linear-gradient(90deg, var(--pyh-pp-grain) 0 1px, transparent 1px 4px), repeating-linear-gradient(0deg, var(--pyh-pp-grain) 0 1px, transparent 1px 4px),  linear-gradient(180deg, color-mix(in srgb, var(--pyh-c-accent, #c41230) 3%, transparent), transparent 46%); opacity: .55; }  html[data-pyh-mode="light"] .pyh-shots__frame { border-color: var(--pyh-pp-hair); background: var(--pyh-c-card, #fff); box-shadow: inset 0 0 30px color-mix(in srgb, var(--pyh-c-ink, #141821) 4%, transparent), var(--pyh-pp-lift); }  html[data-pyh-mode="light"] .pyh-shots__frame::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 1px 0 rgb(255 255 255 / 90%); pointer-events: none; }  html[data-pyh-mode="light"] .pyh-buy__seller { padding-block-end: 14px; border-block-end: 1px solid var(--pyh-pp-hair-soft); } html[data-pyh-mode="light"] .pyh-buy__stock { padding-block-end: 14px; border-block-end: 1px solid var(--pyh-pp-hair-soft); }  html[data-pyh-mode="light"] .pyh-pdp__creds .pyh-buy__seller, html[data-pyh-mode="light"] .pyh-pdp__creds .pyh-buy__stock { padding-block-end: 0; border-block-end: 0; }  html[data-pyh-mode="light"] .pyh-pdp__pricebox { border-color: var(--pyh-pp-hair); box-shadow: inset 0 1px 0 rgb(255 255 255 / 70%), 0 1px 2px color-mix(in srgb, var(--pyh-c-ink, #141821) 4%, transparent), 0 6px 16px color-mix(in srgb, var(--pyh-c-ink, #141821) 4%, transparent); }  html[data-pyh-mode="light"] .pyh-pay { border-color: var(--pyh-pp-hair); box-shadow: var(--pyh-pp-lift); }  html[data-pyh-mode="light"] .pyh-trustbar { border-block: 1px solid var(--pyh-pp-hair-soft); background: color-mix(in srgb, var(--pyh-c-card, #fff) 70%, transparent); }  .pyh-scan { --pyh-scan-hair: color-mix(in srgb, var(--pyh-c-ink, #141821) 16%, transparent); position: relative; display: flex; align-items: center; gap: 14px; margin-block-start: 16px; padding: 14px 16px 14px 14px; border: var(--pyh-c-line-w, 1px) solid var(--pyh-scan-hair); border-radius: var(--pyh-c-radius, 12px); background: var(--pyh-c-card, #fff); } html[data-pyh-mode="light"] .pyh-scan { box-shadow: var(--pyh-pp-lift); }  .pyh-scan::before { content: ""; position: absolute; inset-block: 10px; inset-inline-end: 52px; inline-size: 1px; background-image: repeating-linear-gradient(180deg, var(--pyh-scan-hair) 0 4px, transparent 4px 8px); pointer-events: none; }  .pyh-scan::after { content: ""; position: absolute; inset-block-start: 50%; inset-inline-end: 20px; inline-size: 13px; block-size: 13px; margin-block-start: -6.5px; border: 1px solid var(--pyh-scan-hair); border-radius: 50%; background: var(--pyh-c-bg, #f4f5f9); pointer-events: none; } .pyh-scan__code { flex: none; inline-size: 82px; block-size: 82px; border-radius: 8px;  --pyh-qr-ink: #141821; --pyh-qr-paper: #fff; }  html[data-pyh-mode="dark"] .pyh-scan__code { padding: 4px; background: #fff; }  .pyh-scan__say { min-inline-size: 0; padding-inline-end: 40px; } .pyh-scan__h { margin: 0 0 2px; color: var(--pyh-c-ink, #141821); font-size: 13px; font-weight: 800; line-height: 1.7; } .pyh-scan__p { margin: 0; color: var(--pyh-c-muted, #6b7280); font-size: 11.5px; font-weight: 600; line-height: 1.8; }  @media (max-width: 900px) { .pyh-scan { display: none; } } @media print { .pyh-scan { box-shadow: none; break-inside: avoid; } }