/* Mixed wall content only: the established concave geometry is unchanged. */
.product-gallery .product-image .image-fallback {
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  padding:16px;text-align:center;color:#425369;background:#eef2f5;
  font-size:clamp(11px,calc(var(--card-width)*.048),14px);line-height:1.45;
  overflow-wrap:anywhere;pointer-events:none;
}
.product-gallery .product-image .image-fallback[hidden],
.product-gallery .product-image img[hidden] {display:none!important}
.product-gallery .product-image[data-image-state="loading"] .image-fallback {
  background:linear-gradient(135deg,#e6ecf0,#f7f9fb 52%,#e6ecf0);
}
.product-gallery .gallery-scene .image-fallback {color:#d0d9e3;background:#12202b}
.product-gallery .gallery-scene .product-image[data-image-state="loading"] .image-fallback {
  background:linear-gradient(135deg,#12202b,#1b2e3d 52%,#12202b);
}
.product-gallery {
  --poster-paper:#e9e2d3;
  --poster-ink:#24221e;
  --poster-quiet:#595346;
  --poster-red:#a32a35;
  --poster-night:#0b1725;
  --poster-light:#eef4fa;
  --poster-blue:#aac9e1;
  --poster-gold:#e3cda9;
}
.product-gallery .gallery-poster .product-card-face {
  background:var(--poster-paper);
  border-color:#d0c6b1;
}
.gallery-poster-layout {
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  padding:clamp(14px,calc(var(--card-width)*.08),24px);
  display:flex;
  flex-direction:column;
  color:var(--poster-ink);
}
.gallery-poster-composition:before {
  content:"";
  display:block;
  width:22px;
  height:2px;
  margin-bottom:clamp(12px,calc(var(--card-height)*.044),18px);
  background:var(--poster-red);
}
.gallery-poster-group {
  font-family:var(--font-display);
  font-size:clamp(10px,calc(var(--card-width)*.039),12px);
  line-height:1.3;
  letter-spacing:.105em;
  font-weight:600;
  color:var(--poster-ink);
  flex:none;
}
.gallery-poster-direction {
  display:block;
  min-height:1.4em;
  margin-top:5px;
  font-family:var(--font-display);
  font-size:clamp(8px,calc(var(--card-width)*.031),10px);
  line-height:1.4;
  letter-spacing:.015em;
  color:var(--poster-quiet);
  text-wrap:balance;
  flex:none;
}
.gallery-poster-composition {
  margin:auto 0;
  padding:13px 0;
  min-width:0;
}
.product-gallery .gallery-poster h3 {
  display:block;
  overflow:visible;
  max-width:none;
  font-family:var(--font-display);
  font-size:clamp(18px,calc(var(--card-width)*.10),30px);
  font-weight:500;
  letter-spacing:-.045em;
  line-height:1.15;
  color:inherit;
  text-wrap:balance;
  overflow-wrap:break-word;
  hyphens:none;
}
.gallery-poster-lead,.gallery-poster-accent {display:block}
.gallery-poster-accent {
  color:var(--poster-red);
  margin-top:.14em;
  font-family:var(--font-editorial);
  font-size:1.2em;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.025em;
  line-height:1.05;
}
.gallery-poster-description {
  margin-top:clamp(10px,calc(var(--card-width)*.045),14px);
  color:var(--poster-quiet);
  max-width:24ch;
  font-size:clamp(10px,calc(var(--card-width)*.041),12px);
  line-height:1.45;
  text-wrap:pretty;
}
.gallery-poster-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex:none;
  border-top:1px solid #645a4436;
  padding-top:10px;
  font-size:clamp(9px,calc(var(--card-width)*.035),11px);
  line-height:1.4;
  letter-spacing:.015em;
  color:var(--poster-ink);
}
.gallery-poster-arrow {font-size:19px;line-height:1}
.product-gallery .gallery-poster[data-brand="XYTRIX"] .product-card-face {
  background:linear-gradient(150deg,#182b3f,var(--poster-night) 75%);
  border-color:#62798b;
}
.gallery-poster[data-brand="XYTRIX"] {
  --poster-ink:var(--poster-light);
  --poster-quiet:#c2cbd3;
  --poster-red:var(--poster-blue);
}
.gallery-poster[data-brand="XYTRIX"] .gallery-poster-footer {border-color:#c9d9e32e}
.gallery-poster[data-poster-style="everyday"] .gallery-poster-composition {text-align:right}
.gallery-poster[data-poster-style="everyday"] .gallery-poster-composition:before,
.gallery-poster[data-poster-style="everyday"] .gallery-poster-description {margin-left:auto}
.gallery-poster[data-poster-style="focus"] .gallery-poster-composition {
  padding-left:12px;
  border-left:1px solid #aac9e173;
}
.gallery-poster[data-poster-style="focus"] .gallery-poster-composition:before {display:none}
.gallery-poster[data-brand="SANKYIOTA"] {
  --poster-ink:#f0ebe2;
  --poster-quiet:#c8c0b4;
  --poster-red:var(--poster-gold);
}
.product-gallery .gallery-poster[data-brand="SANKYIOTA"] .product-card-face {
  background:#222322;
  border-color:#716959;
}
.gallery-poster[data-brand="SANKYIOTA"] .gallery-poster-footer {border-color:#e3cda940}
.gallery-poster[data-poster-style="living"] .gallery-poster-composition:before {width:40px}
.gallery-poster[data-poster-style="exploring"] {
  --poster-ink:#eef4fa;
  --poster-quiet:#c2cbd3;
  --poster-red:var(--poster-blue);
}
.product-gallery .gallery-poster[data-poster-style="exploring"] .product-card-face {
  background:#162735;
  border-color:#62798b;
}
.gallery-poster[data-poster-style="exploring"] .gallery-poster-composition:before {
  width:37px;
  background:linear-gradient(90deg,var(--poster-blue) 58%,transparent 58% 72%,var(--poster-blue) 72%);
}
.gallery-poster[data-poster-style="prepared"] {
  --poster-ink:#24221e;
  --poster-quiet:#595346;
  --poster-red:#a32a35;
}
.product-gallery .gallery-poster[data-poster-style="prepared"] .product-card-face {
  background:var(--poster-paper);
  border-color:#d0c6b1;
}
.gallery-poster[data-poster-style="prepared"] .gallery-poster-footer {border-color:#645a4436}
.gallery-poster[data-poster-style="prepared"] .gallery-poster-composition {
  padding-left:12px;
  border-left:1px solid #a32a3573;
}
.gallery-poster[data-poster-style="prepared"] .gallery-poster-composition:before {display:none}
.gallery-poster[data-poster-style="light"] .gallery-poster-composition {text-align:center}
.gallery-poster[data-poster-style="light"] .gallery-poster-composition:before,
.gallery-poster[data-poster-style="light"] .gallery-poster-description {margin-left:auto;margin-right:auto}
.gallery-poster[data-poster-style="light"] .gallery-poster-composition:before {width:1px;height:18px}
html[lang="zh-CN"] .product-gallery .gallery-poster h3 {
  font-size:clamp(20px,calc(var(--card-width)*.10),30px);
  letter-spacing:.01em;
  line-height:1.45;
}
html[lang="zh-CN"] .gallery-poster-accent {
  font-family:"Noto Serif SC Editorial","Songti SC","SimSun",serif;
  font-size:1em;
  line-height:1.5;
  font-style:normal;
  letter-spacing:.015em;
}
.product-gallery .gallery-scene .product-image {
  background:#12202b;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-gallery .gallery-scene .product-image img {
  width:100%;height:100%;object-fit:contain;
}
.product-gallery .gallery-scene .product-info {padding:10px 12px;flex-basis:108px;height:108px;min-height:108px}
.product-gallery .gallery-scene .product-brand {font-size:9px;letter-spacing:.04em;margin-bottom:5px}
.product-gallery .gallery-scene h3 {font-size:14px;line-height:1.2;max-width:100%;-webkit-line-clamp:2}
.gallery-scene-description {
  font-size:11px;line-height:1.35;margin-top:5px;padding-right:15px;color:#bac8d6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.product-gallery .gallery-scene .product-more {bottom:11px}
.gallery-scene .image-fallback {color:#d0d9e3;padding:18px;text-align:center}
@media(max-width:600px) {
  .gallery-poster-layout {padding:13px}
  .gallery-poster-composition {padding-top:10px;padding-bottom:10px}
  .gallery-poster-composition:before {margin-bottom:10px}
  .gallery-poster-description {margin-top:10px}
  .gallery-poster-footer {padding-top:8px;font-size:9px}
  .product-gallery .gallery-scene .product-info {padding:9px 10px;flex-basis:108px}
  .product-gallery .gallery-scene h3 {font-size:13px}
}
@media(max-width:360px) {
  .gallery-poster-layout {padding:12px}
  .gallery-poster-composition {padding-top:8px;padding-bottom:8px}
  .gallery-poster-composition:before {margin-bottom:8px}
  .product-gallery .gallery-poster h3 {font-size:17px}
  html[lang="zh-CN"] .product-gallery .gallery-poster h3 {font-size:18px}
  .gallery-poster-description {margin-top:8px}
  .gallery-poster[data-poster-style="light"] .gallery-poster-composition:before {height:10px}
}
@media(prefers-reduced-motion:reduce) {
  .gallery-poster *, .gallery-scene * {scroll-behavior:auto}
}