/* Give the character room, with a scrollable row of front and rear views. */
/* Do not animate obscured page content while browsing a product gallery. */
.modal-open .hero-art *,.modal-open .hero-art *:before,.modal-open .hero-art *:after,.modal-open .reviews-section *{animation-play-state:paused!important}
dialog.cutout-product{width:min(1220px,calc(100% - 32px));max-height:92dvh;overflow:hidden}
.cutout-product .dialog-layout{grid-template-columns:minmax(0,1.35fr) minmax(350px,1fr);min-height:0}
.cutout-product .dialog-visual{height:min(82dvh,800px);min-height:0;max-height:none}
.cutout-product .dialog-visual>img{top:8px;width:112%;max-width:none;height:calc(100% - 82px);object-fit:contain;object-position:center;left:50%;transform:translateX(-50%)}
.cutout-product .dialog-info{height:min(82dvh,800px);overflow-y:auto;padding:48px 30px 24px}
.cutout-product .gallery{bottom:12px;left:20px;right:20px;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 0;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#7db3c766 transparent;justify-content:flex-start}
.cutout-product .gallery button{width:78px;height:62px;border-radius:6px;flex:0 0 78px;scroll-snap-align:start}
.full-image-link{position:absolute;top:15px;right:15px;z-index:3;padding:7px 10px;border-radius:5px;font-size:10px;color:#d1e5ee;background:#0b1824c9;border:1px solid #c5dfe72a}
.full-image-link:hover{background:#183140}
.product-bodygroups{margin-top:22px;border-top:1px solid #c5dfe71c;border-bottom:1px solid #c5dfe71c;padding:14px 0}
.product-bodygroups[hidden]{display:none}
.product-bodygroups summary{cursor:pointer;font-size:12px;font-weight:600;color:#d4e5eb;line-height:1.5}
.product-bodygroups dl{margin:12px 0 0}
.product-bodygroups dl>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:11px;line-height:1.55}
.product-bodygroups dt{color:#a8bbc6;min-width:0}
.product-bodygroups dd{margin:0;text-align:right;color:#d6e8ef;flex-shrink:0}
.product-bodygroups p{font-size:10px;line-height:1.7;color:#8ca3b1;margin:12px 0 0}
@media(max-width:900px){
 dialog.cutout-product{overflow:auto}
 .cutout-product .dialog-layout{grid-template-columns:1fr}
 .cutout-product .dialog-visual{height:58dvh;min-height:350px;max-height:580px}
 .cutout-product .dialog-info{height:auto;max-height:none;overflow:visible;padding:26px 24px}
 .cutout-product .dialog-visual>img{width:125%;height:calc(100% - 78px)}
 .cutout-product .gallery{left:14px;right:14px;bottom:8px}
 .cutout-product .gallery button{width:65px;height:54px;flex-basis:65px}
 .cutout-product .visual-index{top:12px;left:12px;font-size:8px;max-width:calc(100% - 190px);line-height:1.5}
 .full-image-link{top:12px;right:72px;font-size:9px}
}
