@charset "utf-8";
/* doc — 서브 본문 */
/* 서브 공통 */
.sub-page-head { box-sizing: border-box; width: 100%; margin-top: var(--header-height); background: var(--sub-page-head-bg, #fff); border-bottom: 1px solid var(--sub-page-head-border, #eee); }
.sub-visual.sub-visual--band + .sub-page-head { margin-top: 0; border-bottom: 0; }
.sub-page-head__inner { box-sizing: border-box; max-width: 100%; margin: 0 auto; padding: var(--sub-page-head-padding-top, 120px) var(--container-space) var(--sub-page-head-padding-bottom, 100px); }
.sub-page-head__title { margin: 0; font-size: var(--sub-page-head-title-size, 52px); line-height: var(--sub-page-head-title-line-height, 66px); font-weight: var(--sub-page-head-title-weight, 600); color: var(--sub-page-head-title-color, #2c2c2c); }
.sub-page-head__desc { margin: var(--sub-page-head-intro-gap, 32px) 0 0; max-width: none; font-size: var(--font-size-20); line-height: 34px; font-weight: 400; color: #505050; word-break: keep-all; }
#container:has(#contArea), #container.sub-page-body { box-sizing: border-box; width: 100%; max-width: 100%; padding-top: var(--sub-page-body-padding-top, 0); padding-bottom: var(--sub-page-body-padding-bottom, 140px); padding-left: var(--container-space); padding-right: var(--container-space); background: var(--sub-page-body-bg, #fff); }
#container:has(#contArea) #contArea, #container.sub-page-body #contArea { max-width: none; width: 100%; padding-left: 0; padding-right: 0; }
#container.sub-page-body .sub-title { display: none; }
#container.sub-page-body .real-cont { padding-top: 0; padding-bottom: 0; }
/* 쇼핑 */
.goods-sort { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-25); }
.goods-sort .total { white-space: nowrap; color: #454545; font-size: var(--font-size-16); font-weight: 500; line-height: 1.5em; }
.goods-sort .sort { flex: 1 1 auto; min-width: 0; width: 100%; text-align: right; }
.goods-sort .sort .sort-name { display: none; }
.goods-sort .sort ul { display: inline-flex; }
.goods-sort .sort ul li { position: relative; padding: 0 var(--space-13); }
.goods-sort .sort ul li:after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; background: #e8e8e8; margin-top: calc(var(--space-6) * -1); }
.goods-sort .sort ul li:last-child { padding-right: 0; }
.goods-sort .sort ul li:last-child::after { display: none; }
.goods-sort .sort ul li a { display: block; color: #686868; font-size: var(--font-size-16); font-weight: 400; line-height: 1.5em; }
.goods-sort .sort ul li.active a { color: #454545 !important; font-weight: 500; }
.goods-list ul { display: flex; flex-wrap: wrap; margin: 0 calc(var(--space-15) * -1); }
.goods-list ul li { width: 25%; text-align: center; padding: 0 var(--space-15); margin-bottom: var(--space-45); }
.goods-list ul li.none { width: 100%; padding: var(--space-70) 0; margin: 0; text-align: center; color: #767676; }
.goods-list ul li a { display: block; position: relative; }
.goods-list ul li .thumb { position: relative; padding-bottom: 100%; margin-bottom: var(--space-15); overflow: hidden; }
.goods-list ul li .thumb img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; object-fit: contain; }
.goods-list ul li .thumb:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ddd; }
.goods-list ul li .soldout { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: var(--font-size-24); font-weight: 500; line-height: 1.3em; background: rgba(0,0,0,.5); }
.goods-list ul li .tit { font-size: var(--font-size-18); font-weight: 500; line-height: 1.4em; color: #242424; }
.goods-list ul li .price { font-size: var(--font-size-16); font-weight: 500; line-height: 1.4em; color: #f53636; margin-top: var(--space-6); }
.goods-list ul li .price strike { font-size: .9em; color: #888; font-weight: 400; margin-left: var(--space-3); }
.goods-summary { display: flex; margin-bottom: var(--space-50); }
.goods-photo { width: 430px; margin-right: var(--space-40); }
.goods-photo img { width: 100%; }
.goods-info { flex: 1 1 auto; min-width: 0; width: 1%; }
.goods-info .title { margin-bottom: var(--space-17); margin-top: calc(var(--space-5) * -1); }
.goods-info .title h2 { color: #333; font-size: var(--font-size-24); font-weight: 700; line-height: 1.4em; }
.goods-info .title p { color: #888; font-size: var(--font-size-15); font-weight: 400; line-height: 1.4em; margin-top: var(--space-2); }
.goods-info .price-area { margin-bottom: var(--space-14); }
.goods-info .price-area .price { color: #242424; font-size: var(--font-size-18); font-weight: 700; line-height: 1.4em; }
.goods-info .price-area .price strong { font-size: var(--font-size-28); line-height: 1em; font-weight: 700; }
.goods-info .price-area .price2 { color: #a0a0a0; font-size: var(--font-size-16); font-weight: 400; line-height: 1.4em; text-decoration: line-through; margin-top: var(--space-4); }
.goods-info .table { border-top: 1px solid #ddd; }
.goods-info .table table { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0px; }
.goods-info .table table tbody th { padding: var(--space-16) 0; width: 94px; font-weight: 400; color: #888; font-size: var(--font-size-15); line-height: 1.5em; text-align: left; border-bottom: 1px solid #ddd; }
.goods-info .table table tbody td { padding: var(--space-16) 0; color: #454545; font-size: var(--font-size-15); font-weight: 400; line-height: 1.5em; border-bottom: 1px solid #ddd; }
.goods-info .table table tbody td img { vertical-align: middle; }
.goods-info .total { text-align: right; margin: var(--space-22) 0 var(--space-32); color: #454545; font-size: var(--font-size-15); font-weight: 400; line-height: 1.5em; }
.goods-info .total .price { color: #333; font-size: var(--font-size-18); font-weight: 500; line-height: 1.3em; margin-left: var(--space-8); }
.goods-info .total .price strong { font-size: var(--font-size-30); line-height: 1.2em; }
.goods-info .cart-opt .table { border-top: 0; }
.goods-info .btns { margin-bottom: var(--space-14); }
.goods-info .btns:last-child { margin-bottom: 0; }
.goods-info .btns .row { display: flex; margin: 0 calc(var(--space-6) * -1); }
.goods-info .btns .col { width: 25%; padding: 0 var(--space-6); }
.goods-info .btns .col-x2 { width: 50%; }
.goods-info .btns .col-x4 { width: 100%; }
.goods-info .btns .btn { display: block; text-align: center; font-size: var(--font-size-17); font-weight: 500; line-height: 53px; border-radius: 4px; }
.goods-info .btns .btn-wish { border: 1px solid #aaa; color: #505050; background: #fff; }
.goods-info .btns .btn-buy { border: 1px solid #28ac9a; color: #28ac9a; background: #fff; }
.goods-info .btns .btn-cart { border: 1px solid #28ac9a; color: #fff; background: #28ac9a; font-weight: 400; }
.goods-info .btns .btn-soldout { border: 1px solid #aaa; background: #aaa; color: #fff; font-weight: 400; }
.goods-info .btns.mobile-btn { display: none; }
.opt-toggle { display: none; }
.quantity { display: inline-block; position: relative; vertical-align: middle; width: 110px; padding: 0 var(--space-29); }
.quantity .input { display: block; width: 100%; height: 28px; text-align: center; color: #000; font-size: var(--font-size-12); border: 1px solid #e5e5e5; }
.quantity .qty-bt { position: absolute; top: 0; width: 30px; height: 28px; overflow: hidden; text-indent: -999em; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #e5e5e5; }
.quantity .qty-down { left: 0; background-image: url("../images/shop/icon_minus.png"); }
.quantity .qty-up { right: 0; background-image: url("../images/shop/icon_plus.png"); }
.add-opt-select { position: relative; z-index: 10; }
.add-opt-select .select-hidden { display: none; }
.add-opt-select .select-input { position: relative; padding: 0 var(--space-40) 0 var(--space-17); height: 45px; color: #454545; font-size: var(--font-size-15); line-height: 43px; overflow: hidden; white-space: nowrap; cursor: pointer; background: #fff url("../images/shop/select.png") right 17px center no-repeat; border: 1px solid #ddd; z-index: 2; }
.add-opt-select .select-options { display: none; position: absolute; margin-top: calc(var(--space-1) * -1); left: 0; width: 100%; max-height: 460px; font-size: var(--font-size-14); line-height: 1.5em; background: #fff; border: 1px solid #ddd; overflow: auto; }
.add-opt-select .select-options li { display: flex; justify-content: space-between; padding: var(--space-13) var(--space-17); cursor: pointer; transition: .2s; font-size: var(--font-size-14); line-height: 1.5em; border-bottom: 1px solid #eee; }
.add-opt-select .select-options li:last-child { border-bottom: 0; }
.add-opt-select .select-options li:hover { background: #f7f7f7; }
.add-opt-select.active .select-input { background-image: url("../images/shop/select_up.png"); }
.add-options { margin-top: var(--space-5); }
.add-options > ul > li { border: 1px solid #efefef; background: #fff; margin-bottom: calc(var(--space-1) * -1); padding: var(--space-17); }
.add-options .opt-name { display: flex; justify-content: space-between; margin-bottom: var(--space-9); }
.add-options .opt-name .name { font-size: var(--font-size-15); font-weight: 400; line-height: 1.4em; color: #454545; margin-top: calc(var(--space-3) * -1); }
.add-options .opt-name .del { display: inline-block; position: relative; width: 16px; height: 16px; overflow: hidden; }
.add-options .opt-name .del:before, .add-options .opt-name .del:after { content: " "; position: absolute; top: 7px; left: 0; width: 100%; height: 2px; background: #989898; }
.add-options .opt-name .del:before { transform: rotate(45deg); }
.add-options .opt-name .del:after { transform: rotate(-45deg); }
.add-options .opt-count { display: flex; justify-content: space-between; align-items: center; }
.add-options .opt-count .price { text-align: right; font-size: var(--font-size-15); font-weight: 400; line-height: 1.4em; color: #454545; }
.relatied-goods { margin-bottom: var(--space-50); }
.relatied-goods h3 { margin-bottom: var(--space-15); color: #333; font-size: var(--font-size-18); font-weight: 700; line-height: 1.3em; }
.relatied-goods .slider { position: relative; }
.relatied-goods .slick-track { margin: 0 !important; }
.relatied-goods .goods-list { overflow: hidden; }
.relatied-goods .goods-list ul { display: block; margin: 0 calc(var(--space-7) * -1); }
.relatied-goods .goods-list ul li { padding: 0 var(--space-7); margin: 0; }
.relatied-goods .goods-list ul li .tit { font-size: var(--font-size-16); font-weight: 400; }
.relatied-goods .goods-list ul li .price2 { font-size: var(--font-size-16); }
.relatied-goods .slick-arrow { position: absolute; top: 50%; margin-top: calc(var(--space-55) * -1); width: 34px; height: 34px; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; border: 0; overflow: hidden; text-indent: -9999em; }
.relatied-goods .slick-prev { left: -60px; background-image: url("../images/shop/slide_prev.png"); }
.relatied-goods .slick-next { right: -60px; background-image: url("../images/shop/slide_next.png"); }
.goods-content { margin-bottom: var(--space-80); }
.goods-view-tab { text-align: center; margin-bottom: var(--space-35); }
.goods-view-tab ul { display: flex; }
.goods-view-tab ul li { flex: 1; height: 50px; border: 1px solid #e1e1e1; border-right: 0; border-bottom: 1px solid #242424; background: #f8f9f9; }
.goods-view-tab ul li:last-child { border-right: 1px solid #ddd; }
.goods-view-tab ul li a { display: flex; align-items: center; justify-content: center; height: 100%; color: #242424; font-size: var(--font-size-16); font-weight: 500; line-height: 1.3em; }
.goods-view-tab ul li.active { border: 1px solid #242424; border-bottom: 1px solid #fff; background: #fff; }
.goods-view-tab ul li.active + li { border-left-color: #e1e1e1; }
.goods-detail { margin-bottom: var(--space-80); }
.goods-detail-tit { font-size: var(--font-size-16); font-weight: 700; line-height: 1.3em; color: #242424; margin-bottom: var(--space-10); }
.goods-detail-table { width: 100%; border-collapse: collapse; border-spacing: 0px; border-top: 1px solid #ddd; font-size: var(--font-size-15); line-height: 1.5em; }
.goods-detail-table th { padding: var(--space-13) var(--space-19); background: #f8f9f9; text-align: left; font-weight: 400; color: #242424; border-bottom: 1px solid #ddd; }
.goods-detail-table td { padding: var(--space-13) var(--space-25); background: #ffffff; color: #686868; font-weight: 400; border-bottom: 1px solid #ddd; }
.goods-detail-table ul li { padding-left: var(--space-10); position: relative; }
.goods-detail-table ul li:before { content: "·"; position: absolute; top: 0; left: 0; font-weight: 700; }
.goods-guide { color: #505050; }
.goods-guide .group { margin-bottom: var(--space-80); }
.goods-guide .group:last-child { margin-bottom: 0; }
.goods-guide .item { margin-bottom: var(--space-40); }
.goods-guide .item:last-child { margin-bottom: 0; }
.goods-guide h3 { font-size: var(--font-size-20); font-weight: 700; color: #242424; line-height: 1.3em; padding-bottom: var(--space-10); margin-bottom: var(--space-17); border-bottom: 1px solid #ddd; }
.goods-guide ul li { position: relative; padding-left: var(--space-15); }
.goods-guide ul li:before { content: "·"; position: absolute; top: 0; left: 0; font-weight: 700; }
.goods-guide dt { font-weight: 600; color: #333; line-height: 1.3em; margin-bottom: var(--space-8); }
.goods-guide dd { padding-left: .6em; text-indent: -.6em; }
.cart-all-select { color: #333; font-size: var(--font-size-16); font-weight: 500; line-height: 1.3em; padding: 0 var(--space-7); margin-bottom: var(--space-15); }
.shop-table { border-top: 1px solid #242424; margin-bottom: var(--space-10); }
.shop-table ul li { display: flex; align-items: center; padding: var(--space-25) var(--space-7); border-bottom: 1px solid #dfdfdf; }
.shop-table .order-check { width: 50px; }
.shop-table .order-image { width: 70px; margin-right: var(--space-20); }
.shop-table .order-title { flex: 1 1 auto; min-width: 0; width: 1%; }
.shop-table .order-title .tit { color: #222; font-size: var(--font-size-17); font-weight: 500; line-height: 1.5em; margin-bottom: var(--space-5); }
.shop-table .order-title .opt { color: #888; font-size: var(--font-size-14); font-weight: 400; line-height: 1.5em; }
.shop-table .order-quantity { width: 86px; text-align: center; }
.shop-table .order-quantity .input { width: 100%; height: 30px; padding: 0; font-size: var(--font-size-14); line-height: 1.5em; text-align: center; margin-bottom: var(--space-4); }
.shop-table .order-quantity .btn-pack { display: block; width: 100%; }
.shop-table .order-qnt { width: 100px; text-align: center; }
.shop-table .order-price { width: 130px; font-weight: 500; margin: 0 var(--space-20); text-align: right; }
.shop-table .order-delete { width: 18px; text-align: right; margin-left: var(--space-20); }
.shop-table .order-btn { width: 95px; text-align: center; margin-left: var(--space-20); }
.shop-table .order-btn p { margin: var(--space-4) 0; }
.shop-table .order-btn strong { font-weight: 500; }
.shop-table .order-btn .btn-pack.small { display: block; margin: var(--space-4) auto; width: 100%; padding: 0; }
.shop-table .ico-delete { position: relative; vertical-align: middle; margin-top: -.2em; display: inline-block; overflow: hidden; text-indent: -999em; width: 18px; height: 18px; overflow: hidden; }
.shop-table .ico-delete:before, .shop-table .ico-delete:after { content: ""; position: absolute; top: 0; left: 8px; height: 100%; width: 2px; background-color: #999; }
.shop-table .ico-delete:before { transform: rotate(45deg); }
.shop-table .ico-delete:after { transform: rotate(-45deg); }
.shop-table .ico-delete:hover { opacity: .5; }
.order-info { margin: var(--space-20) 0; color: #666; font-size: var(--font-size-14); line-height: 24px; }
.order-info em { color: #ed1c24; font-style: normal; }
.order-desc { margin-top: var(--space-30); background: #fafafa; border: 1px solid #d8d8d8; padding: var(--space-15); color: #666; font-size: var(--font-size-14); line-height: 24px; }
.order-complete { margin-bottom: var(--space-20); padding: var(--space-25) var(--space-30); font-size: var(--font-size-16); line-height: 1.3em; color: #2c2c2c; background: #fafafa; }
.order-complete .item { display: inline-block; margin-right: var(--space-40); }
.order-complete .item strong { margin-left: var(--space-5); }
.order-complete .item:last-child { margin-right: 0; }
.order-date { background: #fafafa; padding: var(--space-20); margin-top: var(--space-50); font-size: var(--font-size-16); line-height: 1.3em; border: 1px solid #333; border-bottom: 0; }
.order-date:after { content: ""; display: block; clear: both; }
.order-date strong { margin-left: var(--space-10); }
.order-date a { float: right; color: #888; }
.order-date a:after { content: "+"; color: #2c2c2c; font-weight: 500; margin-left: var(--space-10); }
.order-date .bar { color: #ddd; margin: 0 var(--space-12); vertical-align: top; font-weight: 100; }
.order-info-title { margin-bottom: var(--space-10); margin-top: var(--space-50); }
.order-info-title:after { content: " "; display: block; clear: both; }
.order-info-title h3 { float: left; color: #333; font-size: var(--font-size-20); font-weight: 700; line-height: 1.3em; }
.order-info-title .chk { float: left; margin: var(--space-6) 0 0 var(--space-20); font-size: var(--font-size-14); line-height: 16px; }
.order-info-table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: var(--space-50); }
.order-info-table tbody th { padding: var(--space-7) var(--space-15); height: 59px; background: #f8f8f8; border: 1px solid #ddd; font-weight: 400; color: #333; text-align: left; }
.order-info-table tbody td { padding: var(--space-7) var(--space-15); background: #fff; border: 1px solid #ddd; color: #666; }
.order-info-table tbody td * { vertical-align: middle; }
.order-info-table tbody td .input-point { padding: 0 var(--space-5); height: 30px; border: 1px solid #ccc; background: #fafafa; line-height: 28px; }
.order-info-table tbody td .txt { color: #4d6ccd; font-size: var(--font-size-11); margin-top: var(--space-4); }
.order-info-table tbody td .point { color: #ff0000; }
.order-info-table tbody td .radiobox { margin-right: var(--space-25); }
.guest-private-agree { text-align: center; margin-bottom: var(--space-50); }
.guest-private-agree .scroll-box { position: relative; height: 120px; border: 1px solid #d8d8d8; text-align: left; font-size: var(--font-size-14); line-height: 18px; background: #f7f7f7; color: #666; padding: var(--space-10); margin-bottom: var(--space-20); overflow: auto; }
.total-price { display: flex; justify-content: space-between; background: #f6f6f6; color: #555; padding: var(--space-37) var(--space-40); font-size: var(--font-size-17); font-weight: 400; line-height: 1.4em; margin: var(--space-40) 0; }
.total-price h3 { width: 50%; color: #2c2c2c; font-size: var(--font-size-25); font-weight: 500; line-height: 1.3em; margin-top: calc(var(--space-5) * -1); }
.total-price ul { width: 50%; }
.total-price ul li { display: flex; justify-content: space-between; align-items: center; padding: var(--space-16) 0; border-bottom: 1px solid #eee; overflow: hidden; }
.total-price ul li:first-child { padding-top: 0; }
.total-price ul li:last-child { padding-bottom: 0; border-bottom: 0; color: #000; font-weight: 700; }
.total-price ul li:last-child .price { font-size: 1.2em; font-weight: 700; }
.total-price ul li .price { text-align: right; }
.total-price + .buttons { margin-top: var(--space-70); }
.grade-star { position: relative; display: inline-block; zoom: 1; *display:inline; width: 75px; height: 15px; background-image: url('../images/shop/star.png'); vertical-align: middle; }
.grade-star span { position: absolute; top: -999px; left: -999px; font-size: 0; line-height: 0; text-indent: -999px; }
.grade-star.star20 { background-position: 0 0; }
.grade-star.star40 { background-position: 0 -15px; }
.grade-star.star60 { background-position: 0 -30px; }
.grade-star.star80 { background-position: 0 -45px; }
.grade-star.star100 { background-position: 0 -60px; }
.review-prod-info { *zoom:1; padding: 0 0 0 var(--space-80); }
.review-prod-info:after { content: " "; display: block; clear: both; }
.review-prod-info .img { float: left; margin-left: calc(var(--space-80) * -1); line-height: 0; }
.review-prod-info .tit { color: #333; font-size: var(--font-size-12); line-height: 18px; padding: var(--space-2) 0; }
.review-prod-info .price { font-size: var(--font-size-12); font-weight: 700; color: #333; line-height: 18px; }
.review-prod-info .price span { color: #966324; font-size: var(--font-size-11); font-weight: normal; }
.point .head { margin-bottom: var(--space-15); }
.point .head dl { border: 1px solid #ccc; background: #fff; text-align: center; font-weight: bold; }
.point .head dt { padding: var(--space-8) 0; background: #f0f0f0; border-bottom: 1px solid #ddd; color: #666; }
.point .head dd { padding: var(--space-8) 0; }
.point table { width: 100%; border-collapse: collapse; border-spacing: 0px; font-size: var(--font-size-15); line-height: 1.5em; }
.point table th { padding: var(--space-12) var(--space-20); font-weight: 400; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.point table td { padding: var(--space-12) var(--space-20); text-align: center; border-bottom: 1px solid #dfdfdf; font-weight: 400; color: #686868; }
.point .title { font-weight: bold; margin: 0 0 var(--space-5) 0; }
.point .list dl { border: 1px solid #ccc; background: #fff; margin: 0 0 var(--space-10) 0; }
.point .list dt { padding: var(--space-8) var(--space-10); background: #f0f0f0; font-weight: bold; border-bottom: 1px solid #ddd; color: #333; }
.point .list dd { padding: var(--space-3) var(--space-10); font-size: var(--font-size-12); overflow: hidden; }
.point .list dd:nth-child(2) { padding-top: var(--space-10); }
.point .list dd:last-child { padding-bottom: var(--space-10); }
.point .list dd .fl { color: #666; }
.point .list dd .fr { color: #999; }
.point .list dd strong { color: #d20000; }
.shop-pop-wrap .head { background: #e51d1d; padding: var(--space-8) var(--space-15); border-bottom: 1px solid #c31919; }
.shop-pop-wrap .head h1 { color: #fff; font-size: var(--font-size-18); font-weight: 500; line-height: 1.2em; }
.shop-pop-wrap .body { padding: var(--space-15); }
.shop-pop-wrap .pop-form { margin-bottom: var(--space-15); }
.shop-pop-wrap .pop-form .group { position: relative; padding: var(--space-12) 0 var(--space-12) var(--space-90); font-size: var(--font-size-12); line-height: 26px; border-bottom: 1px solid #eee; overflow: hidden; }
.shop-pop-wrap .pop-form .group.first { border-top: 0; }
.shop-pop-wrap .pop-form .group.content { padding-left: 0; }
.shop-pop-wrap .pop-form .group img { vertical-align: middle; }
.shop-pop-wrap .pop-form .title { position: absolute; left: 0; top: 12px; width: 85px; font-weight: 700; color: #333; }
.shop-pop-wrap .pop-desc { background: #fafafa; border: 1px solid #eee; padding: var(--space-15); font-size: var(--font-size-11); line-height: 18px; margin-bottom: var(--space-20); }
.shop-pop-wrap .pop-photo { margin-bottom: var(--space-15); }
.shop-pop-wrap .pop-photo .tit { color: #333; font-size: var(--font-size-20); font-weight: 700; line-height: 1.3; margin-bottom: var(--space-10); }
.shop-pop-wrap .pop-photo .photo-wrap { *zoom:1; }
.shop-pop-wrap .pop-photo .photo-wrap:after { content: " "; display: block; clear: both; }
.shop-pop-wrap .pop-photo .photo-wrap .img { float: left; width: 500px; line-height: 0; border: 1px solid #d8d8d8; }
.shop-pop-wrap .pop-photo .photo-wrap .thumb { float: right; width: 82px; }
.shop-pop-wrap .pop-photo .photo-wrap .thumb li { line-height: 0; border: 1px solid #d8d8d8; margin-top: var(--space-6); }
.shop-pop-wrap .pop-photo .photo-wrap .thumb li:first-child { margin-top: 0; }
/* 제품 */
body.page-product .sub-visual.sub-visual--band { scroll-margin-top: var(--header-height, 88px); }
.sub-motion { opacity: 0; transform: translate3d(0, 20px, 0); transition: opacity 0.55s ease,
      transform 0.55s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: var(--sub-motion-delay, 0ms); }
.sub-motion.is-inview { opacity: 1; transform: none; }
.page-product .product-detail.product-detail--tab-enter { animation: sub-product-detail-in 0.42s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes sub-product-detail-in { from { opacity: 0; transform: translate3d(0, 14px, 0); } to { opacity: 1; transform: none; } }
/* 오시는 길 */
#container.sub-page-body .real-cont .location-map { width: 100%; overflow: hidden; background: #f3f5f7; min-height: var(--location-map-height, 560px); border-radius: var(--location-map-radius, 16px); }
#container.sub-page-body .real-cont .location-map__embed { width: 100%; max-width: 100%; line-height: 0; border-radius: inherit; overflow: hidden; }
#container.sub-page-body .real-cont .location-map__embed iframe { display: block; max-width: 100%; border-radius: inherit; }
#container.sub-page-body .real-cont .location-map__embed .wrap_controllers, #container.sub-page-body .real-cont .location-map__embed .cont { display: none !important; }
#container.sub-page-body .real-cont .location-contact { margin-top: var(--location-map-contact-gap, 40px); border: 1px solid #eeeeee; background: #fff; border-radius: var(--location-map-radius, 16px); overflow: hidden; }
#container.sub-page-body .real-cont .location-contact__list { display: flex; align-items: stretch; margin: 0; padding: 0; list-style: none; }
#container.sub-page-body .real-cont .location-contact__item { flex: 1 1 0; display: grid; grid-template-columns: var(--location-contact-icon-box-size, 48px) minmax(0, 1fr); column-gap: var(--location-contact-icon-gap, 20px); row-gap: 0; align-content: center; min-width: 0; min-height: var(--location-contact-item-min-height, 120px); margin: 0; padding: var(--location-contact-padding, 28px); box-sizing: border-box; }
#container.sub-page-body .real-cont .location-contact__item + .location-contact__item { border-left: 1px solid #eeeeee; }
#container.sub-page-body .real-cont .location-contact__icon { grid-column: 1; grid-row: 1; align-self: center; display: flex; align-items: center; justify-content: center; width: var(--location-contact-icon-box-size, 48px); height: var(--location-contact-icon-box-size, 48px); border-radius: var(--location-contact-icon-box-radius, 8px); background: var(--location-contact-icon-box-bg, #f1f1f1); line-height: 0; }
#container.sub-page-body .real-cont .location-contact__icon img { display: block; width: var(--location-contact-icon-size, 20px); height: var(--location-contact-icon-size, 20px); }
#container.sub-page-body .real-cont .location-contact__body { display: contents; }
#container.sub-page-body .real-cont .location-contact__label { grid-column: 2; grid-row: 1; align-self: center; margin: 0; font-size: var(--location-contact-label-size, 22px); line-height: var(--location-contact-label-line-height, 36px); font-weight: var(--location-contact-label-weight, 500); color: var(--location-contact-label-color, #2c2c2c); }
#container.sub-page-body .real-cont .location-contact__value { grid-column: 2; grid-row: 2; margin: 0; font-size: var(--location-contact-value-size, 20px); line-height: var(--location-contact-value-line-height, 34px); font-weight: var(--location-contact-value-weight, 400); color: var(--location-contact-value-color, #505050); word-break: keep-all; }
#container.sub-page-body .real-cont .location-contact__value a { color: inherit; text-decoration: none; }
#container.sub-page-body .real-cont .location-contact__value a:hover { color: #0070c9; }
/* ─── 제품소개 — 한빛산업 스타일 LNB + 스펙 ─── */ /* 전체 레이아웃: 좌측 LNB + 우측 메인 */
.page-product #container.sub-page-body .real-cont { box-sizing: border-box; width: 100%; max-width: none; }
.page-product #container.sub-page-body .real-cont .product-layout { width: 100%; max-width: var(--product-figma7392-layout-max, 1720px); margin: 0 auto; }
/* 제품소개 — sub-page-head·본문 좌우 inset은 공통 240px (--sub-container-padding-x) */
.page-product .product-main { min-width: 0; padding: 0; }
/* board.css .product-detail(쇼핑 상세) 하단선 — 제품소개 시안과 충돌 방지 */
.page-product .product-detail { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; color: inherit; }
.page-product .product-cat .product-detail[hidden] { display: none !important; }
/* 카테고리 섹션 — 서브비주얼 IBC/DRUM 탭당 1블록만 표시 */
.page-product .product-cat:not(.is-cat-active) { display: none; }
.page-product .product-cat.is-cat-active { display: block; max-width: var(--product-figma7392-layout-max, 1720px); }
.page-product .product-cat .product-detail + .product-detail { margin-top: var(--space-100); }
.page-product .product-cat--no-tabs > .product-detail { margin-top: 0; }
/* 제품 탭 — Figma 24414:7392 텍스트 + 하단 라인 */
.page-product .product-tabs { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--product-tab-gap, 40px); min-height: var(--product-tab-min-height, 64px); margin: 0 0 var(--product-figma7392-tabs-to-detail, 60px); padding: 0; border-bottom: 1px solid var(--product-tab-bar-color, #eeeeee); }
.page-product .product-tab { position: relative; margin: 0; padding: var(--product-tab-padding-y, 14px) var(--product-tab-padding-x, 0)
    calc(var(--product-tab-padding-y, 14px) + 1px); border: 0; border-radius: 0; background: transparent; font-size: var(--product-tab-font-size, 20px); line-height: var(--product-tab-line-height, 34px); font-weight: var(--product-tab-font-weight, 500); color: var(--product-tab-color-inactive, #878787); white-space: nowrap; cursor: pointer; transition: color 0.15s ease; }
.page-product .product-tab:hover:not(.is-active):not(.is-unlinked) { color: var(--product-accent, #0070c9); }
.page-product .product-tab.is-active { color: var(--product-accent, #0070c9); font-weight: var(--product-tab-active-weight, 600); background: transparent; }
.page-product .product-tab.is-active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: var(--product-tab-indicator-height, 2px); background: var(--product-accent, #0070c9); border-radius: 0; }
.page-product .product-tab.is-unlinked { pointer-events: none; cursor: default; color: var(--product-tab-color-inactive, #878787); }
/* Figma 24416:7522 — IBC 탭 (7525 · 116×50 · 세로선 없음 · 탭 간 추가 gap 없음) */
.page-product .product-tabs--figma7522 { flex-wrap: wrap; align-items: flex-end; gap: 0; width: 100%; max-width: var(--product-tab-figma7522-max-width, 1440px); min-height: var(--product-tab-figma7522-height, 51px); box-sizing: border-box; }
.page-product .product-tabs--figma7522 .product-tab { flex: 0 0 auto; box-sizing: border-box; width: auto; height: auto; margin: 0; padding: 0 var(--product-tab-figma7525-padding-x, 20px)
    var(--product-tab-figma7525-padding-bottom, 16px); display: inline-flex; align-items: center; justify-content: center; border: 0; }
.page-product .product-tabs--figma7522 .product-tab.is-active { font-weight: var(--product-tab-font-weight, 500); }
.page-product .product-tabs--figma7522 .product-tab.is-active::after { bottom: -1px; z-index: 1; }
/* 제품 상세 본문 — 1행: 좌측 제품명 · 2행: 이미지 ↔ 스펙 상단 정렬 */
.page-product .product-detail__body { display: grid; grid-template-columns: minmax(280px, 38%) minmax(0, 1fr); grid-template-rows: auto auto; column-gap: var(--space-48); row-gap: var(--space-40); align-items: start; }
.page-product .product-detail__media { display: contents; }
.page-product .product-detail__media .product-detail__kv { grid-column: 1; grid-row: 1; margin-bottom: 0; min-width: 0; }
.page-product .product-detail__media .product-detail__visual { grid-column: 1; grid-row: 2; }
.page-product .product-detail__info { grid-column: 2; grid-row: 2; min-width: 0; }
/* 제품 이미지 프레임 — 상단 정렬 (드럼 등: 단색 JPG) */
.page-product .product-detail__visual { margin: 0; position: sticky; top: calc(var(--header-height, 88px) + 32px); display: block; overflow: hidden; border-radius: var(--main-product-photo-radius, 16px); border: 1px solid var(--product-table-border, #eeeeee); background: #e8eef4; line-height: 0; }
.page-product .product-detail__visual img { display: block; width: 100%; height: auto; border: 0; border-radius: 0; background: transparent; object-fit: contain; object-position: top center; vertical-align: top; }
/* IBC Y1.6/Y1.9 — Figma 24373:1975 그라디언트 뒤 · 투명 PNG 제품 위 */
.page-product .product-detail--figma-7392 .product-detail__visual--figma-gradient { background: var(
    --product-detail-visual-bg,
    linear-gradient(145deg, #f5f9fc 0%, #e8eef4 46%, #d2dfea 100%)
  ); aspect-ratio: 560 / 605; border: 0; }
.page-product .product-detail--figma-7392 .product-detail__visual--figma-gradient img { position: relative; z-index: 1; }
.page-product .product-detail--figma-7392 .product-detail__visual--ratio-645 { aspect-ratio: 560 / 645; }
.page-product .product-detail--figma-7392 .product-detail__visual--ratio-624 { aspect-ratio: 560 / 624; }
/* IBC Y1.9 — Figma 24414:7392 (좌 560 이미지 · 우 제목·Valve·Cap·Technical·UN) */
.page-product .product-detail--figma-7392 { margin: 0; }
.page-product .product-detail--figma-7392 .product-detail__body--figma-7392 { display: grid; grid-template-columns: var(--product-figma7392-image-width, 560px) minmax(0, 1fr); column-gap: var(--product-figma7392-hero-gap, 60px); align-items: start; box-sizing: border-box; }
.page-product .product-detail--figma-7392 .product-detail__visual--col-left { grid-column: 1; grid-row: 1; position: sticky; top: calc(var(--header-height, 88px) + 24px); max-width: var(--product-figma7392-image-width, 560px); width: 100%; border-radius: var(--main-product-photo-radius, 16px); border: 0; }
.page-product .product-detail--figma-7392 .product-detail__panel { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: 0; min-width: 0; }
.page-product .product-detail--figma-7392 .product-detail__accessories + .product-detail__technical { margin-top: var(--product-figma7392-block-gap, 80px); }
.page-product .product-detail--figma-7392 .product-detail__technical + .product-detail__un--figma-7665 { margin-top: var(--product-figma7392-un-gap, 24px); }
.page-product .product-detail--figma-7392 .product-detail__kv--figma { margin: 0 0 var(--product-figma7392-section-gap, 60px); padding: 0; width: 100%; max-width: none; min-width: 0; box-sizing: border-box; }
.page-product .product-detail--figma-7392 .product-detail__kv--figma .product-detail__title { font-size: var(--product-figma7392-title-size, 40px); line-height: var(--product-figma7392-title-line-height, 54px); font-weight: var(--product-figma7392-title-weight, 500); color: var(--product-figma7392-title-color, #2c2c2c); }
.page-product .product-detail--figma-7392 .product-detail__kv--figma .product-detail__model { margin-top: var(--product-figma7392-title-to-model, 10px); font-size: var(--product-figma7392-model-size, 20px); line-height: var(--product-figma7392-model-line-height, 34px); font-weight: var(--product-figma7392-model-weight, 400); color: var(--product-figma7392-model-color, #676767); }
.page-product .product-detail--figma-7392 .product-detail__accessories { display: flex; flex-direction: column; gap: var(--product-figma7392-accessories-gap, 80px); }
.page-product .product-detail--figma-7392 .product-part-section { margin: 0; min-width: 0; }
.page-product .product-detail--figma-7392 .product-part-section__title, .page-product .product-detail--figma-7392 .product-detail__technical-title { margin: 0 0 var(--product-figma7392-section-title-gap, 24px); padding-bottom: var(--space-12); font-size: var(--product-figma7392-section-title-size, 28px); line-height: var(--product-figma7392-section-title-line-height, 42px); font-weight: var(--product-figma7392-section-title-weight, 500); color: var(--product-figma7392-section-title-color, #2c2c2c); border-bottom: 1px solid var(--product-table-border, #eeeeee); }
.page-product .product-detail--figma-7392 .product-part-section__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-20); }
.page-product .product-detail--figma-7392 .product-part-section__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.page-product .product-detail--figma-7392 .product-part-section__grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-16); }
.page-product .product-detail--figma-7392 .product-part-section__grid--4 .product-part-section__photo { aspect-ratio: 1 / 1; }
.page-product .product-detail--figma-7392 .product-part-section__grid--4 .product-part-section__caption { font-size: var(--product-figma7392-part-caption-size-compact, 16px); line-height: var(--product-figma7392-part-caption-line-height-compact, 26px); }
.page-product .product-detail--figma-7392 .product-part-section__item { margin: 0; min-width: 0; }
.page-product .product-detail--figma-7392 .product-part-section__photo { margin: 0 0 var(--space-10); overflow: hidden; border-radius: 12px; border: 0; background: #f7f8fa; line-height: 0; aspect-ratio: var(--product-figma7392-valve-photo-width, 400) /
    var(--product-figma7392-valve-photo-height, 258); }
.page-product .product-detail--figma-7392 .product-part-section__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.page-product .product-detail--figma-7392 .product-part-section__photo--cap { width: var(--product-figma7392-cap-photo-size, 258px); max-width: var(--product-figma7392-cap-photo-size, 258px); aspect-ratio: 1 / 1; }
.page-product .product-detail--figma-7392 .product-part-section__caption { margin: 0; font-size: var(--product-figma7392-part-caption-size, 20px); line-height: var(--product-figma7392-part-caption-line-height, 34px); font-weight: var(--product-figma7392-part-caption-weight, 500); text-align: center; color: var(--product-figma7392-part-caption-color, #2c2c2c); }
.page-product .product-detail--figma-7392 .product-part-section__caption--cap { max-width: var(--product-figma7392-cap-photo-size, 258px); text-align: center; }
.page-product .product-detail--figma-7392 .product-detail__technical { min-width: 0; margin: 0; }
/* Figma 24416:7587 — 스펙 카드 (라운드 · 헤더 연블 · 본문 흰 배경 · 세로 구분 · 값 좌측) */
.page-product .product-detail--figma-7392 .product-detail__specs--figma { gap: 0; }
.page-product .product-detail--figma-7392 .product-detail__specs--figma .product-detail__spec-group { border-radius: var(--product-figma7392-spec-radius, 12px); overflow: hidden; border: 1px solid var(--product-table-border, #eeeeee); background: #fff; }
.page-product .product-detail--figma-7392 .product-detail__specs--figma .product-detail__spec-heading { margin: 0; padding: var(--product-figma7392-spec-heading-padding-y, 14px)
    var(--product-figma7392-spec-heading-padding-x, 24px); font-size: var(--product-figma7392-spec-heading-size, 20px); line-height: var(--product-figma7392-spec-heading-line-height, 34px); font-weight: var(--product-figma7392-spec-heading-weight, 500); color: var(--product-figma7392-spec-heading-color, #0070c9); background: var(--product-figma7392-spec-heading-bg, #e8f4fc); border-bottom: 0; }
.page-product .product-detail--figma-7392 .product-detail__specs--figma .product-detail__table { font-size: var(--product-figma7392-spec-body-size, 18px); line-height: var(--product-figma7392-spec-body-line-height, 28px); }
.page-product .product-detail--figma-7392 .product-detail__specs--figma .product-detail__table th { width: 42%; background: var(--product-figma7392-spec-label-bg, #fafafa); font-weight: var(--product-figma7392-spec-label-weight, 500); color: var(--product-figma7392-spec-label-color, #2c2c2c); text-align: left; border-right: 1px solid var(--product-table-border, #eeeeee); }
.page-product .product-detail--figma-7392 .product-detail__specs--figma .product-detail__table td { background: #fff; font-weight: var(--product-figma7392-spec-value-weight, 400); color: var(--product-figma7392-spec-value-color, #676767); text-align: left; }
.page-product .product-detail--figma-7392 .product-detail__specs--figma .product-detail__spec-group + .product-detail__spec-group { margin-top: var(--product-figma7392-spec-group-gap, 24px); }
.page-product .product-detail--figma-7392 .product-detail__specs--figma .product-detail__table th, .page-product .product-detail--figma-7392 .product-detail__specs--figma .product-detail__table td { border-bottom: 1px solid var(--product-table-border, #eeeeee); padding: var(--product-figma7392-spec-cell-padding-y, 16px)
    var(--product-figma7392-spec-cell-padding-x, 24px); vertical-align: middle; }
.page-product .product-detail--figma-7392 .product-detail__specs--figma .product-detail__table tr:last-child th, .page-product .product-detail--figma-7392 .product-detail__specs--figma .product-detail__table tr:last-child td { border-bottom: 0; }
/* Figma 24416:7665 — UN 코드 bar 820×72 · 좌 UN PNG · 우 코드 */
.page-product .product-detail--figma-7392 .product-detail__un--figma-7665 { display: flex; align-items: center; justify-content: flex-start; align-self: stretch; width: 100%; max-width: none; margin: 0; box-sizing: border-box; height: var(--product-figma7665-un-height, 72px); min-height: var(--product-figma7665-un-height, 72px); padding: var(--product-figma7665-un-padding, 16px); border-radius: var(--product-figma7665-un-radius, 12px); background: var(--product-figma7665-un-bg, #000); border: 0; gap: var(--product-figma7665-un-icon-gap, 12px); overflow: hidden; }
.page-product .product-detail--figma-7392 .product-detail__un--figma-7665 .product-detail__un-icon { flex: 0 0 auto; display: block; width: var(--product-figma7665-un-icon-size, 40px); height: var(--product-figma7665-un-icon-size, 40px); object-fit: contain; }
.page-product .product-detail--figma-7392 .product-detail__un--figma-7665 .product-detail__un-code { flex: 1 1 auto; min-width: 0; text-align: left; font-size: var(--product-figma7665-un-font-size, 18px); line-height: var(--product-figma7665-un-line-height, 28px); font-weight: var(--product-figma7665-un-font-weight, 500); color: #fff; word-break: break-word; }
.page-product .product-detail--figma-7392 .product-detail__un--figma-7665 .product-detail__un-mark { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: var(--product-figma7665-un-icon-size, 40px); height: var(--product-figma7665-un-icon-size, 40px); border-radius: 50%; border: 2px solid #fff; font-size: var(--font-size-11); font-weight: 800; line-height: 1; color: #fff; background: transparent; }
.page-product .product-detail--figma-7392 .product-detail__lineup--figma7392 { margin: var(--product-figma7392-un-gap, 24px) 0 0; font-size: var(--product-figma7392-model-size, 20px); line-height: var(--product-figma7392-model-line-height, 34px); color: var(--product-figma7392-model-color, #676767); }
/* 제품명 (좌측 미디어 열 · 이미지 위) */
.page-product .product-detail__info > .product-detail__kv { margin-bottom: var(--space-24); }
.page-product .product-detail__label { margin: 0 0 var(--space-6); font-size: var(--font-size-13); line-height: 20px; font-weight: 600; text-transform: uppercase; color: var(--product-accent, #0070c9); }
.page-product .product-detail__name { margin: 0; }
.page-product .product-detail__title { display: block; font-size: var(--font-size-32); line-height: 46px; font-weight: 600; color: #2c2c2c; }
.page-product .product-detail__model { display: block; margin-top: var(--space-4); font-size: var(--font-size-18); line-height: 28px; font-weight: 400; color: #878787; }
.page-product .product-detail__part-img { margin-bottom: var(--space-28); overflow: hidden; border-radius: 8px; border: 1px solid var(--product-table-border, #eeeeee); background: var(--product-detail-visual-bg, linear-gradient(145deg, #f5f9fc 0%, #e8eef4 46%, #d2dfea 100%)); isolation: isolate; }
.page-product .product-detail__part-title { margin: 0 0 var(--space-10); font-size: var(--font-size-14); font-weight: 600; color: var(--product-muted-color, #676767); }
.page-product .product-detail__part-img img { display: block; max-width: 100%; width: 100%; height: auto; border: 0; border-radius: 0; background: transparent; object-fit: contain; object-position: top center; vertical-align: top; }
.page-product .product-accessory__list { list-style: none; margin: 0; padding: var(--space-16) var(--space-18) var(--space-18); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24) var(--space-20); border-top: 0; }
.page-product .product-accessory__item { margin: 0; min-width: 0; }
.page-product .product-accessory__name { margin: 0 0 var(--space-10); font-size: var(--font-size-16); line-height: 26px; font-weight: 600; color: #2c2c2c; }
.page-product .product-accessory__photo { margin: 0; overflow: hidden; border-radius: 8px; border: 1px solid var(--product-table-border, #eeeeee); background: #f7f8fa; line-height: 0; }
.page-product .product-accessory__photo img { display: block; width: 100%; height: auto; object-fit: contain; object-position: center; vertical-align: top; }
.page-product .product-accessory__photo--cap img { max-height: 200px; margin: 0 auto; }
.page-product .product-detail__specs { display: flex; flex-direction: column; gap: var(--space-24); }
.page-product .product-detail__spec-group { border: 1px solid var(--product-table-border, #eeeeee); border-radius: 10px; overflow: hidden; }
.page-product .product-detail__spec-heading { margin: 0; padding: var(--space-12) var(--space-18); font-size: var(--font-size-15); line-height: 24px; font-weight: 600; color: var(--product-title-color, #2c2c2c); background: #f7f8fa; border-bottom: 1px solid var(--product-table-border, #eeeeee); }
.page-product .product-detail__table { width: 100%; border-collapse: collapse; font-size: var(--font-size-15); line-height: 24px; color: #3c3c3c; }
.page-product .product-detail__table th, .page-product .product-detail__table td { padding: var(--space-10) var(--space-18); border-bottom: 1px solid #f0f0f0; vertical-align: middle; text-align: left; }
.page-product .product-detail__table tr:last-child th, .page-product .product-detail__table tr:last-child td { border-bottom: none; }
.page-product .product-detail__table th { width: 42%; font-weight: 500; color: var(--product-muted-color, #676767); background: #fafafa; }
.page-product .product-detail__un { display: flex; align-items: center; gap: var(--space-14); margin: var(--space-24) 0 0; padding: var(--space-16) var(--space-20); border-radius: 10px; background: #f4f6fb; border: 1px solid #e4e8f0; }
.page-product .product-detail__un-mark { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; border: 2px solid #2c2c2c; font-size: var(--font-size-12); font-weight: 800; line-height: 1; }
.page-product .product-detail__un-code { font-size: var(--font-size-13); line-height: 21px; color: var(--product-muted-color, #676767); word-break: break-all; }
.page-product .product-detail__lineup { margin: var(--space-12) 0 0; font-size: var(--font-size-14); line-height: 22px; color: var(--product-muted-color, #676767); }

/* 2026-11-04: product banner and shared content alignment */
.page-product .sub-visual.sub-visual--band { background: #e8f5fc; }
.page-product .sub-visual.sub-visual--band .sub-visual__media { display: none; }
.page-product .sub-page-head__inner { max-width: calc(var(--product-figma7392-layout-max, 1720px) + var(--container-space) * 2); }
