@media(max-width:768px){.cd-portfolio-slide .cd-portfolio-rail{position:absolute;top:112px;left:0;right:0;display:flex;gap:10px;padding:0 14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:14px;scrollbar-width:none;z-index:4;overscroll-behavior-x:contain}.cd-portfolio-rail::-webkit-scrollbar{display:none}.cd-portfolio-panel{position:relative;flex:0 0 83%;height:100%;border-radius:18px;overflow:hidden;scroll-snap-align:start;background:#17141b}.cd-portfolio-panel>img{width:100%;height:100%;object-fit:contain}.cd-portfolio-panel>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cd-portfolio-spacer{flex:0 0 calc(17% - 10px)}.cd-portfolio-heading{position:absolute;left:16px;right:16px;top:77px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 13px/1.4 inherit;z-index:5}.cd-portfolio-heading button{color:#c6a8ff;background:transparent;border:0;min-height:32px}.cd-portfolio-hint{position:absolute;left:14px;right:14px;color:#c5bbd1;font-size:10px;text-align:center;z-index:5}.cd-portfolio-reviews{border:0;border-radius:12px;background:#fff;color:#6c35cc;padding:6px 9px;font-size:11px;min-height:32px}@media(max-height:650px){.cd-portfolio-slide .cd-portfolio-rail{top:96px}.cd-portfolio-heading{top:65px}}}

.cd-single-video .cd-portfolio-panel{flex-basis:100%}.cd-single-video .cd-portfolio-spacer{display:none}

@media(max-width:768px){
.cd-app-modal>button,.cd-app-modal>a[download]{background:transparent!important;width:40px!important;height:40px!important;top:calc(12px + env(safe-area-inset-top,0px))!important;border:0!important;box-shadow:none!important}
.cd-app-modal>button svg,.cd-app-modal>a[download] svg{width:18px!important;height:18px!important}
.cd-app-modal>.ugc-modal-close{right:12px!important}.cd-app-modal>.ugc-modal-close svg{width:24px!important;height:24px!important}
.cd-app-modal>.cd-mobile-save{left:auto!important;right:60px!important}
.cd-app-modal>button[onclick*="shareProfile"]{right:108px!important}
.cd-app-modal>a[download]{right:156px!important}
.cd-app-modal>button[onclick*="toggleModalFilter"]{left:12px!important}
.cd-app-modal .cd-portfolio-heading{top:calc(72px + env(safe-area-inset-top,0px));font-size:14px;font-weight:400;left:20px;right:24px}
.cd-app-modal .cd-portfolio-rail{top:calc(96px + env(safe-area-inset-top,0px));padding-left:20px;scroll-padding-left:20px}
.cd-app-modal .cd-app-footer{padding:0!important;background:none!important}
.cd-app-modal .cd-app-footer>div:first-child{display:none!important}
body.browse-page .cd-app-modal .ugc-airbnb-paybar{margin:0!important;width:100%!important;border-radius:20px 20px 0 0!important;padding:12px 16px calc(10px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid #eee!important}
.cd-app-modal .cd-app-identity{display:flex!important;align-items:center;gap:12px;margin:0 0 8px!important;color:#222!important;text-transform:none!important;letter-spacing:0!important;font-size:17px!important;line-height:1.3}
.cd-app-identity span{display:flex;align-items:center;gap:4px;color:#777;font-size:14px;font-weight:400}
.cd-app-modal .ugc-airbnb-paybar>div:first-child>div:last-child>span:first-child{font-size:23px!important}
.cd-app-modal .ugc-airbnb-paybar>div:first-child>div:last-child>span:last-child{font-size:14px!important}
.cd-app-actions{display:grid!important;grid-template-columns:1fr 2fr;gap:10px!important}
.cd-app-actions>*{height:52px!important;min-height:52px!important;padding:0 8px!important;border-radius:14px!important;font-size:14px!important;font-weight:700!important;gap:8px!important;box-sizing:border-box;white-space:nowrap}
.cd-app-actions svg{width:17px!important;height:17px!important;flex-shrink:0}
.cd-app-modal .cd-portfolio-hint{text-align:left;left:20px;font-size:10px}
.cd-app-modal .cd-portfolio-reviews{height:34px;border-radius:999px;color:#222;font-weight:600;font-size:14px;padding:6px 12px}
}

/* One profile link contains the portrait, public ID and response expectation. */
@media(max-width:768px){
.cd-app-modal .cd-app-identity{margin-bottom:10px!important;letter-spacing:normal!important;text-align:start}
.cd-app-modal .cd-creator-profile-link{display:flex;align-items:center;gap:10px;max-width:100%;min-height:44px;color:#24212c;text-decoration:none;border-radius:8px}
.cd-app-modal .cd-creator-profile-link:focus-visible{outline:2px solid #763ce8;outline-offset:4px}
.cd-app-modal .cd-creator-profile-link:hover strong{text-decoration:underline;text-underline-offset:3px}
.cd-app-modal .cd-creator-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;background:#f2eef7;color:#8a8096}
.cd-app-modal .cd-creator-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.cd-app-modal .cd-creator-avatar>svg{width:26px;height:26px}
.cd-app-modal .cd-creator-identity-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.cd-app-modal .cd-creator-identity-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
.cd-app-modal .cd-creator-identity-row strong{font-size:16px;font-weight:700;color:#24212c;line-height:1.3}
.cd-app-modal .cd-creator-city{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#77717f;overflow-wrap:anywhere}
.cd-app-modal .cd-creator-city svg,.cd-app-modal .cd-creator-response>svg{width:14px;height:14px;flex:0 0 14px}
.cd-app-modal .cd-creator-response{display:flex;align-items:flex-start;gap:5px;font-size:12px;color:#77717f;line-height:1.4}
.cd-app-modal .cd-creator-response>svg{margin-top:1px}
.cd-app-modal .cd-creator-response>span{display:block;font-size:inherit;color:inherit;line-height:inherit}
}

/* Size the card to its portrait media, not to a nearly full-width page.
   The rail has a definite height from top/bottom, so container units respond
   to both narrow phones and short landscape viewports without cropping. */
@media(max-width:768px){
  .cd-portfolio-slide .cd-portfolio-rail{container-type:size;--cd-card-width:min(56.25cqh,calc(100cqw - 56px))}
  .cd-portfolio-rail .cd-portfolio-panel{flex-basis:var(--cd-card-width);height:min(100%,calc(var(--cd-card-width) * 16 / 9));align-self:center}
  .cd-portfolio-rail .cd-portfolio-spacer{flex-basis:calc(100cqw - var(--cd-card-width) - 10px)}
  .cd-portfolio-rail.cd-single-video{justify-content:center}
  .cd-portfolio-panel>video,.cd-portfolio-panel>img{border-radius:18px}
}
@media(max-width:768px){
  .cd-portfolio-panel>video,.cd-portfolio-panel>img{position:absolute!important;inset:0!important;transform:none;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:cover!important;border-radius:18px}
}

@media(max-width:768px){
 .cd-portfolio-rail{transform-origin:0 0;transition:transform .25s ease-in-out;touch-action:manipulation}
 .cd-app-footer,.cd-portfolio-heading{transition:opacity .25s ease-in-out}
 .cd-video-focused .cd-app-footer,.cd-video-focused .cd-portfolio-heading,.cd-video-focused .cd-portfolio-hint,.cd-video-focused .cd-mobile-reviews,.cd-video-focused .cd-mobile-save{opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.cd-portfolio-rail,.cd-app-footer,.cd-portfolio-heading{transition:none}}