@charset "utf-8";

        :root {
            --text-dark: #1e2a3a;
            --text-gray: #4a5a6e;
            --text-light: #6b7d94;
            --border-light: #e1e9f2;
            --border-color: #d0ddee;
            --radius: 8px;
            --radius-lg: 12px;
            --container-width: 1480px;
            --transition: 0.25s cubic-bezier(0.4,0,0.2,1);
            --pd-sidebar-w: 300px;
            --pd-gap: 30px;
            --shadow-sm: 0 1px 3px rgba(15,23,42,0.04);
            --shadow-hover: 0 12px 32px rgba(15,23,42,0.1);
        }

        *,*::before,*::after { box-sizing: border-box; }
        body { margin:0; background:#fff; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif; color:var(--text-dark); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
        img { max-width:100%; height:auto; }
        a { text-decoration:none; color:inherit; }
        .container-wide { max-width:var(--container-width); margin:0 auto; padding:0 30px; }

        /* ===== Breadcrumb + Search ===== */
        .breadcrumb-bar { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; margin:8px 0 16px; }
        .breadcrumb-bar .breadcrumb-nav { flex:1; min-width:0; margin:0; }
        .popup-search-wrap { position:relative; display:flex; align-items:center; width:280px; flex-shrink:0; background:#f8fafc; border:1px solid #e5e7eb; border-radius:9999px; transition:all .25s ease; }
        .popup-search-wrap:hover { background:#fff; border-color:#cbd5e1; }
        .popup-search-wrap:focus-within { background:#fff; border-color:var(--primary-blue,#0a5fff); box-shadow:0 0 0 3px rgba(var(--primary-rgb,10,95,255),.12); width:340px; }
        .popup-search-wrap .field { flex:1; width:100%; min-width:0; height:40px; padding:0 8px 0 18px; border:none; outline:none; background:transparent; font-size:14px; color:#0f172a; font-family:inherit; box-shadow:none; }
        .popup-search-wrap .field::placeholder { color:#94a3b8; }
        .popup-search-wrap .search-icon { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; margin-right:3px; border-radius:50%; background:var(--primary-blue,#0a5fff); color:#fff; border:none; cursor:pointer; flex-shrink:0; transition:all .25s ease; padding:0; }
        .popup-search-wrap .search-icon:hover { background:var(--hover-blue,#0043cc); transform:scale(1.05); }
        .popup-search-wrap .search-icon svg { width:15px; height:15px; }

        /* TWO-COLUMN LAYOUT */
        .pd-layout {
            display: flex;
            flex-direction: row;
            gap: var(--pd-gap);
            align-items: flex-start;
            padding-bottom: 40px;
            width: 100%;
        }

        /* Left Sidebar */
        .pd-sidebar {
            width: var(--pd-sidebar-w);
            min-width: var(--pd-sidebar-w);
            flex-shrink: 0;
            position: sticky;
            top: 20px;
            order: 0;
        }

        /* Sidebar blocks */
        .sb-block { background:#fff; border-radius:var(--radius-lg); border:1px solid var(--border-light); box-shadow:var(--shadow-sm); overflow:hidden; margin-bottom:20px; }
        .sb-title { background:var(--gradient-blue,linear-gradient(135deg,var(--primary-blue,#0a5fff),var(--accent-blue,#3385ff))); color:#fff; font-size:1.05rem; font-weight:700; padding:14px 20px; margin:0; }
        .sb-cat-list { list-style:none; padding:0; margin:0; }
        .sb-cat-item { border-bottom:1px solid var(--border-light); }
        .sb-cat-item:last-child { border-bottom:none; }
        .sb-cat-link { display:flex; align-items:center; justify-content:space-between; padding:13px 20px; font-size:.94rem; font-weight:500; color:var(--text-dark); transition:var(--transition); cursor:pointer; }
        .sb-cat-link:hover { background:var(--primary-light,#eef4ff); color:var(--primary-blue,#0a5fff); }
        .sb-cat-item.active>.sb-cat-link { color:var(--primary-blue,#0a5fff); font-weight:700; background:var(--primary-light,#eef4ff); }
        .sb-arrow { width:18px; height:18px; flex-shrink:0; color:var(--text-light); transition:transform .3s ease,color .3s; cursor:pointer; }
        .sb-cat-link:hover .sb-arrow { color:var(--primary-blue,#0a5fff); }
        .sb-cat-item.open>.sb-cat-link .sb-arrow { transform:rotate(90deg); color:var(--primary-blue,#0a5fff); }
        .sb-sub-list { list-style:none; padding:0; margin:0; max-height:0; overflow:hidden; transition:max-height .35s ease; background:#fafcff; }
        .sb-cat-item.open .sb-sub-list { max-height:500px; }
        .sb-sub-item a { display:block; padding:10px 20px 10px 38px; font-size:.88rem; color:var(--text-gray); transition:var(--transition); border-bottom:1px solid var(--border-light); position:relative; }
        .sb-sub-item:last-child a { border-bottom:none; }
        .sb-sub-item a::before { content:''; position:absolute; left:22px; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:var(--text-light); transition:background .3s; }
        .sb-sub-item a:hover { color:var(--primary-blue,#0a5fff); background:var(--primary-light,#eef4ff); }
        .sb-sub-item a:hover::before { background:var(--primary-blue,#0a5fff); }
        .sb-sub-item.active a { color:var(--primary-blue,#0a5fff); font-weight:600; background:var(--primary-light,#eef4ff); }
        .sb-sub-item.active a::before { background:var(--primary-blue,#0a5fff); }

        /* Recommended */
        .sb-rec-list { padding:12px; display:flex; flex-direction:column; gap:12px; }
        .sb-rec-card { display:flex; flex-direction:column; border-radius:var(--radius); overflow:hidden; border:1px solid var(--border-light); background:#fff; transition:var(--transition); color:inherit; }
        .sb-rec-card:hover { border-color:var(--primary-blue,#0a5fff); box-shadow:0 6px 18px rgba(var(--primary-rgb,10,95,255),.12); transform:translateY(-3px); }
        .sb-rec-img { width:100%; aspect-ratio:4/3; overflow:hidden; background:#f1f5f9; }
        .sb-rec-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s cubic-bezier(.4,0,.2,1); }
        .sb-rec-card:hover .sb-rec-img img { transform:scale(1.06); }
        .sb-rec-title { padding:12px 14px; font-size:.88rem; font-weight:600; color:var(--text-dark); line-height:1.4; text-align:center; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color .3s; }
        .sb-rec-card:hover .sb-rec-title { color:var(--primary-blue,#0a5fff); }

        /* Right Content */
        .pd-main { flex:1; min-width:0; order: 0; }

        /* Product Hero */
        .pd-hero { display:flex; gap:40px; margin:0 0 0; align-items:flex-start; }
        .pd-gallery { width:480px; flex-shrink:0; position:sticky; top:20px; }
        .pd-info { flex-grow:1; min-width:0; }

        .pd-main-img { width:100%; aspect-ratio:1; border:1px solid var(--border-color); border-radius:var(--radius-lg); overflow:hidden; background:#fff; cursor:zoom-in; margin-bottom:16px; box-shadow:var(--shadow-sm); position:relative; user-select:none; }
        .pd-main-img img { width:100%; height:100%; object-fit:contain; transition:transform .35s ease; will-change:transform; }
        .pd-main-img.zoomed img { transform:scale(2.2); }

        .pd-thumb-wrap { position:relative; display:flex; align-items:center; gap:8px; margin-top:10px; }
        .pd-thumb-scroll { flex:1; overflow:hidden; position:relative; border-radius:var(--radius); padding:2px 0; }
        .pd-thumb-list { display:flex; gap:10px; list-style:none; padding:0 0 6px; margin:0; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:var(--primary-blue,#0a5fff) var(--border-light); -webkit-overflow-scrolling:touch; }
        .pd-thumb-list::-webkit-scrollbar { height:5px; }
        .pd-thumb-list::-webkit-scrollbar-track { background:var(--border-light); border-radius:10px; }
        .pd-thumb-list::-webkit-scrollbar-thumb { background:var(--primary-blue,#0a5fff); border-radius:10px; }
        .pd-thumb-list li { flex:0 0 88px; height:88px; border:2px solid transparent; border-radius:8px; cursor:pointer; transition:all var(--transition); overflow:hidden; background:#fff; }
        .pd-thumb-list li:hover { border-color:rgba(var(--primary-rgb,10,95,255),.4); }
        .pd-thumb-list li.on { border-color:var(--primary-blue,#0a5fff); transform:translateY(-2px); box-shadow:0 6px 12px rgba(var(--primary-rgb,10,95,255),.15); }
        .pd-thumb-list img { width:100%; height:100%; object-fit:cover; display:block; }

        .pd-thumb-arrow { width:36px; height:36px; background:white; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(0,0,0,.1); cursor:pointer; color:var(--primary-blue,#0a5fff); font-size:16px; transition:all var(--transition); border:1px solid var(--border-light); flex-shrink:0; z-index:3; }
        .pd-thumb-arrow:hover { background:var(--primary-blue,#0a5fff); color:white; border-color:var(--primary-blue,#0a5fff); }
        .pd-thumb-arrow.disabled { opacity:.3; pointer-events:none; }

        .pd-img-counter { background:rgba(var(--primary-rgb,10,95,255),.85); color:white; padding:6px 14px; border-radius:40px; font-size:14px; font-weight:600; box-shadow:0 4px 10px rgba(var(--primary-rgb,10,95,255),.3); border:1px solid rgba(255,255,255,.3); backdrop-filter:blur(4px); white-space:nowrap; margin-left:5px; flex-shrink:0; }
        .pd-img-counter i { margin-right:5px; font-size:13px; color:rgba(255,255,255,.9); }

        /* Product Info */
        .pd-title { font-size:28px; font-weight:700; margin:0 0 20px; line-height:1.25; color:#111; letter-spacing:-.02em; }
        .pd-desc { margin-bottom:28px; padding:0; background:none; border:none; color:var(--text-dark); font-size:15px; line-height:1.6; overflow-wrap:break-word; }

        .pd-share { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; padding:14px 18px; background:var(--bg-light,#f6f9fc); border-radius:var(--radius-lg); border:1px solid var(--border-light); flex-wrap:wrap; gap:12px; }
        .pd-share-label { display:flex; align-items:center; gap:8px; font-weight:600; color:#0a1a2b; font-size:15px; white-space:nowrap; }
        .pd-share-label i { color:var(--primary-blue,#0a5fff); font-size:16px; }
        .pd-share-btns { display:flex; gap:10px; flex-wrap:wrap; }
        .pd-share-btn { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; background:#fff; border:1px solid var(--border-light); border-radius:50%; color:var(--primary-blue,#0a5fff); font-size:16px; transition:all .3s cubic-bezier(.2,.9,.4,1); cursor:pointer; box-shadow:0 2px 8px rgba(var(--primary-rgb,10,95,255),.06); }
        .pd-share-btn:hover { background:var(--primary-blue,#0a5fff); color:#fff; border-color:var(--primary-blue,#0a5fff); transform:scale(1.12) translateY(-2px); box-shadow:0 10px 20px rgba(var(--primary-rgb,10,95,255),.25); }

        .pd-actions { display:flex; gap:16px; margin-bottom:20px; }
        .pd-inquiry-btn { padding:0 36px; height:52px; display:inline-flex; align-items:center; justify-content:center; font-size:15px; font-weight:600; border-radius:var(--radius); transition:all var(--transition); text-decoration:none!important; border:none; cursor:pointer; letter-spacing:.3px; background:var(--gradient-blue,linear-gradient(135deg,#0a5fff,#3385ff)); color:#fff!important; box-shadow:0 4px 14px rgba(var(--primary-rgb,10,95,255),.25); position:relative; overflow:hidden; }
        .pd-inquiry-btn::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%); opacity:0; transition:opacity var(--transition); }
        .pd-inquiry-btn:hover { transform:translateY(-2px); box-shadow:0 8px 22px rgba(var(--primary-rgb,10,95,255),.35); }
        .pd-inquiry-btn:hover::after { opacity:1; }

        /* Detail Tabs + Content */
        .pd-detail-section { margin-top:40px; }
        .pd-tab-head { display:inline-block; background:var(--gradient-blue,linear-gradient(135deg,#0a5fff,#3385ff)); color:#fff; padding:14px 35px; font-weight:600; border-radius:var(--radius-lg) var(--radius-lg) 0 0; font-size:16px; letter-spacing:.5px; box-shadow:0 -4px 12px rgba(var(--primary-rgb,10,95,255),.1); }

        .pd-content-rich { border-top:3px solid var(--primary-blue,#0a5fff); padding:35px 0; line-height:1.75; font-size:15px; color:var(--text-gray); overflow-wrap:break-word; }
        .pd-content-rich h2 { font-size:24px; font-weight:700; color:var(--text-dark); margin:40px 0 16px; padding-bottom:12px; border-bottom:2px solid var(--border-light); line-height:1.3; position:relative; }
        .pd-content-rich h2::after { content:''; position:absolute; bottom:-2px; left:0; width:50px; height:2px; background:var(--primary-blue,#0a5fff); }
        .pd-content-rich h3 { font-size:20px; font-weight:600; color:var(--text-dark); margin:32px 0 14px; line-height:1.35; padding-left:14px; border-left:3px solid var(--primary-blue,#0a5fff); }
        .pd-content-rich h4 { font-size:17px; font-weight:600; color:var(--text-dark); margin:24px 0 10px; }
        .pd-content-rich p { margin:0 0 16px; line-height:1.75; }
        .pd-content-rich strong { color:var(--text-dark); font-weight:600; }
        .pd-content-rich a { color:var(--primary-blue,#0a5fff); text-decoration:underline; text-underline-offset:3px; }
        .pd-content-rich a:hover { color:var(--primary-dark,#0043cc); }
        .pd-content-rich img { max-width:100%!important; height:auto!important; margin:24px auto; border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); display:block; }
        .pd-content-rich ul,.pd-content-rich ol { margin:16px 0; padding-left:0; list-style:none; }
        .pd-content-rich ul li,.pd-content-rich ol li { position:relative; padding:8px 0 8px 28px; line-height:1.6; color:var(--text-gray); }
        .pd-content-rich ul li::before { content:''; position:absolute; left:4px; top:16px; width:8px; height:8px; background:var(--primary-blue,#0a5fff); border-radius:50%; }
        .pd-content-rich ol { counter-reset:ol-counter; }
        .pd-content-rich ol li { counter-increment:ol-counter; }
        .pd-content-rich ol li::before { content:counter(ol-counter); position:absolute; left:0; top:8px; width:22px; height:22px; background:var(--primary-blue,#0a5fff); color:#fff; border-radius:50%; font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; }
        .pd-content-rich blockquote { margin:24px 0; padding:20px 24px; background:var(--bg-light,#f6f9fc); border-left:4px solid var(--primary-blue,#0a5fff); border-radius:0 var(--radius) var(--radius) 0; color:var(--text-dark); font-style:italic; }
        .pd-content-rich iframe,.pd-content-rich video { max-width:100%!important; border-radius:var(--radius-lg); }

        /* Tables */
        .pd-content-rich table,.pd-desc table { width:100%!important; max-width:100%; border-collapse:separate; border-spacing:0; border:1px solid var(--border-color); border-radius:var(--radius-lg); overflow:hidden; margin:24px 0; font-size:14px; }
        .pd-content-rich table thead tr,.pd-desc table thead tr { background:var(--gradient-blue,linear-gradient(135deg,#0a5fff,#3385ff)); }
        .pd-content-rich table thead td,.pd-content-rich table thead th,.pd-desc table thead td,.pd-desc table thead th { color:#fff!important; font-weight:600; padding:13px 18px; border:none; text-align:left; }
        .pd-content-rich table td,.pd-content-rich table th,.pd-desc table td,.pd-desc table th { padding:12px 18px; border-bottom:1px solid var(--border-light); vertical-align:middle; line-height:1.5; color:var(--text-dark); font-size:14px; }
        .pd-content-rich table tbody tr:nth-child(even),.pd-desc table tbody tr:nth-child(even) { background:var(--bg-light,#f6f9fc); }
        .pd-content-rich table tbody tr:hover,.pd-desc table tbody tr:hover { background:#e8f0fe; }
        .pd-content-rich table tbody tr:last-child td,.pd-desc table tbody tr:last-child td { border-bottom:none; }

        .table-scroll-wrapper { position:relative; width:100%; margin:24px 0; border-radius:var(--radius-lg); overflow:hidden; }
        .table-scroll-wrapper .scroll-inner { overflow-x:auto; -webkit-overflow-scrolling:touch; }
        .table-scroll-wrapper table { margin:0!important; border-radius:0!important; }
        .scroll-hint { display:none; align-items:center; justify-content:center; gap:6px; padding:8px 0; font-size:12px; color:var(--text-light); background:linear-gradient(135deg,#f0f5ff,#e8eeff); border-top:1px solid var(--border-light); }
        .scroll-hint svg { width:16px; height:16px; animation:swipeH 1.5s ease-in-out infinite; }
        @keyframes swipeH { 0%,100%{transform:translateX(0)} 50%{transform:translateX(6px)} }

        .video-responsive-wrap { position:relative; width:100%; padding-bottom:56.25%; height:0; overflow:hidden; margin:24px 0; border-radius:var(--radius-lg); background:#000; }
        .video-responsive-wrap iframe,.video-responsive-wrap video { position:absolute; top:0; left:0; width:100%!important; height:100%!important; border:0; border-radius:var(--radius-lg); }

        /* Tags */
        .tags-list { display:flex; flex-wrap:wrap; gap:10px; margin:25px 0 10px; }
        .tags-list a { background:var(--bg-light,#f6f9fc); padding:6px 18px; border-radius:30px; color:var(--primary-blue,#0a5fff); font-size:13px; font-weight:500; border:1px solid var(--border-light); transition:all var(--transition); }
        .tags-list a:hover { background:var(--primary-blue,#0a5fff); color:#fff; border-color:var(--primary-blue,#0a5fff); }

        /* Inquiry Form */
        .pd-inquiry-section { background:linear-gradient(135deg,var(--bg-light,#f6f9fc) 0%,var(--primary-light-product,#e6f0ff) 100%); border-radius:var(--radius-lg); padding:40px 32px; border:1px solid var(--border-light); margin-top:40px; }
        .pd-inq-title { font-size:24px; font-weight:800; color:var(--text-dark); margin:0 0 6px; text-align:center; }
        .pd-inq-subtitle { font-size:.92rem; color:var(--text-gray); margin:0 0 28px; text-align:center; }
        .pd-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
        .pd-form-item { position:relative; }
        .pd-form-full { grid-column:1/-1; }
        .pd-input { width:100%; padding:13px 16px; background:#fff; border:1px solid #d9e2ef; border-radius:var(--radius); font-size:14px; outline:none; transition:border-color var(--transition),box-shadow var(--transition); font-family:inherit; color:var(--text-dark); }
        .pd-input::placeholder { color:#a0aec0; }
        .pd-input:focus { border-color:var(--primary-blue,#0a5fff); box-shadow:0 0 0 3px rgba(var(--primary-rgb,10,95,255),.1); }
        textarea.pd-input { resize:vertical; min-height:110px; }
        .pd-input[type="file"] { border:2px dashed var(--border-color); background:var(--bg-light,#f6f9fc); padding:12px 16px; cursor:pointer; }
        .pd-input[type="file"]:hover { border-color:var(--primary-blue,#0a5fff); background:#eef4ff; }
        .pd-submit-btn { width:260px; max-width:100%; height:50px; background:var(--gradient-blue,linear-gradient(135deg,#0a5fff,#3385ff)); color:#fff; border:none; border-radius:40px; font-size:15px; font-weight:700; cursor:pointer; transition:all .3s ease; box-shadow:0 8px 18px rgba(var(--primary-rgb,10,95,255),.25); font-family:inherit; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
        .pd-submit-btn:hover { transform:translateY(-2px); box-shadow:0 14px 24px rgba(var(--primary-rgb,10,95,255),.35); }

        .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

        /* ===== Mobile sidebar section title ===== */
        .mob-sidebar-heading {
            display: none;
        }

        /* ==========================================================================
           RESPONSIVE
           ========================================================================== */
        @media (max-width:1280px) {
            :root { --pd-sidebar-w:260px; --pd-gap:24px; }
            .container-wide { padding:0 22px; }
            .pd-gallery { width:420px; }
        }
        @media (max-width:991px) {
            :root { --pd-sidebar-w:230px; --pd-gap:20px; }
            .pd-hero { flex-direction:column; gap:28px; }
            .pd-gallery { width:100%; max-width:560px; margin:0 auto; position:static; }
            .pd-form-grid { grid-template-columns:1fr; }
            .pd-submit-btn { width:100%; }
            .sb-rec-list { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:10px; }
        }

        @media (max-width:767px) {
            .container-wide { padding:0 12px; }

            /* KEY CHANGE: sidebar goes BELOW main content */
            .pd-layout {
                flex-direction: column;
                gap: 0;
                padding-bottom: 30px;
            }
            .pd-main {
                order: 1;
                width: 100%;
            }
            .pd-sidebar {
                order: 2;
                width: 100%;
                min-width: 100%;
                position: static;
                display: flex;
                flex-direction: column;
                gap: 0;
                margin-top: 30px;
            }

            /* Mobile sidebar heading */
            .mob-sidebar-heading {
                display: flex;
                align-items: center;
                gap: 10px;
                font-size: 20px;
                font-weight: 700;
                color: var(--text-dark);
                margin: 0 0 16px;
                padding-bottom: 12px;
                border-bottom: 2px solid var(--border-light);
            }
            .mob-sidebar-heading svg {
                width: 22px;
                height: 22px;
                color: var(--primary-blue, #0a5fff);
                flex-shrink: 0;
            }

            .sb-block { margin-bottom: 16px; }

            /* Categories collapsed by default on mobile */
            .sb-categories .sb-cat-list { max-height:0; overflow:hidden; transition:max-height .4s ease; }
            .sb-categories.expanded .sb-cat-list { max-height:2000px; }
            .sb-title { cursor:pointer; display:flex; align-items:center; justify-content:space-between; user-select:none; }
            .sb-title::after { content:''; display:inline-block; width:10px; height:10px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); transition:transform .3s; flex-shrink:0; }
            .sb-categories.expanded .sb-title::after { transform:rotate(-135deg); }

            /* Recommended products: 2-column grid on mobile */
            .sb-rec-list {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 12px;
                padding: 12px;
                overflow-x: visible;
            }
            .sb-rec-card {
                min-width: 0;
                max-width: none;
                flex-shrink: 1;
            }
            .sb-rec-img {
                aspect-ratio: 4/3;
            }
            .sb-rec-title {
                font-size: .82rem;
                padding: 10px 10px;
            }

            .pd-hero { margin:0 0 30px; }
            .pd-title { font-size:22px; margin-bottom:16px; }
            .pd-share { flex-direction:column; align-items:flex-start; gap:12px; padding:12px 14px; }
            .pd-actions { flex-direction:column; align-items:stretch; }
            .pd-inquiry-btn { width:100%; justify-content:center; }

            .pd-detail-section { margin-top:30px; }
            .pd-tab-head { padding:12px 24px; font-size:15px; }
            .pd-content-rich { padding:24px 0; font-size:15px; }
            .pd-content-rich h2 { font-size:20px; }
            .pd-content-rich h3 { font-size:18px; }
            .pd-content-rich img { margin:16px auto; border-radius:var(--radius); }

            .pd-inquiry-section { padding:28px 16px; margin-top:30px; }
            .pd-inq-title { font-size:20px; }
            .pd-form-grid { grid-template-columns:1fr; gap:12px; }
            .pd-submit-btn { width:100%; }

            .pd-thumb-arrow { display:none; }
            .pd-thumb-wrap { flex-wrap:wrap; justify-content:center; }
            .pd-img-counter { order:-1; margin:0 0 8px 0; }
            .pd-thumb-scroll { width:100%; }
            .pd-main-img { cursor:default; border-radius:var(--radius); }
            .pd-main-img.zoomed img { transform:none; }

            .breadcrumb-bar { flex-direction:column; align-items:stretch; gap:12px; }
            .popup-search-wrap { width:100%; }
            .popup-search-wrap:focus-within { width:100%; }

            .table-card-stack { margin:20px 0; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--border-color); box-shadow:var(--shadow-sm); }
            .table-card-stack table { display:block!important; width:100%!important; border:none!important; border-radius:0!important; margin:0!important; }
            .table-card-stack table thead { display:none!important; }
            .table-card-stack table tbody { display:block!important; width:100%; }
            .table-card-stack table tbody tr { display:flex!important; flex-direction:column; padding:0; border-bottom:1px solid var(--border-light); background:#fff!important; }
            .table-card-stack table tbody tr:last-child { border-bottom:none; }
            .table-card-stack table tbody tr:nth-child(even) { background:var(--bg-light,#f6f9fc)!important; }
            .table-card-stack table tbody td { display:block!important; width:100%!important; padding:0!important; border:none!important; background:transparent!important; text-align:left!important; font-size:14px; }
            .table-card-stack table tbody td:first-child { padding:12px 16px 4px!important; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--primary-blue,#0a5fff)!important; }
            .table-card-stack table tbody td:last-child { padding:0 16px 12px!important; font-weight:400; color:var(--text-dark)!important; font-size:14px; }
            .table-scroll-wrapper .scroll-inner table { min-width:600px; }
            .table-scroll-wrapper .scroll-hint { display:flex; }
            .table-scroll-wrapper.scrolled .scroll-hint { display:none; }
        }

        @media (max-width:480px) {
            .container-wide { padding:0 10px; }
            .pd-title { font-size:20px; }
            .pd-thumb-list li { flex:0 0 70px; height:70px; }
            .pd-content-rich h2 { font-size:19px; }
            .pd-content-rich h3 { font-size:17px; }
            .pd-content-rich { font-size:14px; line-height:1.7; }
            .pd-inquiry-section { padding:22px 12px; }
            .pd-inq-title { font-size:18px; }

            /* Recommended: still 2-col but smaller padding */
            .sb-rec-list {
                gap: 8px;
                padding: 8px;
            }
            .sb-rec-title {
                font-size: .78rem;
                padding: 8px 8px;
            }
        }

        @media (max-width:360px) {
            /* Very small screens: single column recommended */
            .sb-rec-list {
                grid-template-columns: 1fr;
                gap: 10px;
                padding: 10px;
            }
        }

        @media print {
            .pd-share,.pd-actions,.pd-inquiry-section,.pd-thumb-arrow,.pd-img-counter,.scroll-hint,.pd-sidebar { display:none!important; }
            .pd-layout { display:block; }
            .pd-hero { flex-direction:column; }
            .pd-gallery { width:100%; max-width:400px; }
        }
.sb-cat-link-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.sb-cat-link-wrap .sb-cat-link {
    flex: 1;
    min-width: 0;
}
.sb-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: inherit;
}
.sb-toggle-btn .sb-arrow {
    transition: transform 0.3s ease;
}
.sb-cat-item.open > .sb-cat-link-wrap .sb-arrow {
    transform: rotate(90deg);
}