/* Three requested screens inside the unchanged responsive phone. */
.ph-ppc{height:100%;display:flex;flex-direction:column;padding:17cqw 5cqw 8cqw;background:#111217;color:#f8f7fb;font-family:var(--body)}
.ppc-brand{display:flex;align-items:center;gap:2cqw;font-size:3.6cqw;font-weight:650;letter-spacing:.04em}
.ppc-brand-symbol{width:6cqw;height:6cqw;display:grid;place-items:center;background:#ff2bd6;color:#08090c;border-radius:1.2cqw;font:800 4cqw/1 var(--display);letter-spacing:-.05em}
.ppc-brand b{font-weight:400;color:#aaa7b3}
.ppc-profile{margin-left:auto;display:grid;place-items:center;width:6cqw;height:6cqw;border-radius:50%;background:#292a32;font-size:2.6cqw}
.ppc-heading{font-size:6.4cqw;line-height:1.2;letter-spacing:-.05em;font-weight:600;margin-top:6cqw}
.ppc-period{display:flex;align-items:center;justify-content:space-between;gap:2cqw;color:#bdbac5;font-size:2.8cqw;margin-top:2.8cqw;line-height:1.4}
.ppc-demo{border:1px solid #5f435c;color:#ffb6ec;border-radius:99px;padding:1.4cqw 2cqw;font-size:2.6cqw;background:#ff2bd60a}
.ppc-revenue{position:relative;margin-top:6cqw;padding:5cqw;border-radius:4cqw;background:linear-gradient(115deg,#302035,#202025);border:1px solid #514251;display:flex;flex-direction:column;gap:1.5cqw}
.ppc-revenue>span:first-child{font-size:3.3cqw;color:#d2c7d4}
.ppc-revenue>strong{font-size:12cqw;line-height:1;letter-spacing:-.06em;font-weight:600}
.ppc-revenue small{font-size:8cqw;font-weight:400;color:#d2c7d4}
.ppc-roas{position:absolute;right:5cqw;bottom:5cqw;display:grid;gap:1cqw;color:#d7ff3f;font-size:6cqw;font-weight:600;line-height:1}
.ppc-roas>span{font-size:2.6cqw;color:#c5c4b9;font-weight:400;letter-spacing:.06em;text-align:right}
.ppc-chart{margin:5cqw 1cqw 0}
.ppc-chart-head{display:flex;justify-content:space-between;font-size:3cqw;color:#bdbac5;margin-bottom:3cqw}
.ppc-chart-head>span:last-child{font-size:2.4cqw}
.ppc-chart svg{display:block;width:100%;height:28cqw;overflow:visible}
.ppc-grid{stroke:#36333d;stroke-width:.8;fill:none}
.ppc-chart-axis{display:flex;justify-content:space-between;font-size:2.4cqw;color:#aaa5b3;margin-top:2cqw}
.ppc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;margin:5cqw 0 0}
.ppc-metrics>div{border:1px solid #39363f;border-radius:3cqw;padding:3.3cqw;background:#1b1c22}
.ppc-metrics dt{font-size:2.9cqw;line-height:1.3;color:#bdbac5}
.ppc-metrics dd{margin:2cqw 0 0;font-size:6.6cqw;line-height:1;font-weight:550;letter-spacing:-.045em}
.ppc-campaigns{margin-top:5cqw;font-size:3.3cqw}
.ppc-campaigns>div{display:flex;justify-content:space-between;align-items:center;min-height:8cqw;border-bottom:1px solid #302e37}
.ppc-campaigns .ppc-list-heading{min-height:7cqw;color:#bdbac5;font-size:2.9cqw;border:0}
.ppc-list-heading>strong{font-weight:500}
.ppc-campaigns>div>span:first-child{display:flex;align-items:center;gap:2cqw}
.ppc-channel{display:grid;place-items:center;width:5cqw;height:5cqw;border-radius:1.4cqw;background:#212e46;color:#91b9ff;font-size:3.6cqw;font-style:normal;font-weight:600}
.ppc-channel.google{background:#26362d;color:#b7e0be;font-size:3.2cqw}
.ppc-campaigns b{font-weight:500;font-variant-numeric:tabular-nums}
.ppc-bottom{display:flex;justify-content:space-around;margin-top:auto;padding-top:5cqw;font-size:3cqw;color:#a8a3b0}
.ppc-bottom .ppc-active{color:#d7ff3f}
.ph-ugc-supplied{height:100%;width:100%;background:#050505;display:flex;align-items:center;justify-content:center}
.ph-ugc-supplied img{width:100%;height:100%;object-fit:contain;display:block}
.ph-shop{height:100%;display:flex;flex-direction:column;background:#f3f0e9;color:#191b17;padding-top:14cqw;font-family:var(--body)}
.shop-notice{font-size:2.5cqw;letter-spacing:.15em;text-align:center;line-height:1.3;padding:1cqw 4cqw 2cqw;color:#5c5d52}
.shop-nav{display:flex;align-items:center;gap:6cqw;padding:3cqw 6cqw;border-block:1px solid #d4d2c8;font-size:2.8cqw;line-height:1}
.shop-nav strong{font-size:8cqw;letter-spacing:-.08em;font-weight:700;margin-right:auto}
.shop-nav strong>span{font-size:2.7cqw;vertical-align:super;letter-spacing:0;margin-left:1cqw}
.shop-nav .shop-bag{font-size:6cqw;line-height:.7}
.shop-intro{position:relative;z-index:1;padding:5cqw 6cqw 0}
.shop-intro>span{font-size:2.7cqw;letter-spacing:.07em}
.shop-intro>div{margin-top:3cqw;font:600 12.7cqw/.92 var(--body);letter-spacing:-.065em}
.shop-intro em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;font-size:14cqw}
.shop-product-image{position:relative;width:100%;height:64cqw;margin-top:-3cqw;overflow:hidden;background:#e6dfd8}
.shop-product-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 62%;mix-blend-mode:multiply}
.shop-new{position:absolute;top:5cqw;right:5cqw;border-radius:99px;background:#d7ff3f;padding:2cqw 3cqw;font-size:2.6cqw;font-weight:600;letter-spacing:.06em}
.shop-dots{position:absolute;bottom:3cqw;left:6cqw;display:flex;gap:1.2cqw}
.shop-dots i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:#191b1740}.shop-dots i:first-child{background:#191b17}
.shop-info{display:flex;align-items:center;justify-content:space-between;padding:5cqw 6cqw 0;gap:4cqw}
.shop-info>div{display:flex;flex-direction:column;gap:2cqw}
.shop-info>div>span{font-size:2.5cqw;letter-spacing:.07em;color:#67685f}
.shop-info strong{font-size:6cqw;line-height:1;font-weight:600;letter-spacing:-.05em}
.shop-price{font-size:5cqw;font-weight:500;white-space:nowrap;align-self:flex-end}
.shop-options{display:flex;justify-content:space-between;align-items:center;padding:4cqw 6cqw 0;font-size:3cqw;color:#5c5d52}
.shop-options>div{display:flex;gap:1.5cqw}
.shop-options i{width:3.5cqw;height:3.5cqw;border-radius:50%;background:#ded7cb;box-shadow:0 0 0 1px #777a67}.shop-options i:first-child{outline:1px solid #282d1d;outline-offset:2px}.shop-options i:nth-child(2){background:#21241c}.shop-options i:nth-child(3){background:#a4ac8c}
.shop-sizes{display:flex;gap:2cqw;margin:4cqw 6cqw 0;font-size:3.4cqw}
.shop-sizes>span{display:grid;place-items:center;flex:1;height:8cqw;border:1px solid #c7c9bd;border-radius:1cqw}.shop-sizes .selected{border-color:#1b2016;background:#1b2016;color:#fff}
.shop-cart{display:flex;align-items:center;justify-content:space-between;margin:4cqw 6cqw 0;padding:3.3cqw 4cqw;background:#d7ff3f;color:#191b17;font-size:3.8cqw;line-height:1.2;font-weight:600;border-radius:2cqw}
.shop-cart>span{font-size:5cqw;line-height:1}
.shop-demo{display:block;text-align:center;font-size:2.3cqw;letter-spacing:.05em;color:#65675c;margin:auto 4cqw 0;padding:3cqw 0 8cqw}
/* Fit the complete dashboard, including both channels, above the home indicator. */
.ppc-heading{margin-top:4cqw}
.ppc-revenue{margin-top:4cqw;padding:4cqw}
.ppc-roas{right:4cqw;bottom:4cqw}
.ppc-chart{margin-top:4cqw}.ppc-chart svg{height:20cqw}
.ppc-metrics{margin-top:3cqw;gap:2cqw}.ppc-metrics>div{padding:2.7cqw}
.ppc-campaigns{margin-top:3cqw}.ppc-bottom{padding-top:3cqw}