.img{background:var(--src),hsla(0,0%,100%,.1);border-radius:1rem;background-size:contain;background-position:50%;background-repeat:no-repeat;&.no-image{font-weight:700;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);&:after{content:"이미지 준비중";color:hsla(0,0%,100%,.5)}}}section:has(.product-wrap){display:flex;flex-direction:column;gap:.5em}.product-wrap{display:flex;flex-direction:column;gap:1.5em}.is-desktop{width:85%;margin:5vh auto 0;ul{padding-left:1em;li{margin-block:.5em}}.body{position:relative;min-height:40vh;width:100%;display:flex;gap:1em;.content{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;flex:1 1;padding:.25em;line-height:2;p{margin-block:.5em}}.img{width:35vw;aspect-ratio:4/3;padding:.5rem;align-self:center}&:after{content:"";clear:both;display:block}}}.is-mobile{ul{padding-left:1em;li{margin-block:.5em}}.body{display:flex;flex-direction:column;.content{flex:1 1;line-height:2;p{margin-block:.5em}}.img{width:100%;aspect-ratio:4/3;margin-bottom:1em}}}dialog{.spec-table{width:100%;font-size:.8em;border-collapse:collapse;strong{background-color:var(--fg-bold)}th{color:var(--fg-bolder)}td,th{padding:.4rem}td{font-size:.8em}}a.more-spec{padding:.5em;outline-offset:-.1em;.fa-solid{margin-left:auto;color:var(--fg-lighter)}}}.is-desktop .spec-table,.is-desktop a.more-spec{width:50%;margin:0 auto}.is-mobile a.more-spec{width:100%}.product-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em;button{display:inline-flex;background-color:var(--bg-default-button);align-items:center;justify-content:center;gap:.5em;box-shadow:0 .1rem .2em rgba(0,0,0,.3);.icon{display:inline-flex;align-items:center;justify-content:center;height:1.75em;width:1.75em;&.fa-solid{font-size:1em}&.youtube-logo{background:url(/youtube.svg),linear-gradient(180deg,#fff,#fff);background-size:contain,50% 50%;background-repeat:no-repeat;background-position:50%,50%}}}}.img.ato{background-color:#111;background-size:80%}.img.portaVision{background-color:#fff}.yt-btn-wrapper{position:relative}button.watch-youtube{&[aria-expanded=true]{background-color:color-mix(in srgb,var(--bg-default-button),#000 40%);box-shadow:inset .1em .1em .4rem 1px rgba(0,0,0,.8)}}ul.yt-url-list{background-color:var(--bg-secondary);border-radius:1em;margin:0;padding:0;width:100%;overflow:hidden;list-style:none;left:50%;transform:translateX(-50%);li{padding-block:.5em;padding-inline:.5em;margin:0;justify-content:center;display:flex}li:focus-within,li:hover{background-color:color-mix(in srgb,var(--bg-secondary),var(--fg-bolder) 10%)}li:focus-within *{outline:none}}