/* Product Detail page-owned presentation. */

/* Source-backed non-credit Product Detail sections. */
.v4-product-detail-page.nb-account-detail .nb-account-logo-card{background:#fff;border:1px solid #e8edf4;display:flex;align-items:center;justify-content:center;padding:22px}
.v4-product-detail-page.nb-account-detail .nb-account-logo-card img{width:82%;height:82%;object-fit:contain;display:block}
.v4-product-detail-page .nb-account-section,.v4-product-detail-page .nb-account-notice{background:#fff;border:1px solid #edf1f6;border-radius:16px;box-shadow:none;padding:16px 18px}
.v4-product-detail-page .nb-account-section .v4-section-head,.v4-product-detail-page .nb-account-notice .v4-section-head{margin-bottom:10px}
.v4-product-detail-page .nb-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;border-top:1px solid #eef2f6}
.v4-product-detail-page .nb-account-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #eef2f6;padding:10px 2px}
.v4-product-detail-page .nb-account-row strong{min-width:0}
.v4-product-detail-page .nb-account-row span{text-align:right;max-width:68%}
.v4-product-detail-page .nb-account-notice p{margin:0}
.v4-product-detail-page .nb-account-source{text-align:right;padding:0 4px 2px}
.v4-product-detail-page .nb-account-source a{text-decoration:none}
.v4-product-detail-page .nb-account-source a:hover{text-decoration:underline}
@media(max-width:760px){.v4-product-detail-page .nb-account-grid{grid-template-columns:1fr}.v4-product-detail-page .nb-account-row span{max-width:62%}}

/* Product Detail overlay. Wallet stays visually present beneath the mounted detail. */
body.nb-product-overlay-open{overflow:hidden}
.v4-product-detail-page .nb-mobile-detail-toolbar{display:none}
.nb-product-detail-overlay{position:fixed;inset:0;z-index:76;display:grid;place-items:start center;padding:28px 42px;overflow:auto;background:rgba(15,26,47,.24);backdrop-filter:blur(2.4px)}
.nb-product-detail-panel{position:relative;width:min(1180px,calc(100vw - 104px));max-height:calc(100vh - 56px);overflow:auto;background:#fff;border:1px solid rgba(226,232,240,.96);border-radius:22px;box-shadow:0 28px 90px rgba(16,28,52,.26);overscroll-behavior:contain}
.nb-product-detail-host>.content,.nb-product-detail-host>.edit-product-page{max-width:none!important;margin:0!important;padding:26px 28px 34px}

/* Mobile Product Detail uses explicit vertical blocks instead of compressing desktop layout. */
@media(max-width:780px){
  .nb-product-detail-overlay{padding:0;display:block;background:#fff;backdrop-filter:none}
  .nb-product-detail-panel{width:100%;min-height:100%;max-height:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
  .v4-product-detail-page .nb-mobile-detail-toolbar{
    position:sticky;
    top:0;
    z-index:40;
    box-sizing:border-box;
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:8px 16px;
    padding-top:max(8px,env(safe-area-inset-top));
    border-bottom:1px solid rgba(60,60,67,.10);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .v4-product-detail-page .nb-mobile-detail-back{
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 38px;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    color:#1d1d1f;
    cursor:pointer;
  }
  .v4-product-detail-page .nb-mobile-detail-back:active{background:rgba(118,118,128,.10)}
  .v4-product-detail-page .nb-mobile-detail-back svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .v4-product-detail-page .nb-mobile-detail-toolbar-spacer{flex:1 1 auto}
  .v4-product-detail-page .nb-mobile-detail-toolbar .v4-pd-edit{
    position:static;
    flex:0 0 auto;
  }
  .v4-product-detail-page .v4-pd-title-row>.v4-pd-edit{display:none}
  .nb-product-detail-host>.content,.nb-product-detail-host>.edit-product-page{padding:0}
  .v4-product-detail-page{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden}
  .v4-product-detail-page .v4-pd-overview{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:14px!important;overflow:hidden}
  .v4-product-detail-page .v4-pd-left,.v4-product-detail-page .v4-pd-right{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;flex:0 0 auto!important}
  .v4-product-detail-page .v4-pd-card,.v4-product-detail-page .v4-pd-card.credit-card-art{width:min(100%,320px)!important;max-width:320px!important;margin:0 auto!important}
  .v4-product-detail-page .v4-pd-actions{width:min(100%,320px)!important;margin-left:auto!important;margin-right:auto!important}
  .v4-product-detail-page.nb-card-detail .v4-pd-actions{
    width:min(100%,280px)!important;
    gap:16px;
    margin-top:8px!important;
  }
  .v4-product-detail-page.nb-card-detail .v4-pd-actions button{
    gap:6px;
    padding:2px 6px;
  }
  .v4-product-detail-page.nb-card-detail .v4-pd-actions i{
    height:18px;
    background:rgba(60,60,67,.16);
  }
  .v4-product-detail-page .v4-pd-right{padding-top:0!important}
  .v4-product-detail-page .v4-pd-title-row{width:100%!important;min-width:0!important}
  .v4-product-detail-page .v4-pd-title-row>div{min-width:0!important;max-width:100%!important}
  .v4-product-detail-page.nb-card-detail .v4-pd-title-row>div{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px 12px!important;
    width:100%!important;
  }
  .v4-product-detail-page.nb-card-detail .v4-pd-title-row h1{
    flex:0 0 auto;
    max-width:100%;
  }
  .v4-product-detail-page.nb-card-detail .v4-pd-status{
    flex:0 0 auto;
    margin:0 0 0 auto;
    white-space:nowrap;
    text-align:right;
  }
  .v4-product-detail-page .v4-pd-facts{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important}
  .v4-product-detail-page .v4-pd-facts>div{width:100%!important;min-width:0!important;border-left:0!important;border-top:1px solid #edf1f5;padding:10px 0!important}
  .v4-product-detail-page .v4-pd-facts>div:first-child{border-top:0}
  .v4-product-detail-page.nb-card-detail .v4-pd-facts.credit-card-facts{
    display:grid!important;
    grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important;
    column-gap:0!important;
    align-items:center!important;
    margin-top:10px!important;
  }
  .v4-product-detail-page.nb-card-detail .v4-pd-facts.credit-card-facts>div{
    width:100%!important;
    min-width:0!important;
    border:0!important;
    gap:0!important;
    padding:8px 0!important;
    white-space:nowrap;
  }
  .v4-product-detail-page.nb-card-detail .v4-pd-facts.credit-card-facts>div:first-child{
    justify-content:flex-start!important;
    padding-right:18px!important;
  }
  .v4-product-detail-page.nb-card-detail .v4-pd-facts.credit-card-facts>div:last-child{
    justify-self:stretch!important;
    justify-content:flex-end!important;
    padding-left:18px!important;
    text-align:right;
  }
  .v4-product-detail-page.nb-card-detail .v4-pd-facts.credit-card-facts small,
  .v4-product-detail-page.nb-card-detail .v4-pd-facts.credit-card-facts strong{
    display:inline!important;
    margin:0!important;
  }
  .v4-product-detail-page .v4-pd-earning{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:8px 12px!important}
  .v4-product-detail-page .v4-pd-earning>i{display:none!important}
  .v4-product-detail-page .v4-pd-earning>div{display:flex!important;width:100%!important;min-width:0!important;justify-content:flex-start!important;padding:7px 0!important}
  .v4-product-detail-page .v4-pd-earning>div>span:last-child{min-width:0!important}
  .v4-product-detail-page .v4-pd-earning b,.v4-product-detail-page .v4-pd-earning small{white-space:normal!important;overflow-wrap:anywhere}
}

/* Base Product Detail layout migrated from the global stylesheet. */
/* Product Detail - matched to the AMEX Platinum reference mock. */
.v4-product-detail-page{max-width:1180px;margin:0 auto}
.v4-pd-overview{border:1px solid #e4ebf4;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(27,49,84,.035);padding:16px 18px;display:grid;grid-template-columns:365px minmax(0,1fr);gap:30px}
.v4-pd-left{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.v4-pd-card{width:315px;max-width:100%;border-radius:11px;overflow:hidden;background:#f6f7fa;box-shadow:0 4px 12px rgba(25,43,72,.08)}
.v4-pd-card img{display:block;width:100%;height:auto}
.v4-pd-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:12px;width:100%}
.v4-pd-actions button{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:4px 10px;white-space:nowrap;flex:0 0 auto}.v4-pd-actions i{width:1px;height:20px;background:#dce3ee}
.v4-pd-right{min-width:0;padding-top:7px}
.v4-pd-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.v4-pd-title-row h1{margin:0;}
.v4-pd-edit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  height:34px;
  padding:0 10px;
  border:1px solid var(--nb-system-blue);
  border-radius:9px;
  background:#fff;
  color:var(--nb-system-blue);
  white-space:nowrap;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .12s ease;
}
.v4-pd-edit:hover{background:rgba(0,136,255,.06)}
.v4-pd-edit:active{transform:scale(.97)}
.v4-pd-status{display:flex;align-items:center;gap:10px;margin-top:12px;}
.v4-pd-status>i{width:1px;height:20px;background:#dfe5ee}.v4-pd-status>b{width:9px;height:9px;border-radius:50%;background:#18c783}.v4-pd-status>b.past{background:#a9b0bd}
.v4-pd-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;border-top:1px solid transparent}
@media(min-width:781px){.v4-pd-facts.credit-card-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.v4-pd-facts>div{display:flex;align-items:center;gap:12px;padding:9px 16px;border-left:1px solid #e6ebf2}.v4-pd-facts>div:first-child{border-left:0;padding-left:0}
.fact-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f6f8fb;}
.v4-pd-facts small{display:block;margin-bottom:2px}.v4-pd-facts strong{display:block;}
.v4-pd-earning{margin-top:15px;border-radius:10px;background:#f7f9fc;display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center;padding:8px 12px}
.v4-pd-earning.cols-1{grid-template-columns:minmax(0,1fr)}
.v4-pd-earning.cols-2{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)}
.v4-pd-earning.cols-3{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr)}
.v4-pd-earning>div{display:flex;align-items:center;justify-content:center;gap:11px}.v4-pd-earning>i{width:1px;height:40px;background:#dde4ee}
.earn-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--nb-system-blue);
}
.earn-icon svg{
  width:22px;
  height:22px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.v4-pd-earning b{display:block;}
.v4-pd-section{margin-top:14px;border:1px solid #e4ebf4;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(28,51,89,.025);padding:13px 18px}
.v4-pd-section .v4-section-head{margin-bottom:8px}
.v4-pd-attention-list{border:1px solid #edf1f5;border-radius:10px;overflow:hidden}
.v4-pd-attention-item{border-bottom:1px solid #edf1f5}.v4-pd-attention-item:last-child{border-bottom:0}
.v4-pd-attention-row{width:100%;display:grid;grid-template-columns:42px 1.7fr .9fr 22px;align-items:center;gap:10px;border:0;background:#fff;padding:8px 9px;text-align:left;}
.v4-pd-att-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f4f8ff;}
.v4-pd-att-copy strong{display:block;}.v4-pd-att-copy small{display:block;margin-top:2px;}
.v4-pd-att-time{text-align:right;}.v4-pd-att-chevron{text-align:center;}
.v4-pd-attention-item .attention-expanded{border-top:1px solid #edf1f5;margin:0;background:#fbfcfe}
.v4-pd-benefits{padding-top:12px;padding-bottom:14px}
.v4-featured-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:2px}
.v4-feature-benefit{display:grid;grid-template-columns:122px 1fr 15px;align-items:center;gap:12px;border:1px solid #e5ebf3;border-radius:10px;background:#fff;padding:7px;text-align:left;}
.v4-feature-benefit img{width:122px;height:82px;border-radius:8px;object-fit:cover}.v4-feature-benefit strong{display:block;}.v4-feature-benefit small{display:block;margin-top:5px;}
.v4-benefit-lists{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px}.v4-benefit-lists>div{border:1px solid #e5ebf3;border-radius:10px;overflow:hidden}
.v4-benefit-row{width:100%;display:grid;grid-template-columns:28px 1fr .7fr 16px;align-items:center;gap:8px;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:7px 10px;text-align:left}.v4-benefit-row:last-child{border-bottom:0}
.v4-benefit-icon{text-align:center}.v4-benefit-row small{text-align:right}.v4-benefit-row>b{text-align:right}
.v4-pd-history{padding-top:0;padding-bottom:0}.v4-pd-history .v4-past-head{padding:12px 0}



/* V6 — exact card-art mapping across Product Page and Product Detail. */
.v4-pd-card.credit-card-art{
  width:315px;
  aspect-ratio:1.586 / 1;
  height:auto;
  border-radius:11px;
  overflow:hidden;
  background:transparent;
  box-shadow:none;
}
.v4-pd-card.credit-card-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:11px;
  filter:drop-shadow(0 5px 10px rgba(20,36,62,.12));
}
@media(max-width:780px){
  .v4-pd-card.credit-card-art{width:290px}
}



/* Product Detail edit flow layout. */
.edit-product-page{max-width:760px;margin:0 auto;padding-bottom:36px}
.edit-panel{background:#fff;border:1px solid #e4eaf2;border-radius:16px;padding:18px;box-shadow:0 7px 24px rgba(27,48,82,.035)}
.edit-product-page .option-list{margin-top:14px}
.edit-reward-page{max-width:800px}
.edit-reward-product{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  align-items:center;
  gap:16px;
  min-height:104px;
  margin-top:22px;
  padding:12px 14px;
  border:1px solid #e1e7ef;
  border-radius:14px;
  background:#fbfcfe;
}
.edit-reward-product-art{
  width:120px;
  height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:10px;
  background:transparent;
}
.edit-reward-product-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.edit-reward-product-art .mini-art{width:96px;height:60px;box-shadow:none}
.edit-reward-product-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.edit-reward-head{margin-top:28px}
.edit-product-page .edit-reward-list{
  display:block;
  overflow:hidden;
  margin-top:14px;
  border:1px solid #dfe5ed;
  border-radius:12px;
  background:#fff;
}
.edit-product-page .edit-reward-row{
  width:100%;
  min-height:56px;
  border:0;
  border-bottom:1px solid #e8edf3;
  border-radius:0;
  padding:9px 14px;
  background:#fff;
}
.edit-product-page .edit-reward-row:last-child{border-bottom:0}
.edit-product-page .edit-reward-row:hover{background:#f8fafc}
.edit-product-page .edit-reward-row.selected{background:#f3f8ff}
.edit-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.edit-footer.split{justify-content:space-between;align-items:center}
.edit-footer .btn{min-width:132px}
.edit-product-page .task-card{margin-top:10px}
.edit-product-page #edit-opened{width:min(320px,100%)}



.v4-pd-earning.single{grid-template-columns:1fr}

/* Product Detail — approved mock is a little denser and wider than V8. */
.v4-pd-overview{border-radius:12px;padding:15px 18px;grid-template-columns:350px minmax(0,1fr);gap:26px}
.v4-pd-card.credit-card-art{width:300px}
.v4-pd-right{padding-top:4px}
.v4-pd-status{margin-top:9px}
.v4-pd-facts{margin-top:14px}
.v4-pd-facts>div{padding:8px 14px}
.v4-pd-earning{margin-top:12px;padding:7px 10px}
.v4-pd-section{margin-top:12px;border-radius:12px;padding:11px 16px}
.v4-pd-attention-row{padding:8px 8px}
.v4-featured-benefits{gap:12px}
.v4-feature-benefit{grid-template-columns:112px 1fr 14px;padding:6px}
.v4-feature-benefit img{width:112px;height:75px}
.v4-benefit-lists{gap:15px;margin-top:10px}
.v4-benefit-row{padding:7px 9px}
.v4-pd-history .v4-past-head{padding:10px 0}



@media(max-width:780px){
  .v4-pd-overview{grid-template-columns:1fr}.v4-pd-card{width:290px}.v4-pd-left{align-items:flex-start}.v4-pd-facts{grid-template-columns:1fr}.v4-pd-facts>div{border-left:0;border-top:1px solid #edf1f5;padding-left:0}.v4-pd-facts>div:first-child{border-top:0}.v4-pd-earning{grid-template-columns:1fr}.v4-pd-earning>i{display:none}.v4-pd-earning>div{justify-content:flex-start;padding:6px 0}.v4-featured-benefits{grid-template-columns:1fr}.v4-benefit-lists{grid-template-columns:1fr}.v4-feature-benefit{grid-template-columns:100px 1fr 15px}.v4-feature-benefit img{width:100px;height:72px}
  .v4-pd-attention-row{grid-template-columns:38px 1fr auto 20px}.v4-pd-att-copy small{white-space:normal}
}

@media(max-width:780px){
  .edit-reward-product{
    grid-template-columns:88px minmax(0,1fr);
    gap:12px;
    min-height:79px;
    margin-top:16px;
    padding:12px;
  }
  .edit-reward-product-art{width:88px;height:55px}
  .edit-reward-product-art .mini-art{width:72px;height:45px}
  .edit-reward-head{margin-top:22px}
  .edit-product-page .edit-reward-row{min-height:54px;padding:9px 12px}
  .edit-footer.split{flex-direction:column-reverse;align-items:stretch}
  .edit-product-page #edit-opened{width:100%}
  .edit-footer.split .btn{width:100%}
}

@media(max-width:1180px){.v4-pd-overview{grid-template-columns:310px minmax(0,1fr)}}

@media(min-width:1181px){.v4-product-detail-page{max-width:1260px}}


/* Bank account bonus ledger: task progress and actual bank payouts are separate. */
.v4-product-detail-page .nb-account-bonus-section{display:grid;gap:14px}
.v4-product-detail-page .nb-bank-bonus-entry{border:1px solid #e7ebf0;border-radius:13px;padding:15px;display:grid;gap:16px;min-width:0}
.v4-product-detail-page .nb-bank-bonus-entry-top,.v4-product-detail-page .nb-bank-bonus-receipt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.v4-product-detail-page .nb-bank-bonus-entry h3{margin:0 0 5px}
.v4-product-detail-page .nb-bank-bonus-entry h4{margin:0 0 8px}
.v4-product-detail-page .nb-bank-bonus-entry p{margin:3px 0 0}
.v4-product-detail-page .nb-bank-bonus-status{display:grid;gap:3px;text-align:right;white-space:nowrap}
.v4-product-detail-page .nb-bank-bonus-status span{display:block}
.v4-product-detail-page .nb-bank-bonus-status small,.v4-product-detail-page .nb-bank-bonus-note{color:#687383}
.v4-product-detail-page .nb-bank-bonus-group{padding-top:13px;border-top:1px solid #edf0f4}
.v4-product-detail-page .nb-bank-bonus-tasks{display:grid;gap:9px}
.v4-product-detail-page .nb-bank-bonus-task{display:flex;align-items:flex-start;gap:10px}
.v4-product-detail-page .nb-bank-bonus-task>span{width:20px;flex:none;color:#8b96a6}
.v4-product-detail-page .nb-bank-bonus-task>span.is-done{color:#267a52}
.v4-product-detail-page .nb-bank-bonus-task strong{display:block;overflow-wrap:anywhere}
.v4-product-detail-page .nb-bank-bonus-task small{display:block;color:#687383;margin-top:2px}
.v4-product-detail-page .nb-bank-bonus-payments{display:grid;gap:4px;margin-top:10px}
.v4-product-detail-page .nb-bank-bonus-payment{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:34px}
.v4-product-detail-page .nb-bank-bonus-payment strong{margin-right:auto}
.v4-product-detail-page .nb-bank-bonus-receipt-editor{display:grid;gap:12px;margin-top:12px;padding:14px;background:#f8fafc;border-radius:12px}
.v4-product-detail-page .nb-bank-bonus-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v4-product-detail-page .nb-bank-bonus-editor-fields label{display:grid;gap:6px}
.v4-product-detail-page .nb-bank-bonus-editor-actions{display:flex;gap:8px;flex-wrap:wrap}
.v4-product-detail-page .nb-bank-bonus-error{color:#b42318;margin:0}
.v4-product-detail-page .nb-bank-bonus-log{display:grid;gap:8px;border-top:1px solid #edf0f4;padding-top:12px}
.v4-product-detail-page .nb-bank-bonus-log>div{display:flex;align-items:baseline;gap:12px}
.v4-product-detail-page .nb-bank-bonus-log time{min-width:86px;color:#687383}
.v4-product-detail-page .nb-bank-bonus-links{display:flex;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:1px solid #edf0f4}
.v4-product-detail-page .nb-bank-bonus-links a{text-decoration:none}
@media(max-width:650px){
 .v4-product-detail-page .nb-bank-bonus-entry{padding:12px}
 .v4-product-detail-page .nb-bank-bonus-entry-top{flex-direction:column;gap:6px}
 .v4-product-detail-page .nb-bank-bonus-status{text-align:left;white-space:normal}
 .v4-product-detail-page .nb-bank-bonus-editor-fields{grid-template-columns:1fr}
}

/* Bank accounts only: compact identity, one reward panel and actionable checklist. */
.v4-product-detail-page.nb-bank-account-detail .v4-pd-overview{grid-template-columns:116px minmax(0,1fr);gap:22px;align-items:center}
.v4-product-detail-page.nb-bank-account-detail .v4-pd-left{min-width:0}
.v4-product-detail-page.nb-bank-account-detail .v4-pd-card{width:104px;min-height:72px;max-width:104px;display:flex;align-items:center;justify-content:center;box-shadow:none;background:#f8fafc}
.v4-product-detail-page.nb-bank-account-detail .v4-pd-card img{width:100%;max-height:74px;object-fit:contain}
.v4-product-detail-page.nb-bank-account-detail .nb-account-logo-card{padding:10px}
.v4-product-detail-page.nb-bank-account-detail .v4-pd-right{min-width:0}
.v4-product-detail-page.nb-bank-account-detail .nb-account-bonus-section{gap:10px}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-entry{border:0;padding:0;gap:12px}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-entry-top{align-items:center}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-stats>div{display:grid;gap:4px;min-width:0}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-stats strong{display:block;overflow-wrap:anywhere}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-stats small{color:#687383}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-group-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-group-head>span{color:#687383}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-tasks{margin-top:10px;gap:0;border-top:1px solid #edf1f5}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-task{padding:12px 0;align-items:flex-start;border-bottom:1px solid #edf1f5;cursor:pointer}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-task input{flex:none;width:17px;height:17px;margin:3px 0 0;accent-color:#16805e}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-task>span:last-child{width:auto;flex:1;min-width:0}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-task-mark{flex:none;min-width:17px;color:#8b96a6}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-group-head h4{margin:0}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-status{white-space:nowrap}
.v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-links{gap:18px}
@media(max-width:780px){
 .v4-product-detail-page.nb-bank-account-detail .v4-pd-overview{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
 .v4-product-detail-page.nb-bank-account-detail .v4-pd-left{align-items:center!important}
 .v4-product-detail-page.nb-bank-account-detail .v4-pd-card{width:68px!important;max-width:68px!important;min-height:52px!important;margin:0!important}
 .v4-product-detail-page.nb-bank-account-detail .v4-pd-card img{max-height:50px}
 .v4-product-detail-page.nb-bank-account-detail .nb-account-logo-card{padding:6px}
 .v4-product-detail-page.nb-bank-account-detail .nb-bank-bonus-stats{gap:12px}
}