/* Supporting artwork fades into a quiet surface behind each closing message. */
.product-closing-panel{
  --closing-surface:#f7f6f2;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:block;
  min-height:360px;
  scroll-margin-top:110px;
  background:var(--closing-surface);
}
.product-closing-panel .closing-panel-art{
  position:absolute;
  z-index:-1;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:right center;
  -webkit-mask-image:linear-gradient(90deg,transparent 36%,#000 78%);
  mask-image:linear-gradient(90deg,transparent 36%,#000 78%);
  pointer-events:none;
}
.product-closing-panel .closing-panel-copy{
  position:relative;
  max-width:56%;
}
.product-closing-panel .closing-panel-copy>h2{
  margin-top:0;
  text-wrap:balance;
}
.product-closing-panel .closing-panel-copy>p{
  margin:16px 0 0;
  line-height:1.7;
}
.product-closing-panel .closing-panel-copy>.btn,
.product-closing-panel .closing-panel-copy>.nw-btn,
.product-closing-panel .closing-panel-copy>.product-status{
  display:inline-flex;
  margin:24px 0 0;
  position:relative;
}
.product-closing-panel .closing-panel-copy>.product-status{padding:12px 20px;font-size:14px;}
.product-closing-panel[data-closing-art="goodus"]{--closing-surface:#f8f6f2;}
.product-closing-panel[data-closing-art="faithtether"]{--closing-surface:#fcfaf5;}
.product-closing-panel[data-closing-art="jotalong"]{--closing-surface:#e6f3f8;}
.product-closing-panel[data-closing-art="nightwatch"]{
  --closing-surface:#f3eff7;
  color:#2c2a4f;
  border:1px solid rgba(86,64,123,.13);
  box-shadow:0 18px 48px rgba(44,42,79,.07);
}
.product-closing-panel[data-closing-art="nightwatch"] h2{color:#2c2a4f;}
.product-closing-panel[data-closing-art="nightwatch"] p{color:#555d64;}
@media(max-width:900px){
  .product-closing-panel[data-closing-art]{padding-bottom:260px!important;}
  .product-closing-panel .closing-panel-copy{max-width:100%;}
  .product-closing-panel .closing-panel-art{
    top:auto;
    height:260px;
    object-position:right center;
    -webkit-mask-image:linear-gradient(180deg,transparent,#000 42%);
    mask-image:linear-gradient(180deg,transparent,#000 42%);
  }
}
@media(max-width:600px){
  .product-closing-panel[data-closing-art]{padding-bottom:230px!important;}
  .product-closing-panel .closing-panel-art{height:230px;}
  .product-closing-panel .closing-panel-copy>.btn,
  .product-closing-panel .closing-panel-copy>.nw-btn{width:100%;text-align:center;min-height:48px;}
}