/* ══ THE FULL-SCREEN VIDEO FEED, THE MEDIA WALL ══════════════════════════
   Design handoff of 14 Oct 2026 (handoff-media-wall, Desktop A and Mobile
   A). Loaded only on the feed page, in place of discover.css (which still
   styles the home page's video strips). The wall covers the window under
   the admin bar; the site header is hidden as it always was here. On
   desktop the video's height fills the space and its width follows at
   9:16, never the other way round. The design's breakpoint was 600px. */

body.ph-discover-page .ph-site-header,
body.ph-discover-page .elementor-location-header,
body.ph-discover-page [data-elementor-type="header"],
body.ph-discover-page header.elementor-location-header,
body.ph-discover-page .elementor-sticky--active,
body.ph-discover-page header.elementor { display: none !important; }
body.ph-discover-page .elementor-sticky__spacer { height: 0 !important; min-height: 0 !important; }
body.ph-discover-page { overflow: hidden; }

.phw {
	--phw-pink: var(--pink, #e8568a); --phw-pinkp: var(--pink-press, #c9376e);
	position: fixed; inset: 0; z-index: 900; background: #12151d; color: #fff; overflow: hidden;
	font-family: var(--font, 'Plus Jakarta Sans', -apple-system, system-ui, sans-serif); font-size: 16px; line-height: normal; -webkit-font-smoothing: antialiased;
}
body.admin-bar .phw { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar .phw { top: 46px; } }
.phw *, .phw *::before, .phw *::after { box-sizing: border-box; }
.phw h3, .phw h4, .phw p { margin: 0; padding: 0; font-family: inherit; line-height: normal; }
.phw button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; margin: 0; min-height: 0; text-transform: none; letter-spacing: normal; box-shadow: none; line-height: normal; }
.phw a { color: inherit; text-decoration: none; }
.phw svg { display: block; flex-shrink: 0; }
.phw img { display: block; max-width: none; }
.phw [hidden] { display: none !important; }
.phw button:focus-visible, .phw a:focus-visible, .phw select:focus-visible { outline: 2.5px solid #fff; outline-offset: 2px; }

.phw .phw-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 999px; font-size: 13.5px; font-weight: 800; padding: 0 16px; min-height: 42px; white-space: nowrap; }
.phw .phw-btn--pk { background: var(--phw-pink); color: #fff; }
.phw .phw-btn--pk:hover { background: var(--phw-pinkp); color: #fff; }
.phw .phw-btn--gh { background: rgba(255, 255, 255, .14); color: #fff; }
.phw .phw-btn--gh.is-added { background: var(--phw-pink); }
.phw .phw-btn--white { background: #fff; color: var(--phw-pinkp); }

/* 1.1 The top bar: back, types, filters. */
.phw-tb { position: absolute; left: 0; right: 0; top: 0; height: 64px; display: flex; align-items: center; gap: 10px; padding: 0 18px; z-index: 6; background: linear-gradient(#12151d 60%, rgba(18, 21, 29, 0)); }
.phw .phw-back { display: flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; white-space: nowrap; min-height: 44px; padding-right: 6px; color: #fff; }
.phw-types { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; flex: 1; min-width: 0; padding-right: 24px; -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent); mask-image: linear-gradient(90deg, #000 88%, transparent); }
.phw-types::-webkit-scrollbar { display: none; }
.phw .phw-ty { display: flex; align-items: center; gap: 7px; flex-shrink: 0; padding: 4px 12px 4px 5px; border-radius: 999px; background: rgba(255, 255, 255, .1); font-size: 13px; font-weight: 800; white-space: nowrap; min-height: 32px; }
.phw-ty__ic { width: 22px; height: 22px; border-radius: 7px; background: var(--tc); display: grid; place-items: center; box-shadow: 0 0 0 1.5px #fff; color: #fff; }
.phw-ty__ic svg { width: 13px; height: 13px; }
.phw .phw-ty.is-on { background: #fff; color: #16181f; }
.phw-ty.is-on .phw-ty__ic { box-shadow: 0 0 0 1.5px #fff, 0 0 0 3px var(--tc); }
.phw .phw-fbtn { position: relative; display: flex; align-items: center; gap: 7px; flex-shrink: 0; min-height: 40px; padding: 0 14px; border-radius: 999px; background: #fff; color: #16181f; font-size: 13px; font-weight: 800; }
.phw-fbtn svg { width: 16px; height: 16px; }
.phw-fbtn b { min-width: 19px; height: 19px; border-radius: 999px; background: var(--phw-pink); color: #fff; font-size: 11px; display: grid; place-items: center; padding: 0 5px; }
.phw-ctx { position: absolute; left: 18px; top: 62px; z-index: 6; display: flex; gap: 6px; flex-wrap: wrap; font-size: 12px; font-weight: 700; color: rgba(255, 255, 255, .7); }
.phw-ctx span { background: rgba(255, 255, 255, .08); border-radius: 999px; padding: 3px 9px; }

/* 1.3 Desktop A: photos, the video, photos; the band under all three. */
.phw-main { position: absolute; left: 0; right: 0; top: 96px; bottom: 0; }
.phw-wall { position: absolute; inset: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; gap: 14px 22px; padding: 0 84px 18px 24px; }
.phw-band { grid-column: 1 / -1; justify-self: center; display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: rgba(255, 255, 255, .06); border-radius: 16px; width: min(100%, 760px); }
.phw-band .phw-cred { margin-left: auto; }
.phw-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-content: start; align-self: start; min-height: 0; max-height: 100%; overflow: hidden; }
.phw-col--l { direction: rtl; }
.phw-col--l > * { direction: ltr; }
.phw .phw-ph { position: relative; display: block; width: 100%; border-radius: 12px; overflow: hidden; background: #1d2130; filter: saturate(.7) brightness(.6); transition: filter .2s, transform .2s, box-shadow .2s; cursor: zoom-in; }
.phw-ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.phw .phw-ph:hover, .phw .phw-ph:focus-visible { filter: none; transform: translateY(-2px); box-shadow: 0 0 0 2px #fff; outline: 0; }
.phw .phw-more { display: grid; place-items: center; border-radius: 12px; border: 1.5px dashed rgba(255, 255, 255, .28); font-size: 12.5px; font-weight: 800; text-align: center; line-height: 1.35; color: rgba(255, 255, 255, .85); min-height: 110px; padding: 8px; }
.phw-more span { display: block; font-weight: 600; opacity: .7; }
.phw-mid { display: flex; flex-direction: column; gap: 12px; min-height: 0; height: 100%; align-items: center; }
.phw-vid { position: relative; height: 100%; width: auto; aspect-ratio: 9 / 16; min-height: 0; border-radius: 18px; overflow: hidden; background: #000; box-shadow: 0 24px 70px rgba(0, 0, 0, .55); }
.phw-stage { position: absolute; inset: 0; }
.phw-poster, .phw-v { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.phw-bar { position: absolute; top: 0; left: 0; height: 3px; width: 0; background: #fff; z-index: 3; }
.phw .phw-snd { position: absolute; top: 14px; left: 50%; transform: translateX(-50%); z-index: 3; background: #fff; color: #16181f; font-size: 12.5px; font-weight: 800; border-radius: 999px; padding: 0 14px; min-height: 36px; display: flex; align-items: center; white-space: nowrap; }
.phw .phw-snd.is-on { background: rgba(255, 255, 255, .2); color: #fff; }
.phw-fade { position: absolute; inset: 55% 0 0; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .72)); z-index: 1; pointer-events: none; }
.phw-ov { position: absolute; left: 14px; right: 14px; bottom: 14px; z-index: 3; display: none; gap: 10px; }
.phw-ov__bt { display: flex; gap: 8px; }
.phw-ov__bt .phw-btn:first-child { flex: 1; }
.phw-credt { position: absolute; left: 12px; top: 56px; z-index: 3; display: none; max-width: calc(100% - 24px); }
.phw .phw-cred { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; background: rgba(0, 0, 0, .45); border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; padding: 5px 12px 5px 5px; white-space: nowrap; max-width: 100%; min-height: 34px; color: #fff; }
.phw-cred i { width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(135deg, #e8568a, #7c4ddb); flex-shrink: 0; }
.phw-cred b { overflow: hidden; text-overflow: ellipsis; }
.phw-cred span { opacity: .8; font-weight: 600; }
.phw a.phw-cred:hover { border-color: #fff; }
.phw-vn { display: flex; align-items: center; gap: 10px; min-width: 0; }
.phw-lg { width: 42px; height: 42px; border-radius: 50%; background: #2b2440; border: 2px solid #fff; display: grid; place-items: center; font-weight: 800; font-size: 13px; flex-shrink: 0; object-fit: cover; }
.phw-vn b { display: block; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.phw-vn small { font-size: 12.5px; opacity: .85; white-space: nowrap; }
.phw-o { font-style: normal; font-weight: 700; color: #7ee2a8; }
.phw-o--shut { color: #cfd3dc; }
.phw-o--soon { color: #ffd38a; }
.phw-here { display: inline-flex; gap: 4px; align-items: center; }
.phw-here i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, .4); }
.phw-here i.is-on { background: #fff; width: 14px; border-radius: 3px; }
.phw-nav { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); display: grid; gap: 8px; z-index: 5; justify-items: center; }
.phw .phw-nav button { width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, .14); font-size: 16px; font-weight: 800; color: #fff; }
.phw .phw-nav button:hover { background: rgba(255, 255, 255, .24); }
.phw-nav small { font-size: 11px; font-weight: 700; color: rgba(255, 255, 255, .6); }
.phw-strip, .phw-stripl, .phw-unm { display: none; }
.phw-empty { position: absolute; inset: 0 24px 24px; display: grid; place-items: center; text-align: center; }
.phw .phw-empty h3 { font-size: 20px; }
.phw .phw-empty p { color: rgba(255, 255, 255, .7); margin: 6px 0 16px; font-size: 14px; }
.phw-cap { position: absolute; inset: 0; display: grid; align-content: center; gap: 12px; padding: 24px; text-align: center; background: linear-gradient(160deg, #a62a62, #1b2a4a); z-index: 4; }
.phw-cap b { font-size: 20px; }
.phw .phw-cap p { font-size: 14px; line-height: 1.5; opacity: .9; }
.phw-noscript { position: absolute; top: 120px; left: 24px; right: 24px; text-align: center; }

/* 1.6 Up next: the card at the top of the right column. */
.phw .phw-unx { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px; align-items: center; text-align: left; padding: 8px; border-radius: 14px; background: rgba(255, 255, 255, .08); border: 1.5px solid rgba(255, 255, 255, .14); grid-column: 1 / -1; transition: border-color .2s, background .2s; color: #fff; }
.phw .phw-unx:hover { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .4); }
.phw-unx__f { width: 56px; height: 84px; border-radius: 9px; object-fit: cover; background: linear-gradient(180deg, #5c2f1e, #1d2130); }
.phw-unx small { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #ff9ec0; }
.phw-unx b { display: block; font-size: 14px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.phw-unx span span { display: block; font-size: 12px; color: rgba(255, 255, 255, .7); margin-top: 1px; }
.phw .phw-unx.is-soon { border-color: var(--phw-pink); background: rgba(232, 86, 138, .18); }
.phw-unx.is-soon small { color: #fff; }

/* 1.7 The photo lightbox. */
.phw-lb { position: absolute; inset: 0; z-index: 20; background: rgba(10, 12, 18, .86); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 60px 90px 24px; animation: phw-fi .2s ease; }
.phw-lb__big { width: 100%; max-width: 760px; flex: 1; max-height: 62%; border-radius: 16px; position: relative; overflow: hidden; background: #1d2130; animation: phw-zi .25s cubic-bezier(.2, .8, .2, 1); }
.phw-lb__big img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.phw .phw-lb__ar { position: absolute; top: 44%; width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, .14); font-size: 22px; font-weight: 800; color: #fff; }
.phw .phw-lb__ar--p { left: 24px; }
.phw .phw-lb__ar--n { right: 24px; }
.phw .phw-lb__x { position: absolute; right: 18px; top: 16px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, .14); font-size: 16px; color: #fff; }
.phw-lb__lf { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 760px; }
.phw-lb__lf .phw-btn:first-of-type { margin-left: auto; }
.phw-lb__th { display: flex; gap: 8px; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.phw .phw-lb__th button { width: 64px; height: 48px; border-radius: 9px; overflow: hidden; opacity: .45; flex-shrink: 0; position: relative; }
.phw-lb__th img { width: 100%; height: 100%; object-fit: cover; }
.phw .phw-lb__th button.is-on { opacity: 1; box-shadow: 0 0 0 2px #fff; }

/* 1.2 Filters: a panel at the top right on desktop, a sheet on a phone. */
.phw-shd { position: absolute; inset: 0; z-index: 15; background: rgba(10, 12, 18, .55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); animation: phw-fi .2s; }
.phw-sh { position: absolute; z-index: 16; right: 18px; top: 70px; width: 360px; max-height: calc(100% - 90px); overflow-y: auto; background: #fff; color: #16181f; border-radius: 20px; box-shadow: 0 24px 60px rgba(0, 0, 0, .4); animation: phw-dn .25s cubic-bezier(.2, .8, .2, 1); }
.phw-sh header { display: flex; align-items: center; gap: 10px; padding: 16px 18px 10px; position: sticky; top: 0; background: #fff; z-index: 1; }
.phw-sh header b { font-size: 17px; flex: 1; }
.phw .phw-sh header button { font-size: 13px; font-weight: 800; color: #5b6070; min-height: 40px; padding: 0 6px; }
.phw-sh section { padding: 4px 18px 14px; }
.phw .phw-sh h4 { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #5b6070; margin: 6px 0 9px; padding: 7px 10px; border-radius: 8px; background: var(--hb); }
.phw-fb { display: flex; flex-wrap: wrap; gap: 6px; }
.phw .phw-fc { display: inline-flex; align-items: center; gap: var(--pill-gap, 6px); min-height: var(--pill-h, 32px); padding: var(--pill-pad, 0 11px); border-radius: 999px; border: 1.5px solid #d3d7e0; background: #fff; font-size: var(--pill-fs, 12.5px); font-weight: var(--pill-fw, 700); color: #5b6070; }
.phw-fc svg { width: 14px; height: 14px; }
.phw .phw-fc.is-on { background: #16181f; border-color: #16181f; color: #fff; }
.phw-fc--dt svg { color: var(--mc); }
.phw .phw-fc--dt.is-on { background: var(--mc); border-color: var(--mc); }
.phw-fc--dt.is-on svg { color: #fff; }
.phw .phw-tg { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 48px; font-size: 14px; font-weight: 700; padding: 0 18px; color: #16181f; }
.phw-sw { width: 36px; height: 22px; border-radius: 999px; background: #d3d7e0; position: relative; transition: background .15s; }
.phw-sw::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); transition: transform .15s; }
.phw-tg.is-on .phw-sw { background: #1f7a4d; }
.phw-tg.is-on .phw-sw::after { transform: translateX(14px); }
.phw .phw-sh select { width: 100%; font: inherit; font-size: 13.5px; font-weight: 700; height: 40px; border: 1.5px solid #d3d7e0; border-radius: 12px; padding: 0 12px; background: #fff; color: #16181f; margin: 0; }
.phw-sh footer { position: sticky; bottom: 0; background: #fff; display: flex; gap: 8px; padding: 12px 18px 16px; border-top: 1px solid #e4e6ec; }
/* Labels centred at every size: on live they sat against the left edge. */
.phw .phw-sh footer button { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 44px; border-radius: 999px; font-weight: 800; font-size: 13.5px; }
.phw .phw-sh__c { border: 1.5px solid #d3d7e0; }
.phw .phw-sh__s { background: var(--phw-pink); color: #fff; }

@keyframes phw-fi { from { opacity: 0; } }
@keyframes phw-zi { from { transform: scale(.96); opacity: .5; } }
@keyframes phw-dn { from { transform: translateY(-8px); opacity: 0; } }
@keyframes phw-up { from { transform: translateY(100%); } }
/* Closing, each the way its panel came in (DG, 14 Oct 2026: it closed with
   no animation at all). */
.phw-shd.is-closing { animation: phw-fo .22s ease forwards; }
.phw-sh.is-closing { animation: phw-dnout .2s ease forwards; }
@keyframes phw-fo { to { opacity: 0; } }
@keyframes phw-dnout { to { transform: translateY(-8px); opacity: 0; } }
@keyframes phw-down { to { transform: translateY(100%); } }
@keyframes phw-downt { to { transform: translate(-50%, 100%); } }

/* No gallery: the video on its own, as the feed always looked. */
.phw-wall.is-bare .phw-col--l { visibility: hidden; }

/* TABLET, 601 to 900px (handoff-tablet, 14 Oct 2026). On a tall screen
   the photo columns squeeze the video, so they go: the video sits in the
   middle at 9:16, sized from its height, with 76px either side (the right
   one is the gutter for the arrows and counter); the photos move to a
   strip of 104px squares underneath; the band is two rows; Up next is the
   phone's pill on the video; Filters is a centred sheet from the bottom,
   a bigger box with everything in it at the usual size (DG, 14 Oct 2026). */
@media (min-width: 601px) and (max-width: 900px) {
	.phw-ctx { display: none; }
	.phw-main { top: 64px; }
	.phw-wall { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; padding: 0 76px 18px; gap: 12px; }
	.phw-col { display: none; }
	.phw-mid { gap: 0; }
	.phw-vid { height: 100%; width: auto; max-width: 100%; }
	.phw-stripl { display: block; align-self: stretch; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: rgba(255, 255, 255, .6); padding: 14px 0 8px; }
	.phw-strip { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; align-self: stretch; scroll-snap-type: x mandatory; }
	.phw-strip::-webkit-scrollbar { display: none; }
	.phw .phw-strip .phw-ph { width: 104px; height: 104px; flex-shrink: 0; scroll-snap-align: start; }
	.phw .phw-strip .phw-more { width: 104px; height: 104px; min-height: 0; flex-shrink: 0; }
	.phw .phw-unm { display: flex; position: absolute; right: 10px; top: 56px; z-index: 4; align-items: center; gap: 8px; background: rgba(0, 0, 0, .5); border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; padding: 4px 12px 4px 4px; font-size: 12px; font-weight: 800; max-width: 60%; min-height: 36px; color: #fff; }
	.phw-unm__lg { width: 26px; height: 26px; border-radius: 50%; background: #2b2440; border: 1.5px solid #fff; display: grid; place-items: center; font-size: 9.5px; flex-shrink: 0; object-fit: cover; }
	.phw-unm span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.phw .phw-unm.is-soon { background: var(--phw-pink); border-color: var(--phw-pink); }
	.phw-band { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px 12px; width: 100%; max-width: none; }
	.phw-band .phw-vn { grid-column: 1 / -1; }
	.phw-band .phw-here { display: none; }
	.phw-band .phw-cred { margin-left: 0; justify-self: start; }
	.phw-sh { left: 50%; right: auto; top: auto; bottom: 0; width: min(620px, calc(100% - 48px)); transform: translateX(-50%); max-height: 80%; border-radius: 28px 28px 0 0; animation: phw-upt .3s cubic-bezier(.2, .8, .2, 1); }
	.phw-sh.is-closing { animation: phw-downt .22s cubic-bezier(.4, 0, 1, 1) forwards; }
}
@keyframes phw-upt { from { transform: translate(-50%, 100%); } }

/* 1.4 Mobile A. */
@media (max-width: 600px) {
	.phw-tb { height: 58px; padding: 0 12px; gap: 8px; }
	.phw-back span { display: none; }
	.phw .phw-fbtn { padding: 0 11px; }
	.phw-fbtn span { display: none; }
	.phw-ctx { display: none; }
	.phw-main { top: 58px; }
	.phw-wall { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 0; gap: 0; }
	.phw-col, .phw-band, .phw-nav { display: none; }
	.phw-mid { gap: 0; align-items: stretch; }
	.phw-vid { height: auto; width: 100%; flex: 1; aspect-ratio: auto; border-radius: 0 0 18px 18px; box-shadow: none; }
	.phw-ov { display: grid; }
	.phw-credt { display: block; max-width: 46%; }
	.phw-stripl { display: block; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: rgba(255, 255, 255, .6); padding: 12px 14px 7px; }
	.phw-strip { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 0 14px 16px; scroll-snap-type: x mandatory; }
	.phw-strip::-webkit-scrollbar { display: none; }
	.phw .phw-strip .phw-ph { width: 72px; height: 72px; flex-shrink: 0; filter: none; scroll-snap-align: start; }
	.phw .phw-strip .phw-more { width: 72px; height: 72px; min-height: 0; flex-shrink: 0; font-size: 11px; padding: 4px; }
	.phw .phw-unm { display: flex; position: absolute; right: 10px; top: 56px; z-index: 4; align-items: center; gap: 8px; background: rgba(0, 0, 0, .5); border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; padding: 4px 12px 4px 4px; font-size: 12px; font-weight: 800; max-width: 52%; min-height: 36px; color: #fff; }
	.phw-unm__lg { width: 26px; height: 26px; border-radius: 50%; background: #2b2440; border: 1.5px solid #fff; display: grid; place-items: center; font-size: 9.5px; flex-shrink: 0; object-fit: cover; }
	.phw-unm span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.phw .phw-unm.is-soon { background: var(--phw-pink); border-color: var(--phw-pink); }
	.phw-sh { left: 0; right: 0; top: auto; bottom: 0; width: auto; max-height: 84%; border-radius: 22px 22px 0 0; animation: phw-up .3s cubic-bezier(.2, .8, .2, 1); }
	.phw-sh.is-closing { animation: phw-down .22s cubic-bezier(.4, 0, 1, 1) forwards; }
	.phw-lb { padding: 56px 12px 18px; }
	.phw-lb__big { max-height: 58%; }
	.phw .phw-lb__ar { display: none; }
	.phw-lb__lf { flex-wrap: wrap; }
	.phw-lb__lf .phw-vn { width: 100%; }
	.phw-lb__lf .phw-btn { flex: 1; }
	.phw-lb__lf .phw-btn:first-of-type { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.phw-sh, .phw-lb, .phw-lb__big, .phw-shd, .phw-sh.is-closing, .phw-shd.is-closing { animation: none; }
	.phw * { transition: none !important; }
}