/* AEMAZON-PROFILE-COVER-v1.0.0 */
.profile-cover-hero .hero-cover {
  height:clamp(210px,32vw,390px);
  isolation:isolate;
}
.profile-cover-hero .hero-cover::after {
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 28%);
}
.profile-cover-hero .hero-cover .profile-cover-backdrop,
.profile-cover-sample .profile-cover-backdrop {
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:blur(22px) brightness(.66);transform:scale(1.13);opacity:.65;
  pointer-events:none;
}
.profile-cover-hero .hero-cover .profile-cover-image,
.profile-cover-sample .profile-cover-image {
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  object-position:center;display:block;z-index:1;
}
.profile-cover-hero .hero-cover img[hidden],
.profile-cover-sample img[hidden] {display:none!important;}
.profile-cover-hero .hero-cover-brand {z-index:3;text-shadow:0 1px 5px rgba(0,0,0,.35);}
.profile-cover-hero .hero-body {padding-top:16px;}
.profile-cover-hero .hero-avatar {margin-top:0;}
.profile-cover-controls {display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 18px 0;}
.profile-cover-controls p {margin:0;flex:1;color:#747474;font-size:12px;line-height:1.5;}
.profile-cover-edit {display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;
  min-height:36px;padding:7px 12px;border:1px solid #e6e7e9;border-radius:20px;background:#fff;
  font-size:12px!important;font-weight:700!important;cursor:pointer;}
.profile-cover-edit svg {width:16px;height:16px;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;}
.profile-cover-edit:disabled {opacity:.5;cursor:default;}
.profile-cover-dialog {position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(18,19,22,.52);overscroll-behavior:contain;}
.profile-cover-dialog[hidden],.profile-cover-panel[hidden] {display:none!important;visibility:hidden!important;pointer-events:none!important;}
.profile-cover-panel {width:100%;max-width:520px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);
  display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 18px 70px rgba(0,0,0,.2);}
.profile-cover-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 12px;}
.profile-cover-heading h2 {margin:0;font-size:19px;font-weight:800;line-height:1.35;}
.profile-cover-close {width:40px;height:40px;flex:0 0 40px;padding:0;border:0;border-radius:50%;background:#f4f5f6;cursor:pointer;}
#profileCoverForm {display:flex;flex-direction:column;min-height:0;overflow:hidden;margin:0;}
.profile-cover-scroll {min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 20px 16px;}
#profileCoverHelp {margin:0 0 16px;color:#777;font-size:13px;line-height:1.65;}
.profile-cover-sample {position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:14px;
  background:radial-gradient(circle at 82% 22%,rgba(255,111,44,.4),transparent 31%),linear-gradient(125deg,#161616,#363636);}
.profile-cover-sample-empty {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;
  color:rgba(255,255,255,.82);font-size:13px;text-align:center;}
.profile-cover-sample-empty[hidden] {display:none!important;}
.profile-cover-choices {display:flex;flex-direction:column;gap:8px;padding:0;border:0;margin:18px 0 12px;min-width:0;}
.profile-cover-choices legend {padding:0 0 10px;font-size:13px;font-weight:800;}
.profile-cover-choice {display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e6e7e9;border-radius:12px;cursor:pointer;}
.profile-cover-choice.is-selected {border-color:#e8a986;background:#fff8f3;box-shadow:0 0 0 1px rgba(232,169,134,.12);}
.profile-cover-choice.is-disabled {background:#f8f8f9;color:#888;cursor:default;}
.profile-cover-choice input[type="radio"] {flex:0 0 17px;width:17px;height:17px;margin:0;accent-color:#d46a3a;}
.profile-cover-choice-photo,.profile-cover-choice-icon {display:flex;align-items:center;justify-content:center;
  width:56px;height:42px;flex:0 0 56px;border-radius:7px;background:#f2f3f4;object-fit:contain;overflow:hidden;}
.profile-cover-choice-icon {font-size:22px;color:#8a8f96;}
.profile-cover-choice-copy {display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;}
.profile-cover-choice-copy strong {font-size:13px;font-weight:750;line-height:1.45;overflow-wrap:anywhere;}
.profile-cover-choice-copy small {display:inline-block;font-size:10px;font-weight:650;color:#a76a45;white-space:nowrap;}
.profile-cover-choice-copy>span {font-size:11px;line-height:1.45;color:#888;overflow-wrap:anywhere;}
.profile-cover-no-cars {margin:12px 0;color:#777;font-size:13px;line-height:1.6;}
.profile-cover-note {display:flex;justify-content:space-between;align-items:center;gap:12px;color:#888;font-size:11px;line-height:1.5;}
.profile-cover-note a {flex-shrink:0;color:#666;text-decoration:underline;text-underline-offset:3px;}
.profile-cover-footer {flex-shrink:0;padding:14px 20px 18px;border-top:1px solid #f0f0f1;background:#fff;}
.profile-cover-error {margin:0 0 12px;color:#b63523;font-size:12px;line-height:1.5;}
.profile-cover-error[hidden] {display:none!important;}
.profile-cover-footer-actions {display:flex;gap:10px;}
.profile-cover-footer-actions button {min-height:44px;border-radius:12px;font-size:14px!important;font-weight:750!important;cursor:pointer;}
.profile-cover-cancel {flex:1;border:1px solid #e2e3e6;background:#fff;}
.profile-cover-save {flex:2;border:1px solid #dc7d4e;background:#fff1e8;color:#9c401e!important;}
.profile-cover-save:disabled {opacity:.5;cursor:default;}
.profile-cover-dialog :focus-visible,.profile-cover-edit:focus-visible {outline:2px solid #cb6f42;outline-offset:3px;}
@media(max-width:640px) {
  .profile-cover-hero .hero-cover {height:auto;aspect-ratio:16/9;}
  .profile-cover-hero .hero-cover-brand {left:16px;top:14px;font-size:10px;}
  .profile-cover-hero .hero-body {padding-top:14px;}
  .profile-cover-hero .hero-avatar {margin-top:0;}
  .profile-cover-controls {padding:10px 14px 0;gap:8px;}
  .profile-cover-dialog {padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));}
  .profile-cover-panel {max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:20px;}
  .profile-cover-heading {padding:14px 16px 10px;}
  .profile-cover-heading h2 {font-size:18px;}
  .profile-cover-scroll {padding:0 16px 14px;}
  .profile-cover-footer {padding:12px 16px 14px;}
}
