/* R1153: photographer photo-gallery management. */
.clientGalleryManager .clientGalleryMediaVisual .pb1153PhotoDelete{
 position:absolute!important;top:8px!important;left:8px!important;right:auto!important;z-index:4!important;
 display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-height:32px!important;
 padding:0!important;border:2px solid #fff!important;border-radius:50%!important;background:#d92d20!important;color:#fff!important;
 font:900 23px/1 Arial,sans-serif!important;box-shadow:0 2px 9px #0f172a66!important;cursor:pointer!important;
}
.clientGalleryManager .clientGalleryMediaVisual .pb1153PhotoDelete:focus-visible{outline:3px solid #93c5fd!important;outline-offset:2px!important}
.clientGalleryManager .clientGalleryMediaItem>div:last-child{padding:5px 9px!important;min-height:26px!important}
.clientGalleryManager .clientGalleryMediaItem>div:last-child b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Brand: just the studio name, logo and a save action. */
.clientGalleryManager .clientGalleryBrandSettings.pb1153Brand{display:grid!important;gap:11px!important;padding:13px!important}
.clientGalleryManager .pb1153BrandFields{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:end;min-width:0}
.clientGalleryManager .pb1153BrandFields>label{display:grid;gap:6px;min-width:0;align-self:stretch;align-content:center;font-weight:800}
.clientGalleryManager .pb1153BrandFields>label>input{width:100%;min-width:0;box-sizing:border-box;min-height:42px}
.clientGalleryManager .pb1153LogoField{min-width:0;display:grid;justify-items:center;gap:6px}
.clientGalleryManager .pb1153LogoField img,.clientGalleryManager .pb1153LogoFallback{width:52px;height:52px;object-fit:contain;border:1px solid #e2e8f0;border-radius:11px;background:#fff}
.clientGalleryManager .pb1153LogoField button{width:100%!important;max-width:112px;min-height:31px!important;height:auto!important;padding:5px 3px!important;font-size:11px!important}
.clientGalleryManager .pb1153BrandSave{width:100%!important;min-height:42px!important}
@media(max-width:820px){
 /* Side-by-side back and gallery identity remains visible as the photos scroll. */
 html body #root .clientGalleryManager{min-width:0!important;overflow:visible!important}
 html body #root .clientGalleryManager .clientGalleryManagerTop{
  position:sticky!important;top:0!important;z-index:75!important;
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;
  gap:9px!important;width:100%!important;min-height:59px!important;box-sizing:border-box!important;
  padding:9px 11px!important;margin:0 0 8px!important;background:#fff!important;
  border-bottom:1px solid #e5eaf2!important;box-shadow:0 3px 12px #0f172a10!important;
 }
 html body #root .clientGalleryManager .clientGalleryManagerTop>.backBtn{grid-column:1!important;white-space:nowrap!important;width:auto!important;min-width:0!important;padding:7px!important;min-height:38px!important;font-size:12px!important}
 html body #root .clientGalleryManager .clientGalleryManagerTop>div:nth-child(2){grid-column:2!important;min-width:0!important;text-align:left!important;overflow:hidden!important}
 html body #root .clientGalleryManager .clientGalleryManagerTop h2{font-size:15px!important;line-height:1.35!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html body #root .clientGalleryManager .clientGalleryManagerTop p{font-size:11px!important;line-height:1.4!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html body #root .clientGalleryManager .clientGalleryManagerActions{display:none!important}
 html body #root .clientGalleryManager .clientGalleryMediaVisual .pb1153PhotoDelete{width:30px!important;height:30px!important;min-height:30px!important;font-size:21px!important}
 html body #root .clientGalleryManager .pb1153BrandFields{grid-template-columns:minmax(0,1fr) 100px}
}
/* Tariff editor: a single contained vertical scroll area; footer always reachable. */
html body .globalModalLayer>.modal:has(.clientGalleryTariffTableModal){
 display:flex!important;flex-direction:column!important;
 height:min(790px,calc(100dvh - 20px))!important;max-height:calc(100dvh - 20px)!important;
 overflow:hidden!important;
}
html body .globalModalLayer>.modal:has(.clientGalleryTariffTableModal)>.modalContent{
 display:flex!important;flex-direction:column!important;
 flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding-bottom:10px!important;
}
html body .clientGalleryTariffTableModal{
 display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;
}
html body .clientGalleryTariffTableModal .clientGalleryTariffIntro,
html body .clientGalleryTariffTableModal .clientGalleryTariffTableActions,
html body .clientGalleryTariffTableModal .clientGalleryCustomSizeEditor{flex:0 0 auto!important}
html body .clientGalleryTariffModal.clientGalleryTariffTableModal .clientGalleryTariffTableScroller{
 display:block!important;flex:1 1 auto!important;min-height:125px!important;max-height:none!important;
 overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior:contain!important;
 -webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;
 scrollbar-width:thin!important;
}
html body .clientGalleryTariffTableModal .clientGalleryTariffTableFoot{
 position:relative!important;z-index:4!important;display:flex!important;flex:0 0 auto!important;
 min-height:59px!important;box-sizing:border-box!important;margin-top:5px!important;
 border-top:1px solid #e3e8f1!important;padding:8px 2px!important;background:#fff!important;
}
html body .clientGalleryTariffTableModal .clientGalleryTariffTableFoot .modalActions{
 display:flex!important;flex:0 0 auto!important;gap:8px!important;align-items:stretch!important;
}
html body .clientGalleryTariffTableModal .clientGalleryTariffTableFoot .modalActions button{
 position:relative!important;z-index:5!important;min-height:43px!important;cursor:pointer!important;
}
@media(max-width:820px){
 html body .clientGalleryTariffModal.clientGalleryTariffTableModal .clientGalleryTariffTableScroller{min-height:110px!important}
 html body .clientGalleryTariffTableModal .clientGalleryTariffPriceGrid:not(.head){
  min-width:0!important;width:100%!important;max-width:100%!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html body .clientGalleryTariffTableModal .clientGalleryTariffTableFoot{flex-direction:column!important;gap:3px!important}
 html body .clientGalleryTariffTableModal .clientGalleryTariffTableFoot>.modalActions{width:100%!important}
 html body .clientGalleryTariffTableModal .clientGalleryTariffTableFoot>.modalActions button{flex:1 1 0!important}
 html body .globalModalLayer>.modal:has(.clientGalleryTariffTableModal){height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important}
}

/* R1155: filters, back and identity share one pinned mobile header. */
html body .pb1155ManagerTop>.clientGalleryManagerViewTabs{order:3}
html body .pb1155ManagerTop>.backBtn{order:1}
html body .pb1155ManagerTop>div:not([class]){order:2}
@media(max-width:820px){
 html body #root .clientGalleryManager .pb1155ManagerTop{grid-template-columns:minmax(0,1fr) auto!important;gap:6px 8px!important;min-height:0!important;padding:8px 10px!important}
 html body #root .clientGalleryManager .pb1155ManagerTop>.clientGalleryManagerViewTabs{display:flex!important;grid-column:1!important;grid-row:1!important;gap:4px!important;padding:0!important;width:100%!important;border:0!important;border-radius:0!important;min-width:0!important}
 html body #root .clientGalleryManager .pb1155ManagerTop>.clientGalleryManagerViewTabs button{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;min-width:0!important;min-height:34px!important;padding:5px 4px!important;gap:4px!important;font-size:12px!important;white-space:nowrap!important}
 html body #root .clientGalleryManager .pb1155ManagerTop>.clientGalleryManagerViewTabs button b{min-width:20px!important;height:20px!important;padding:0 3px!important;font-size:10px!important}
 html body #root .clientGalleryManager .pb1155ManagerTop>.backBtn{grid-column:2!important;grid-row:1!important;min-height:34px!important;padding:5px 6px!important;font-size:11px!important}
 html body #root .clientGalleryManager .pb1155ManagerTop>div:not([class]){grid-column:1/-1!important;grid-row:2!important;text-align:right!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
 html body #root .clientGalleryManager .pb1155ManagerTop h2{font-size:13px!important;flex:0 1 auto!important}
 html body #root .clientGalleryManager .pb1155ManagerTop p{margin:0!important;min-width:0!important;font-size:11px!important}
 html body #root .clientGalleryManager .clientGalleryManagerMobileNav{display:none!important}
 html body #root .clientGalleryManager{padding-bottom:18px!important}
}

/* R1156: the gallery section title owns Back; filters meet its lower divider. */
@media(max-width:820px){
 html body.pb1156GalleryManager #pbF37ContextTitle{position:relative!important;padding-left:80px!important;padding-right:80px!important}
 html body.pb1156GalleryManager #pbF37ContextTitle::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#cbd5e1 20%,#cbd5e1 80%,transparent);pointer-events:none}
 html body.pb1156GalleryManager #pb1156GalleryBack{position:absolute!important;right:10px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;padding:4px 7px!important;min-height:29px!important;font:700 11px/1.3 Vazirmatn,Tahoma,sans-serif!important;border:1px solid #e2e8f0!important;border-radius:8px!important;background:#fff!important;color:#334155!important;cursor:pointer}
 html body.pb1156GalleryManager.pbF37UnifiedActive #root .photographerMain.pbFixedRoleHeader>.photographerRolePageScrollArea{padding-top:0!important;scroll-padding-top:0!important}
 html body.pb1156GalleryManager #root .clientGalleryWorkspace{padding-top:0!important;margin-top:0!important}
 html body.pb1156GalleryManager #root .clientGalleryManager{margin-top:0!important;padding-top:0!important}
 html body.pb1156GalleryManager #root .clientGalleryManager .pb1155ManagerTop{margin-top:0!important;grid-template-columns:minmax(0,1fr)!important;border-top:0!important}
 html body.pb1156GalleryManager #root .clientGalleryManager .pb1155ManagerTop>.backBtn{display:none!important}
 html body.pb1156GalleryManager #root .clientGalleryManager .pb1155ManagerTop>.clientGalleryManagerViewTabs{grid-column:1/-1!important}
}

/* R1158: compact gallery overview cards and a native collapsible introduction. */
html body #root .clientGalleryIntro.pb1158Intro{display:block!important;padding:0!important;overflow:hidden!important}
html body #root .pb1158Intro>summary{padding:13px 16px!important;font-size:15px!important;font-weight:850!important;line-height:1.6!important;cursor:pointer;list-style-position:inside}
html body #root .pb1158Intro>.clientGalleryIntroHeader{padding:0 16px 12px!important}
html body #root .pb1158Intro>.clientGalleryIntroFacts{padding:0 16px 14px!important}
html body #root .clientGalleryCard.card{background:#f3f8ff!important;border:1px solid #bdcfe8!important;border-radius:18px!important;box-shadow:0 4px 14px #183b6414!important}
html body #root .clientGalleryCardCover{height:30px!important;min-height:30px!important;background:#e0ecfc!important;justify-content:space-between!important;padding:4px 12px!important}
html body #root .clientGalleryCardBody{padding:12px!important}
html body #root .pb1158CardHeading{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,55%)!important;gap:8px!important;align-items:center!important}
html body #root .pb1158CardHeading h3{font-size:16px!important;line-height:1.45!important;margin:0!important;overflow-wrap:anywhere}
html body #root .pb1158CardHeading .clientGalleryMetrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;margin:0!important}
html body #root .pb1158CardHeading .clientGalleryMetrics>span{padding:3px 2px!important;gap:1px!important;border-radius:7px!important;background:#fff!important;min-width:0!important}
html body #root .pb1158CardHeading .clientGalleryMetrics b{font-size:11px!important;line-height:1.4!important}
html body #root .pb1158CardHeading .clientGalleryMetrics small{font-size:10px!important;line-height:1.4!important;white-space:nowrap!important}
html body #root .clientGalleryCardBody>p{font-size:12px!important;line-height:1.5!important;margin:5px 0!important}
html body #root .clientGalleryOrderState{font-size:11px!important;line-height:1.5!important;padding:3px 7px!important;margin:4px 0!important}
html body #root .clientGalleryExpiryMini{font-size:11px!important;line-height:1.5!important;margin:4px 0 8px!important}
html body #root .clientGalleryCardActions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
html body #root .clientGalleryCardActions>button{grid-column:auto!important;min-width:0!important;width:100%!important;min-height:38px!important;height:38px!important;padding:5px 3px!important;margin:0!important;font-size:11px!important;line-height:1.35!important;white-space:nowrap!important;box-shadow:none!important}
@media(max-width:820px){
 html body #root .clientGalleryCards{padding:0 12px!important;gap:12px!important}
 html body #root .pb1158Intro>summary{font-size:14px!important;padding:11px 13px!important}
 html body #root .pb1158Intro .clientGalleryIntroCopy p{font-size:14px!important;line-height:1.8!important}
}

/* R1162: the desktop manager has exactly three header areas; no phantom fourth cell. */
@media(min-width:821px){
 html body #root .clientGalleryManager .clientGalleryManagerTop.pb1155ManagerTop{
  display:grid!important;direction:rtl!important;
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
  grid-template-areas:"back identity tabs"!important;
  align-items:center!important;gap:10px 14px!important;
  min-width:0!important;width:100%!important;
  padding:12px 2px!important;box-sizing:border-box!important;
 }
 html body #root .clientGalleryManager .pb1155ManagerTop>.backBtn{
  grid-area:back!important;grid-column:auto!important;grid-row:auto!important;
  order:unset!important;justify-self:start!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  white-space:nowrap!important;min-width:max-content!important;
  min-height:38px!important;margin:0!important;
 }
 html body #root .clientGalleryManager .pb1155ManagerTop>div:not([class]){
  grid-area:identity!important;grid-column:auto!important;grid-row:auto!important;
  order:unset!important;min-width:0!important;max-width:100%!important;
  overflow:hidden!important;text-align:right!important;
 }
 html body #root .clientGalleryManager .pb1155ManagerTop>div:not([class]) h2,
 html body #root .clientGalleryManager .pb1155ManagerTop>div:not([class]) p{
  display:block!important;min-width:0!important;max-width:100%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 }
 html body #root .clientGalleryManager .pb1155ManagerTop>div:not([class]) h2{
  font-size:17px!important;line-height:1.5!important;margin:0 0 3px!important;
 }
 html body #root .clientGalleryManager .pb1155ManagerTop>div:not([class]) p{
  font-size:12px!important;line-height:1.5!important;margin:0!important;
 }
 html body #root .clientGalleryManager .pb1155ManagerTop>.clientGalleryManagerViewTabs{
  grid-area:tabs!important;grid-column:auto!important;grid-row:auto!important;
  order:unset!important;justify-self:end!important;
  display:flex!important;align-items:center!important;gap:6px!important;
  width:max-content!important;max-width:100%!important;min-width:0!important;
  margin:0!important;padding:5px!important;box-sizing:border-box!important;
 }
 html body #root .clientGalleryManager .pb1155ManagerTop>.clientGalleryManagerViewTabs button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;white-space:nowrap!important;margin:0!important;
  min-height:36px!important;padding:5px 10px!important;
 }
 html body #root .clientGalleryManager .pb1155ManagerTop>.clientGalleryManagerActions{
  display:none!important;
 }
}
@media(min-width:821px) and (max-width:1150px){
 html body #root .clientGalleryManager .clientGalleryManagerTop.pb1155ManagerTop{
  grid-template-columns:max-content minmax(0,1fr)!important;
  grid-template-areas:"back identity" "tabs tabs"!important;
 }
 html body #root .clientGalleryManager .pb1155ManagerTop>.clientGalleryManagerViewTabs{
  justify-self:start!important;max-width:100%!important;
 }
}

/* R1163 — gallery manager controls live under the unified desktop header. */
@media(min-width:821px){
 html.pb1126Desktop body #root .clientGalleryManager .clientGalleryManagerTop.pb1155ManagerTop{
  display:block!important;width:100%!important;min-width:0!important;
  padding:6px 0 10px!important;margin:0 0 10px!important;
  border-bottom:1px solid #e5eaf2!important;
 }
 html.pb1126Desktop body #root .clientGalleryManager .clientGalleryManagerTop.pb1155ManagerTop>.backBtn,
 html.pb1126Desktop body #root .clientGalleryManager .clientGalleryManagerTop.pb1155ManagerTop>.clientGalleryManagerViewTabs{
  display:none!important;
 }
 html.pb1126Desktop body #root .clientGalleryManager .clientGalleryManagerTop.pb1155ManagerTop>div:not([class]){
  display:block!important;min-width:0!important;width:100%!important;
  margin:0!important;padding:0 2px!important;
 }
 html.pb1126Desktop body #root .clientGalleryManager .clientGalleryManagerTop.pb1155ManagerTop h2{
  font-size:15px!important;max-width:100%!important;margin:0 0 2px!important;
 }
}
html body #root .clientGalleryManager .pb1153LogoField>.pb1163LogoPicker{
 display:grid!important;place-items:center!important;
 width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;
 margin:0 auto!important;padding:0!important;border:1px solid #dce5f3!important;
 border-radius:15px!important;background:#f0f4ff!important;color:#315efb!important;
 cursor:pointer!important;overflow:hidden!important;box-shadow:none!important;
}
html body #root .clientGalleryManager .pb1153LogoField>.pb1163LogoPicker img,
html body #root .clientGalleryManager .pb1153LogoField>.pb1163LogoPicker .pb1153LogoFallback{
 width:100%!important;height:100%!important;object-fit:cover!important;
 border:0!important;border-radius:0!important;margin:0!important;display:grid!important;place-items:center!important;
}
html body #root .clientGalleryManager .pb1153BrandFields{grid-template-columns:minmax(0,1fr) 85px!important;align-items:center!important}
html body #root .clientGalleryManager .pb1163GalleryPassword>small{
 display:block!important;max-width:100%!important;margin-top:5px!important;
 font-size:11px!important;line-height:1.7!important;color:#667085!important;
}
@media(max-width:820px){
 html body #root .clientGalleryManager .pb1153BrandFields{
  grid-template-columns:minmax(0,1fr) 76px!important;
 }
 html body #root .clientGalleryManager .pb1153LogoField>.pb1163LogoPicker{
  width:55px!important;height:55px!important;min-width:55px!important;min-height:55px!important;
 }
}

/* R1164: gallery tariff pricing overlay must stack above the fixed desktop header. */
@media(min-width:821px){
 html body>.globalModalLayer.modalBack:has(.clientGalleryTariffTableModal){
  position:fixed!important;inset:0!important;
  z-index:2147483600!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:20px!important;box-sizing:border-box!important;
  overflow:hidden!important;
 }
 html body>.globalModalLayer.modalBack:has(.clientGalleryTariffTableModal)>.modal{
  position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
  transform:none!important;z-index:2147483601!important;
  width:min(1000px,calc(100vw - 40px))!important;
  max-width:calc(100vw - 40px)!important;
  height:min(800px,calc(100dvh - 40px))!important;
  max-height:calc(100dvh - 40px)!important;
  margin:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;
 }
 html body>.globalModalLayer.modalBack:has(.clientGalleryTariffTableModal)>.modal>.modalHead{
  position:relative!important;top:auto!important;flex:0 0 auto!important;
 }
 html body>.globalModalLayer.modalBack:has(.clientGalleryTariffTableModal)>.modal>.modalContent{
  flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;
 }
}
html body .clientGalleryTariffTableModal .pb1164TariffDigitalPrice{
 display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(130px,220px)!important;
 align-items:center!important;gap:10px!important;flex:0 0 auto!important;
 width:100%!important;box-sizing:border-box!important;
 padding:10px 13px!important;background:#f2f7ff!important;
 border:1px solid #cfddfa!important;border-radius:11px!important;
 color:#273b62!important;font-size:13px!important;font-weight:800!important;
}
html body .clientGalleryTariffTableModal .pb1164TariffDigitalPrice>span{
 display:flex!important;align-items:baseline!important;gap:8px!important;flex-wrap:wrap!important;
}
html body .clientGalleryTariffTableModal .pb1164TariffDigitalPrice small{
 color:#64748b!important;font-size:11px!important;font-weight:500!important;
}
html body .clientGalleryTariffTableModal .pb1164TariffDigitalPrice>input{
 width:100%!important;box-sizing:border-box!important;height:39px!important;min-height:39px!important;
 text-align:center!important;direction:ltr!important;background:#fff!important;
 border:1px solid #d5dfed!important;border-radius:9px!important;
}
html body #root .clientGalleryManager .clientGallerySettings>.clientGalleryOrderingToggle{
 margin:8px 0 10px!important;
}
@media(max-width:820px){
 html body .clientGalleryTariffTableModal .pb1164TariffDigitalPrice{
  grid-template-columns:minmax(0,1fr)!important;gap:7px!important;padding:9px 10px!important;
 }
 html body .clientGalleryTariffTableModal .pb1164TariffDigitalPrice>input{
  width:100%!important;
 }
}

/* R1165: free vertical space for print sizes in the tariff editor. */
html body .clientGalleryTariffModal.clientGalleryTariffTableModal .clientGalleryTariffIntro{
 display:none!important;margin:0!important;padding:0!important;
}