@charset "UTF-8";
/* FREESTYLE marketplace visual-only patch. Does not affect other pages. */
.mall-detail-page .mall-hero-inner {
  grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
  gap: 28px;
}
.mall-detail-page .mall-hero-art { min-width:0; }
.mall-detail-page .mall-hero-art > img {
  width: 100%;
  height: auto;
  aspect-ratio: 1672 / 941;
  object-fit: contain;
  object-position: center;
  display:block;
  border-radius: 20px;
}
.mall-detail-page .mall-why-grid {
  grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  gap: 42px;
  align-items: center;
}
.mall-detail-page .mall-why-images.mall-brand-gallery {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:16px;
  min-width:0;
}
.mall-detail-page .mall-brand-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid #e4edf7;
  border-radius:19px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 15px 35px rgba(20,66,113,.11);
  color:#163556;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
.mall-detail-page .mall-brand-card:hover,
.mall-detail-page .mall-brand-card:focus-visible {
  transform:translateY(-3px);
  box-shadow:0 21px 44px rgba(20,66,113,.16);
}
.mall-detail-page .mall-why-images.mall-brand-gallery .mall-brand-card img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:contain;
  object-position:center;
  border-radius:0;
  box-shadow:none;
  background:#f4f8fc;
}
.mall-detail-page .mall-brand-card-copy {
  padding:19px 19px 22px;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.mall-detail-page .mall-brand-type {
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  color:#2175bd;
}
.mall-detail-page .mall-brand-card-copy strong {
  font-size:clamp(19px,1.8vw,23px);
  line-height:1.45;
  letter-spacing:-.035em;
}
.mall-detail-page .mall-brand-card-copy p {
  font-size:12px;
  line-height:1.8;
  color:#617891;
  margin:0 0 9px;
}
.mall-detail-page .mall-brand-link {
  font-size:12px;
  font-weight:850;
  color:#0872d9;
  margin-top:auto;
}
.mall-detail-page .mall-image-disclaimer {
  grid-column:1/-1;
  font-size:11px !important;
  color:#798da3 !important;
  margin:0 !important;
  line-height:1.6 !important;
}
@media(max-width:1024px) {
  .mall-detail-page .mall-hero-inner {grid-template-columns:1fr;gap:0;padding-bottom:44px;}
  .mall-detail-page .mall-copy {padding-bottom:18px;}
  .mall-detail-page .mall-hero-art {max-width:830px; margin-inline:auto; width:100%;}
  .mall-detail-page .mall-why-grid {grid-template-columns:1fr;gap:27px;}
}
@media(max-width:620px) {
  .mall-detail-page .mall-why-images.mall-brand-gallery {grid-template-columns:1fr;gap:17px;}
  .mall-detail-page .mall-photo-badge {right:7px;bottom:-12px;}
  .mall-detail-page .mall-hero-art > img {border-radius:14px;}
  .mall-detail-page .mall-brand-card-copy strong {font-size:21px;}
}
@media(prefers-reduced-motion:reduce){
  .mall-detail-page .mall-brand-card {transition:none;}
}