:root{--primary-color: #2f4576;--primary-dark: #243660;--secondary-color: #f26322;--secondary-dark: #d54b0d;--accent-color: #4a5d88;--accent-dark: #3a4d78;--text-primary: #2f4576;--text-secondary: #64748B;--text-light: #94A3B8;--border-color: #E2E8F0;--bg-light: #F5F7FA;--bg-white: #FFFFFF;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--shadow-sm: 0 1px 3px 0 rgba(27, 43, 69, .08);--shadow-md: 0 4px 12px -2px rgba(27, 43, 69, .12);--shadow-lg: 0 10px 24px -4px rgba(27, 43, 69, .15);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--container-max-width: 1600px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}.header{background-color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--primary-color);padding:var(--spacing-sm) 0;box-shadow:0 2px 0 0 var(--secondary-color),0 12px 24px -16px #1b2b4559;position:sticky;top:0;z-index:100;border-bottom:none}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-sm);letter-spacing:-.02em}.logo:hover{color:var(--secondary-color)}.logo-img{height:32px;width:auto;display:block}.main-content{padding:var(--spacing-xl) 0;min-height:calc(100vh - 200px)}.product-list-page{display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-xl)}@media (max-width: 968px){.product-list-page{grid-template-columns:1fr}}.category-tree{margin:calc(-1 * var(--spacing-lg));margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);overflow:hidden}.category-tree-header{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color);padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);border-bottom:1px solid var(--border-color)}.tree-node{-webkit-user-select:none;user-select:none}.tree-item{display:flex;align-items:center;gap:4px;padding:6px 10px;cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);transition:background .12s,color .12s;border-left:3px solid transparent}.tree-item:hover{background:var(--bg-light);color:var(--primary-color)}.tree-item.active{background:#f2632212;color:var(--secondary-color);font-weight:600;border-left-color:var(--secondary-color)}.tree-item.child-active{color:var(--primary-color);font-weight:500}.tree-expander{display:inline-block;width:14px;font-size:1rem;line-height:1;color:var(--text-light);transition:transform .15s;flex-shrink:0;text-align:center}.tree-expander.open{transform:rotate(90deg)}.tree-expander-placeholder{display:inline-block;width:14px;flex-shrink:0}.tree-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-all{font-weight:600;color:var(--primary-color)}.product-filters-bar{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap}.product-filters-groups{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);flex:1}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-chip{padding:3px 10px;font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:20px;background:var(--bg-white);color:var(--text-primary);cursor:pointer;transition:all .15s;font-family:var(--font-family)}.filter-chip:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.filter-chip.active{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff;font-weight:500}.filter-clear-btn{align-self:flex-end;padding:4px 10px;font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:var(--font-family);white-space:nowrap}.filter-clear-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.filters-sidebar{background:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);height:fit-content;position:sticky;top:80px}.filter-section{margin-bottom:var(--spacing-xl)}.filter-section:last-child{margin-bottom:0}.filter-section h3{font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--spacing-md);color:var(--primary-color);text-transform:uppercase;letter-spacing:.06em}.filter-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.filter-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--secondary-color)}.filter-option label{cursor:pointer;font-size:var(--font-size-sm)}.products-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.products-header{background:var(--bg-white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.category-header-info{width:100%;display:flex;gap:var(--spacing-lg);align-items:flex-start;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xs)}.category-header-image{width:160px;height:120px;object-fit:contain;flex-shrink:0;border-radius:var(--radius-md);background:var(--bg-light)}.category-header-text{flex:1;font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;min-width:0}.category-header-text p{margin:0 0 .5em}.category-header-text p:last-child{margin-bottom:0}.products-count{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-color)}.sorting-controls{display:flex;gap:var(--spacing-md);align-items:center}.sorting-controls label{font-size:var(--font-size-sm);color:var(--text-secondary)}.sorting-controls select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;background:#fff;color:var(--text-primary);font-family:var(--font-family);outline:none;transition:border-color .15s}.sorting-controls select:focus{border-color:var(--secondary-color)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.product-card{background:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer;display:flex;flex-direction:column;position:relative;border:3px solid transparent}.product-card.selected{border-color:var(--secondary-color);box-shadow:0 0 0 1px #f263224d,var(--shadow-md)}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-color)}.product-checkbox{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:10;background:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.product-checkbox:hover{box-shadow:var(--shadow-md)}.product-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--secondary-color)}.product-checkbox label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin:0;cursor:pointer}.card-checkbox{position:absolute;top:10px;left:10px;z-index:10;width:24px;height:24px;border-radius:4px;border:2px solid var(--secondary-color);background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:background .15s}.card-checkbox.checked{background:var(--secondary-color)}.floating-action-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--text-primary);color:#fff;border-radius:var(--radius-lg);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-lg);z-index:1000;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.floating-action-count{font-size:var(--font-size-sm);font-weight:500}.floating-action-btn{background:var(--secondary-color);color:#fff;border:none;border-radius:var(--radius-md);padding:.4rem 1rem;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:opacity .15s}.floating-action-btn:hover{opacity:.85}.floating-action-clear{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);padding:.4rem .75rem;font-size:var(--font-size-sm);cursor:pointer;transition:color .15s}.floating-action-clear:hover{color:#fff}.product-image{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg-light)}.product-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.product-number{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.product-title{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-sm);line-height:1.3}.product-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md);flex:1;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-features{margin-bottom:var(--spacing-md)}.feature-tag{display:inline-block;padding:2px var(--spacing-sm);background:#f2632212;color:var(--secondary-dark);font-size:.8rem;font-weight:500;border-radius:var(--radius-sm);margin-right:var(--spacing-xs);margin-bottom:var(--spacing-xs);border:1px solid rgba(242,99,34,.2)}.product-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.product-detail{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.dpp-hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 55%,var(--accent-color) 100%);color:#fff;padding:var(--spacing-xxl);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:3px solid var(--secondary-color)}.dpp-hero .product-header-meta{margin-bottom:var(--spacing-sm)}.dpp-hero .product-number{color:#ffffffbf;font-size:var(--font-size-base)}.dpp-hero .product-title{color:#fff;font-size:2.5rem;line-height:1.2;margin-bottom:var(--spacing-sm)}.dpp-hero .product-description{color:#ffffffd9;line-height:1.7;max-width:70ch}.dpp-hero .keyword-chip{background:#ffffff1f;border-color:#ffffff40;color:#fff}.dpp-hero .dpp-status-badge{background:#ffffff26;border-color:#ffffff59;color:#fff}.product-detail-layout{display:grid;grid-template-columns:360px 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-xxl) var(--spacing-xxl);align-items:start}.product-rail{position:sticky;top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-sections{min-width:0}@media (max-width: 1024px){.product-detail-layout{grid-template-columns:1fr;padding:var(--spacing-lg)}.product-rail{position:static}}.product-gallery{position:relative}.product-main-image{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.product-rail .product-extra-fields{grid-template-columns:1fr}.variants-section{padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-md)}.variants-section h3{margin-bottom:var(--spacing-md);color:var(--primary-color)}.variant-option{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all .2s}.variant-option:hover{border-color:var(--secondary-color);background:#fff}.actions-section{display:flex;gap:var(--spacing-md)}.btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color)}.btn-secondary:hover{background:var(--secondary-color);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.product-section{padding:var(--spacing-xl);border:1px solid var(--border-color);border-radius:16px;background:var(--bg-white);margin-bottom:var(--spacing-lg);transition:box-shadow .2s ease}.product-section:hover{box-shadow:var(--shadow-md)}.pictures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.picture-item{display:flex;flex-direction:column;align-items:center;border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-light);cursor:pointer;position:relative;transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.picture-item:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-md)}.picture-thumb{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#fff;padding:var(--spacing-sm)}.picture-caption{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.descriptions-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.description-entry{border-left:3px solid var(--secondary-color);padding-left:var(--spacing-lg)}.description-title{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.description-body{color:var(--text-primary);line-height:1.8}.description-body ul,.description-body ol{padding-left:var(--spacing-xl)}.description-body li{margin-bottom:var(--spacing-xs)}.description-body h3{margin-bottom:var(--spacing-sm);color:var(--primary-color)}.documents-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.document-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:background .15s,border-color .15s}.document-item:hover{background:#f263220d;border-color:var(--secondary-color)}.document-icon{font-size:1.5rem;flex-shrink:0}.document-info{flex:1;min-width:0}.document-name{font-weight:600;color:var(--text-primary)}.document-meta{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-download{flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;color:var(--secondary-color);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--secondary-color);border-radius:var(--radius-sm)}.tab-headers{display:flex;border-bottom:2px solid var(--border-color)}.tab-header{padding:var(--spacing-lg) var(--spacing-xl);background:transparent;border:none;font-size:var(--font-size-base);font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tab-header:hover{color:var(--primary-color)}.tab-header.active{color:var(--secondary-color);border-bottom-color:var(--secondary-color)}.tab-content{padding:var(--spacing-xxl)}.features-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.features-table tr{border-bottom:1px solid var(--border-color)}.features-table tr:last-child{border-bottom:none}.features-table tbody tr:nth-child(2n){background:var(--bg-light)}.features-table th,.features-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left}.features-table th{font-weight:600;color:var(--primary-color);width:35%}.features-table td{color:var(--text-primary)}.detail-section{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-xxl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.section-title{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--secondary-color);letter-spacing:-.01em}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-item strong{color:var(--primary-color);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:var(--font-size-lg);color:var(--text-primary)}.text-block{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-md);border-left:4px solid var(--secondary-color)}.text-block:last-child{margin-bottom:0}.translations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.translation-card{background:var(--bg-light);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--border-color);transition:border-color .2s,box-shadow .2s}.translation-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-md)}.language-badge{display:inline-block;background:var(--secondary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-weight:700;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.translation-card h4{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg)}.gallery-item{position:relative;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .3s;cursor:pointer;aspect-ratio:4/3;background:var(--bg-light)}.gallery-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:var(--spacing-md);font-size:var(--font-size-sm);transform:translateY(100%);transition:transform .3s}.gallery-item:hover .gallery-caption{transform:translateY(0)}.documents-grid{display:grid;gap:var(--spacing-md)}.document-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-md);border:2px solid var(--border-color);transition:all .2s}.document-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.document-icon{font-size:3rem;flex-shrink:0}.document-info{flex:1}.document-info h4{color:var(--primary-color);margin-bottom:var(--spacing-xs);font-size:var(--font-size-lg)}.document-meta{display:flex;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.references-list{display:grid;gap:var(--spacing-md)}.reference-item{display:grid;grid-template-columns:120px 180px 1fr;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-md);border-left:4px solid var(--primary-color)}.reference-type{font-weight:700;color:var(--secondary-color);text-transform:uppercase;font-size:var(--font-size-sm)}.reference-number{font-weight:600;color:var(--primary-color);font-family:monospace}.reference-description{color:var(--text-primary)}@media (max-width: 768px){.reference-item{grid-template-columns:1fr;gap:var(--spacing-sm)}.documents-grid{grid-template-columns:1fr}.document-card{flex-direction:column;text-align:center}}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) 0}.pagination button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:#fff;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;min-width:40px}.pagination button:hover:not(:disabled){background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.pagination button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.pagination button:disabled{opacity:.5;cursor:not-allowed}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:400px}.empty-state{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.empty-state h2{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-md)}.footer{background:var(--primary-dark);color:#fff;padding:var(--spacing-xl) 0;margin-top:var(--spacing-xxl);border-top:3px solid var(--secondary-color)}.footer-content{text-align:center;font-size:var(--font-size-sm);color:#fffc}.section-collapse-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.section-collapse-header:hover .section-collapse-title{color:var(--secondary-color)}.section-collapse-title{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:700;margin:0;transition:color .15s}.section-collapse-icon{font-size:1.1rem;color:var(--text-secondary);display:inline-block;transition:transform .2s;line-height:1}.section-collapse-icon.open{transform:rotate(0)}.section-collapse-icon:not(.open){transform:rotate(-90deg)}.product-keywords{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.keyword-chip{display:inline-block;background:var(--bg-light);border:1px solid var(--border-color);border-radius:100px;padding:2px var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.product-extra-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--spacing-xs) var(--spacing-md);margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--radius-md);border:1px solid var(--border-color)}.product-extra-field{display:flex;flex-direction:column;gap:2px}.extra-field-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary)}.extra-field-value{font-size:var(--font-size-sm);color:var(--text-primary);overflow-wrap:anywhere}.content-list{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.content-entry{border-left:3px solid var(--secondary-color);padding-left:var(--spacing-lg)}.content-entry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}.pub-picker{padding:var(--spacing-xxl) 0;text-align:center}.pub-picker-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xl)}.pub-picker-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg)}.pub-picker-card{padding:var(--spacing-xl) var(--spacing-xxl);background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;color:var(--primary-color);cursor:pointer;transition:border-color .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}.pub-picker-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-md);color:var(--secondary-color)}.pub-picker-card-title{font-size:var(--font-size-lg);font-weight:600}.pub-picker-card-code{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs);font-weight:400}.product-header-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.dpp-status-badge{display:inline-block;padding:2px var(--spacing-md);border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-secondary)}.dpp-status-badge.published{background:#e6f4ea;border-color:#b7dfc0;color:#1e7e34}a:focus-visible,button:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}.key-features{background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-lg)}.key-features-list{list-style:none;display:grid;gap:var(--spacing-md)}.key-features-list li{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-lg);border-left:1px solid var(--border-color)}.key-features-list li:first-child{border-left:none;padding-left:var(--spacing-sm)}@media (max-width: 768px){.key-features-list{grid-template-columns:1fr!important}.key-features-list li{border-left:none;padding-left:var(--spacing-sm)}.key-features-list li+li{border-top:1px solid var(--border-color);padding-top:var(--spacing-sm)}}.key-feature-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary)}.key-feature-value{font-size:var(--font-size-sm);font-weight:700;color:var(--primary-color)}.feature-group+.feature-group{margin-top:var(--spacing-lg)}.feature-group .section-collapse-title{font-size:var(--font-size-lg)}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172acc;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.lightbox-image{max-width:85vw;max-height:85vh;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:default}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;color:#fff;border:none;font-size:2rem;line-height:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.lightbox-nav:hover{background:#ffffff4d}.lightbox-nav.prev{left:var(--spacing-lg)}.lightbox-nav.next{right:var(--spacing-lg)}.lightbox-caption{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);color:#ffffffd9;font-size:var(--font-size-sm)}