/* Product detail only: reference-style editorial layout, existing Nanyoung palette. */
.nany-product-detail{--npd-accent:var(--nany-green-accessible,#197d2b);--npd-surface:#f5f6f7;background:var(--npd-surface);color:var(--nany-ink);padding:0 0 76px;font-size:15px;line-height:1.75}
.nany-product-detail *{box-sizing:border-box}
.nany-product-detail a{text-decoration:none}
.npd-breadcrumb{padding-block:28px 32px}
.npd-breadcrumb nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12px;line-height:1.7;color:var(--nany-muted);text-transform:none;overflow-wrap:anywhere}
.npd-breadcrumb a{color:var(--nany-muted)}.npd-breadcrumb a:hover{color:var(--npd-accent)}.npd-breadcrumb nav>span{color:#a1aab8}
.npd-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:start}
.npd-sidebar,.npd-main,.npd-summary,.npd-gallery{min-width:0}
.npd-category-panel,.npd-sidebar-related{background:#fff;padding:14px;box-shadow:0 3px 18px #15244406;border:1px solid #e9ecf0}
.npd-category-panel{margin:0 0 24px}
.npd-category-panel summary,.npd-sidebar-related>h2{font-size:18px;line-height:1.45;font-weight:700;letter-spacing:-.015em;background:var(--npd-accent);color:#fff;margin:0;padding:17px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.npd-category-panel summary{cursor:pointer;list-style:none}.npd-category-panel summary::-webkit-details-marker{display:none}
.npd-collapse-mark{width:10px;height:10px;position:relative;flex-shrink:0}.npd-collapse-mark:before,.npd-collapse-mark:after{content:"";position:absolute;background:currentColor;inset:4px 0 auto;height:2px}.npd-category-panel:not([open]) .npd-collapse-mark:after{transform:rotate(90deg)}
.npd-category-panel ul{list-style:none;margin:0;padding:0}
.npd-category-panel li{padding:0;margin:0;border-bottom:2px solid #fff}
.npd-category-panel li a{display:block;background:#f3f4f5;color:#455064;font-size:13px;line-height:1.6;padding:15px 16px;border-left:3px solid transparent;overflow-wrap:anywhere;transition:background .2s,color .2s}
.npd-category-panel li a:hover{background:#edf5ef;color:var(--npd-accent)}
.npd-category-panel li a.is-current{background:#e8f2eb;border-left-color:var(--npd-accent);color:#146725;font-weight:700}
/* Preserve parent/child grouping instead of flattening all product categories. */
.npd-category-panel .npd-category-tree>li>a{font-weight:600;padding-block:13px}
.npd-category-panel .npd-category-children{display:block;margin:0 0 3px 16px;padding:0;border-left:1px solid #dbe2e6}
.npd-category-panel .npd-category-children>li{border-bottom:1px solid #fff}
.npd-category-panel .npd-category-children>li:last-child{border-bottom:0}
.npd-category-panel .npd-category-children>li>a{background:#f8f9fa;font-size:12px;font-weight:400;padding:10px 12px 10px 16px}
.npd-category-panel .npd-category-children>li>a:hover{background:#edf5ef;color:var(--npd-accent)}
.npd-category-panel .npd-category-children>li>a.is-current{background:#e8f2eb;font-weight:700}
.npd-category-panel li a:focus-visible{outline:2px solid var(--npd-accent);outline-offset:-2px}
/* Separate disclosure controls preserve parent category links and single highlighting. */
.npd-category-panel .npd-category-parent{position:relative}
.npd-category-panel .npd-category-parent>a{padding-right:48px}
.npd-category-panel .npd-category-toggle{position:absolute;top:3px;right:3px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:3px;background:transparent;color:#687586;cursor:pointer;box-shadow:none}
.npd-category-panel .npd-category-toggle:hover{background:#e4ece6;color:var(--npd-accent)}
.npd-category-panel .npd-category-toggle:focus-visible{outline:2px solid var(--npd-accent);outline-offset:-3px}
.npd-category-toggle span{position:relative;display:block;width:12px;height:12px;pointer-events:none}
.npd-category-toggle span:before,.npd-category-toggle span:after{content:"";position:absolute;top:5px;left:0;width:12px;height:2px;background:currentColor}
.npd-category-toggle[aria-expanded=false] span:after{transform:rotate(90deg)}
.npd-category-panel .npd-category-toggle[hidden],.npd-category-panel .npd-category-children[hidden]{display:none}
.npd-sidebar-related{margin-bottom:24px}.npd-sidebar-related>h2{font-size:18px}
.npd-related-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--nany-line);color:var(--nany-ink);font-size:12px;line-height:1.6;font-weight:600}
/* Keep the full native product name accessible; visually cap related-card text at two lines. */
.npd-related-card .npd-related-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;min-width:0;max-height:3.2em;line-height:1.6;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}
.npd-related-card:last-child{border:0;padding-bottom:4px}.npd-related-image{display:flex;align-items:center;justify-content:center;background:#f7f8fa;width:76px;height:80px;overflow:hidden}
.npd-related-image img{width:100%;height:100%;object-fit:contain}.npd-related-card:hover{color:var(--npd-accent)}
.npd-help{padding:26px 24px;background:#edf3ef;border:1px solid #dce7df}
.npd-help h2{font-size:23px;line-height:1.3;letter-spacing:-.025em;color:var(--nany-ink);margin:10px 0 14px}.npd-help p{font-size:13px;color:#596777;margin:0 0 18px}
.npd-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.6;color:var(--npd-accent)}
.npd-heading{border-bottom:2px solid var(--npd-accent);padding:0 0 17px;margin-bottom:30px}
.npd-heading:has(+.npd-introduction){margin-bottom:0}
.npd-heading h2{font-size:30px;line-height:1.3;font-weight:700;letter-spacing:-.025em;color:var(--nany-ink);margin:0;overflow-wrap:anywhere}
.npd-introduction{background:#fff;padding:23px 26px;color:#566174;font-size:15px;line-height:1.85;margin:0 0 32px;overflow-wrap:anywhere}
.npd-introduction p{margin:0}.npd-introduction p+p{margin-top:12px}
.npd-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:34px;margin-bottom:44px;align-items:start}
.npd-image-open{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;height:430px;padding:18px;background:#fff;border:1px solid #e2e6eb;border-radius:0;box-shadow:0 5px 24px #15244405;cursor:zoom-in;overflow:hidden}
.npd-image-open:hover{background:#fff;border-color:#9daabd}
.npd-image-open .npd-main-image{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:0}
.npd-image-hint{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;color:var(--nany-blue);border:1px solid #e1e6eb;border-radius:4px;pointer-events:none;transition:background .2s,border-color .2s}
.npd-image-hint svg{display:block;width:20px;height:20px}
.npd-image-open:hover .npd-image-hint,.npd-image-open:focus-visible .npd-image-hint{background:#eef2fb;border-color:#bbc6df}
.npd-image-open:focus-visible{outline:2px solid var(--nany-blue);outline-offset:3px}
.npd-placeholder{background:#fff;padding:20px}.npd-placeholder img{width:100%;object-fit:contain}
.npd-thumbnails{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.npd-thumbnails button{width:68px;height:68px;min-height:0;border:1px solid #dce2e9;padding:4px;background:#fff;border-radius:0}
.npd-thumbnails button[aria-pressed=true]{border:2px solid var(--npd-accent)}.npd-thumbnails img{width:100%;height:100%;object-fit:contain}
.npd-summary{padding:4px 0}.npd-summary h1{font-size:28px;font-weight:700;line-height:1.35;margin:10px 0 20px;letter-spacing:-.025em;color:var(--nany-blue);overflow-wrap:anywhere;text-transform:none}
.npd-summary-copy{font-size:14px;line-height:1.85;color:#586476;margin:0 0 24px;overflow-wrap:anywhere}
.npd-summary-copy p{margin:0}.npd-summary-copy p+p{margin-top:14px}
.npd-summary-copy ul,.npd-summary-copy ol{padding-left:20px;margin:14px 0}
.npd-summary-copy>:last-child{margin-bottom:0}
.npd-feature-list{padding:0 0 0 18px;margin:0 0 24px;color:#586476;font-size:14px;line-height:1.8}
.npd-feature-list li{padding-left:3px;margin-bottom:9px;overflow-wrap:anywhere}.npd-feature-list li::marker{color:var(--npd-accent)}
.npd-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 16px}
.nany-product-detail .npd-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border:1px solid var(--npd-accent);border-radius:4px;background:var(--npd-accent);color:#fff;font-size:13px;line-height:1.6;font-weight:600;text-align:center;transition:background .2s,color .2s,border-color .2s}
.nany-product-detail .npd-button:hover{background:var(--nany-blue);border-color:var(--nany-blue);color:#fff}
.nany-product-detail .npd-button-outline{background:transparent;color:var(--npd-accent)}
.npd-text-link{color:var(--npd-accent);font-size:12px;font-weight:600;text-decoration:underline!important;text-underline-offset:4px}.npd-text-link:hover{color:var(--nany-blue)}
.npd-details{scroll-margin-top:145px;background:#fff;margin-bottom:34px;min-width:0}
.npd-section-heading{background:#eaf0ec;border-bottom:1px solid #e1e9e3}
.npd-section-heading h2{display:inline-block;margin:0;background:var(--npd-accent);color:#fff;font-size:19px;font-weight:600;line-height:1.5;letter-spacing:-.01em;padding:14px 30px;min-width:200px}
.npd-content{padding:32px 30px 36px;font-size:14px;line-height:1.9;color:#596678;overflow-wrap:anywhere;min-width:0}
.npd-content:after{content:"";display:table;clear:both}
.npd-content h1,.npd-content h2,.npd-content h3,.npd-content h4,.npd-content h5,.npd-content h6{font-size:21px;font-weight:650;line-height:1.4;color:var(--nany-ink);margin:28px 0 16px;padding-left:13px;border-left:3px solid var(--npd-accent);letter-spacing:-.015em}
.npd-content>h3:first-child,.npd-content>span>div>h3:first-child{margin-top:0}
.npd-content p{margin:0 0 17px}.npd-content p:empty{display:none}
.npd-content img{max-width:100%;height:auto}.npd-content figure{max-width:100%;margin-inline:0}
.npd-table-scroll{max-width:100%;overflow-x:auto;margin:22px 0;overscroll-behavior-x:contain;scrollbar-width:thin}
.npd-content table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.65;margin:0;min-width:480px}
.npd-content th,.npd-content td{border:1px solid #dce3e8;padding:12px 14px;vertical-align:top;text-align:left}
.npd-content th{background:#eff4f1;color:var(--nany-ink);font-weight:600}.npd-content tr:nth-child(even) td{background:#fafbfc}
.npd-content ul,.npd-content ol{padding-left:22px}.npd-content li{margin-bottom:8px}
/* Product inquiry lives only in a centered, dismissible dialog. */
.npd-inquiry-dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 48px);max-width:940px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:6px;background:#fff;color:var(--nany-ink);overflow:hidden;box-shadow:0 24px 90px #0003}
.npd-inquiry-dialog:not([open]){display:none}
.npd-inquiry-dialog::backdrop{background:rgb(0 0 0 / 65%)}
.npd-inquiry-inner{padding:38px 36px 34px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain}
.npd-inquiry-inner>h2{font-size:28px;font-weight:500;line-height:1.3;letter-spacing:.01em;text-align:center;color:var(--nany-ink);margin:0 32px 22px}
.npd-inquiry-inner>h2:focus{outline:none}
.npd-inquiry-close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:0;background:#fff;border:0;border-radius:4px;color:#5f6874;cursor:pointer;z-index:1}
.npd-inquiry-close span{position:relative;width:17px;height:17px}
.npd-inquiry-close span:before,.npd-inquiry-close span:after{content:"";position:absolute;top:8px;left:0;width:17px;height:2px;background:currentColor;transform:rotate(45deg)}
.npd-inquiry-close span:after{transform:rotate(-45deg)}
.npd-inquiry-close:hover{background:#f1f4f2;color:var(--npd-accent)}
.npd-inquiry-close:focus-visible,.nany-product-detail [data-inquiry-open]:focus-visible{outline:2px solid var(--npd-accent);outline-offset:3px}
.npd-inquiry .fluentform .ff-el-group{margin-bottom:18px}
.npd-inquiry .fluentform .ff-el-input--label{margin-bottom:6px}
.npd-inquiry .fluentform .ff_submit_btn_wrapper{margin-bottom:0}
.npd-inquiry .fluentform label{font-size:12px;color:var(--nany-ink);font-weight:600}
.npd-inquiry .fluentform .ff-el-form-control{font-family:inherit;font-size:14px;background:#fff;border:1px solid #dce3e8;border-radius:8px;color:var(--nany-ink);min-height:46px;padding:11px 13px;box-shadow:none}
.npd-inquiry .fluentform .ff-el-form-control:focus{border-color:var(--npd-accent)}
.npd-inquiry .fluentform textarea.ff-el-form-control{min-height:150px;resize:vertical;line-height:1.7}
.npd-inquiry .fluentform .ff-btn-submit{background:var(--npd-accent)!important;border:1px solid var(--npd-accent)!important;color:#fff!important;padding:12px 26px;min-height:46px;font:600 13px/1.6 var(--nany-font);border-radius:4px}
.npd-inquiry .fluentform .ff-btn-submit:hover{background:var(--nany-blue)!important;border-color:var(--nany-blue)!important}
@media(min-width:1800px){.npd-image-open{height:460px}}
@media(max-width:1200px){.npd-layout{grid-template-columns:240px minmax(0,1fr);gap:24px}.npd-overview-grid{gap:24px}.npd-summary h1{font-size:25px}.npd-image-open{height:360px;padding:14px}.npd-heading h2{font-size:27px}.npd-actions{gap:10px}.nany-product-detail .npd-button{padding:10px 15px;font-size:12px}.npd-category-panel summary{font-size:16px;padding:15px 12px}.npd-category-panel li a{padding:13px 12px}}
@media(max-width:950px){.npd-layout{grid-template-columns:minmax(0,1fr);gap:24px}.npd-sidebar{display:contents}.npd-category-panel{grid-row:1;margin:0;padding:0}.npd-main{grid-row:2}.npd-sidebar-related{grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;margin:0}.npd-sidebar-related>h2{grid-column:1/-1}.npd-related-card,.npd-related-card:last-child{border:0;padding:18px 0 5px}.npd-help{grid-row:4}.npd-help p{max-width:480px}.npd-category-panel nav>.npd-category-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:14px}.npd-category-panel summary{font-size:17px;padding:14px 18px}.npd-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.npd-image-open{height:410px}.npd-breadcrumb{padding-block:22px}}
@media(max-width:600px){.nany-product-detail{padding-bottom:42px}.npd-layout{gap:20px}.npd-breadcrumb nav{font-size:11px;gap:5px 8px}.npd-breadcrumb{padding-block:18px}.npd-heading h2{font-size:25px;line-height:1.35}.npd-heading{padding-bottom:14px}.npd-introduction{padding:20px;font-size:14px;margin-bottom:22px}.npd-overview-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:30px}.npd-image-open{height:360px;padding:18px}.npd-summary{padding:0 2px}.npd-summary h1{font-size:24px}.npd-summary-copy,.npd-feature-list{font-size:14px}.npd-actions{margin-top:22px}.nany-product-detail .npd-button{font-size:13px;flex:1;padding-inline:12px}.npd-category-panel nav>.npd-category-tree{grid-template-columns:1fr}.npd-category-panel li a{font-size:13px;padding:12px 18px}.npd-section-heading h2{font-size:18px;padding:12px 22px;min-width:180px}.npd-content{padding:24px 20px;font-size:14px;line-height:1.85}.npd-content h1,.npd-content h2,.npd-content h3,.npd-content h4{font-size:19px;line-height:1.45}.npd-inquiry-dialog{width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.npd-inquiry-inner{padding:42px 20px 24px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.npd-inquiry .fluentform .ff-el-form-control{font-size:16px}.npd-inquiry-inner>h2{font-size:22px;margin:0 20px 20px}.npd-sidebar-related{display:block}.npd-related-card,.npd-related-card:last-child{border-bottom:1px solid var(--nany-line);padding:16px 0}.npd-related-card:last-child{border:0;padding-bottom:4px}.npd-related-image{width:76px;height:76px}.npd-inquiry .ff-t-container{display:block}.npd-inquiry .ff-t-container>.ff-t-cell{width:100%;padding:0}.npd-details{scroll-margin-top:105px;margin-bottom:24px}}
@media(max-width:360px){.npd-heading h2{font-size:23px}.npd-image-open{height:310px}.npd-actions{flex-direction:column}.npd-content,.npd-introduction{padding:19px 17px}.npd-inquiry-inner{padding:42px 16px 22px}}
@media(prefers-reduced-motion:reduce){.nany-product-detail *{scroll-behavior:auto!important;transition:none!important}}