/* Brave Harbor shop final polish — 2026-09-29 */

/* Reduce the baked shop-hero crest without changing the headline/content layout. */
@media (min-width:1001px){
  .shop-page .shop-hero{
    background-color:#03111d!important;
    background-size:62% auto!important;
    background-position:100% center!important;
    background-repeat:no-repeat!important;
  }
  .shop-page .shop-hero .page-hero__crest{
    display:none!important;
  }
}

/* Approved unified workbook artwork. */
.shop-page #workbooks{
  padding:34px 0 52px!important;
  background:#fffdf8!important;
}
.shop-page .workbook-master-shell{
  width:min(1500px,calc(100% - 32px));
}
.workbook-master-showcase{
  position:relative;
  overflow:hidden;
  margin:0 auto 32px;
  border:1px solid rgba(7,31,66,.10);
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 45px rgba(4,25,35,.11);
  line-height:0;
}
.workbook-master-showcase:last-child{margin-bottom:0}
.workbook-master-showcase img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border:0;
}
.workbook-master-hotspot{
  position:absolute;
  z-index:3;
  bottom:6.7%;
  height:13.8%;
  border-radius:999px;
  text-decoration:none;
}
.workbook-master-hotspot--digital{
  left:7.0%;
  width:42.2%;
}
.workbook-master-hotspot--print{
  left:53.4%;
  width:40.2%;
}
.workbook-master-hotspot:focus-visible{
  outline:4px solid #f2b33e;
  outline-offset:3px;
}
.workbook-master-hotspot[aria-disabled="true"]{
  cursor:default;
}

/* Make the current Fourthwall product photos impossible to collapse into blank cards. */
.shop-page .collection-card__visual{
  min-height:300px!important;
  height:300px!important;
  padding:0!important;
  background:#f4f4f1!important;
}
.shop-page .collection-card__visual img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
}
.shop-page .collection-card__badge{
  z-index:5;
}

@media (max-width:1050px){
  .shop-page .collection-card__visual{
    min-height:360px!important;
    height:360px!important;
  }
}
@media (max-width:760px){
  .shop-page #workbooks{padding:18px 0 34px!important}
  .shop-page .workbook-master-shell{width:min(100% - 14px,760px)}
  .workbook-master-showcase{
    margin-bottom:18px;
    border-radius:14px;
  }
  .workbook-master-hotspot{
    bottom:6.3%;
    height:14.5%;
  }
}
@media (max-width:640px){
  .shop-page .collection-card__visual{
    min-height:420px!important;
    height:420px!important;
  }
}


/* Stable Fourthwall shop cards — both languages. Keep product images visible even if optional reveal JS is delayed. */
.shop-page .shop-merch-section .reveal,
.shop-page .shop-merch-section .reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
.shop-page .collection-card__visual img{opacity:1!important;visibility:visible!important}
.shop-page .shop-workbook-grid .shop-workbook-card{opacity:1;transform:none}
.shop-page .shop-print-availability{margin:20px 0 0;color:#506775;font-size:.92rem;line-height:1.6}
@media(max-width:760px){.shop-page .shop-workbook-grid{grid-template-columns:1fr}}