:root{--dawo-red:#a01a28;--dawo-red-hover:#83141f;--text-dark:#222;--text-light:#555;--bg-light:#f8f9fa;--bg-white:#fff;--border-color:#eaeaea;--font-main:"Outfit", sans-serif;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 10px 20px #00000014;--shadow-lg:0 20px 40px #0000001f;--transition:all .3s cubic-bezier(.25, .8, .25, 1);--container-width:1200px}[data-theme=dark]{--dawo-red:#a01a28;--dawo-red-hover:#83141f;--text-dark:#e0e0e0;--text-light:#aaa;--bg-light:#1a1a1a;--bg-white:#121212;--border-color:#2a2a2a;--shadow-sm:0 4px 6px #0000004d;--shadow-md:0 10px 20px #0006;--shadow-lg:0 20px 40px #00000080}[data-theme=dark] body,[data-theme=dark] .page-content,[data-theme=dark] .product-row:nth-child(odd),[data-theme=dark] .tech-features,[data-theme=dark] .hero,[data-theme=dark] .about,[data-theme=dark] .about-page-wrapper,[data-theme=dark] .contact-page-wrapper,[data-theme=dark] .contact-section,[data-theme=dark] .about-page-content,[data-theme=dark] .products-page-content{background-color:var(--bg-white)}[data-theme=dark] .tech-hero,[data-theme=dark] .modal-left,[data-theme=dark] .catalog-section,[data-theme=dark] .specs-header,[data-theme=dark] .specs-footer,[data-theme=dark] .modal-slider-nav{background-color:var(--bg-light)}[data-theme=dark] .spec-card,[data-theme=dark] .products-preview,[data-theme=dark] .feature-box,[data-theme=dark] .contact-form input,[data-theme=dark] .contact-form textarea{border-color:var(--border-color);background-color:#1e1e1e}[data-theme=dark] body,[data-theme=dark] .section-title,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] .tech-pag-current,[data-theme=dark] .tech-pag-arrow,[data-theme=dark] .spec-value,[data-theme=dark] .catalog-heading{color:var(--text-dark)}[data-theme=dark] p,[data-theme=dark] .small-subtitle,[data-theme=dark] .variant-text,[data-theme=dark] .contact-form label,[data-theme=dark] .contact-info-item,[data-theme=dark] .catalog-text,[data-theme=dark] .tech-pag-sep,[data-theme=dark] .tech-pag-total,[data-theme=dark] .about-content p{color:#ccc}[data-theme=dark] .header.scrolled .header-container{background-color:#141414e6;border-color:#ffffff14}[data-theme=dark] .product-row:nth-child(2n){background-color:#181818}[data-theme=dark] .modal-content{background:#1e1e1efa;border-color:#ffffff14}[data-theme=dark] .tech-hero-visual{background:0 0}[data-theme=dark] .tech-hero-visual .tech-slider{box-shadow:0 2px 8px #0000004d,0 16px 48px #0006}[data-theme=dark] .variant-text small{color:#888}[data-theme=dark] .cert-badge{color:#aaa;background:#2a2a2a}[data-theme=dark] .modal-close{color:#ccc;background:#333}[data-theme=dark] .modal-close:hover{background:#444}[data-theme=dark] .btn-back-flip,[data-theme=dark] .btn-secondary-white{color:#e0e0e0;background-color:#2a2a2a;border-color:#ffffff1a}[data-theme=dark] .tech-features-wrapper .red-sidebar{opacity:.8}[data-theme=dark] .hero-slider:after{background:linear-gradient(90deg,#121212f2 0%,#121212b3 40%,#12121233 100%)}[data-theme=dark] .contact-form input,[data-theme=dark] .contact-form textarea{color:#fff}[data-theme=dark] .catalog-content-wrapper,[data-theme=dark] .catalog-content-wrapper:before{background-color:#6e1926}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;overflow-x:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text-dark);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{color:var(--text-dark);margin-bottom:1rem;font-weight:700;line-height:1.2}p{color:var(--text-light);margin-bottom:1rem}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-primary{color:var(--dawo-red)}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.section-padding{padding:80px 0}main{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards pageEnter}#footer-container{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards pageFade}body.page-exit main{animation:.35s cubic-bezier(.16,1,.3,1) forwards pageExit}body.page-exit #footer-container{animation:.35s cubic-bezier(.16,1,.3,1) forwards pageFadeOut}@keyframes pageEnter{0%{opacity:0;filter:blur(10px);transform:translateY(12px)scale(.99)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes pageExit{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(8px);transform:translateY(-8px)scale(.99)}}@keyframes pageFade{0%{opacity:0}to{opacity:1}}@keyframes pageFadeOut{0%{opacity:1}to{opacity:0}}.btn{font-family:var(--font-main);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary,.catalog-btn{background-color:var(--dawo-red);color:#fff;letter-spacing:.5px;padding:15px 32px;font-size:15px;font-weight:500;box-shadow:0 4px 15px #a01a2833}.btn-primary svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.btn-primary:hover,.catalog-btn:hover{background-color:var(--dawo-red-hover);transform:scale(.98);box-shadow:0 6px 20px #a01a284d}.btn-primary:hover svg{transform:translate(4px)}.btn-outline{border:1px solid var(--dawo-red);color:var(--dawo-red);background-color:#0000;padding:12px 28px}.btn-outline:hover{background-color:var(--dawo-red);color:#fff}.btn-secondary-white{color:var(--text-dark);letter-spacing:.5px;background-color:#fff;border:1px solid #0000000d;padding:15px 32px;font-size:15px;font-weight:500;box-shadow:0 4px 15px #0000000d}.btn-secondary-white:hover{color:var(--dawo-red);transform:scale(.98);box-shadow:0 6px 20px #00000014}.dawo-premium-footer{background-color:var(--bg-white);border-top:1px solid var(--border-color);padding:100px 0 8px;position:relative;overflow:hidden}.dpf-grid{grid-template-columns:2fr 1.2fr 1.2fr 1.5fr;gap:64px;margin-bottom:50px;display:grid}.dpf-brand{flex-direction:column;display:flex}.dpf-logo{width:160px;height:auto;margin-bottom:24px;transition:filter .3s}.dpf-desc{color:var(--text-light);max-width:95%;margin-bottom:36px;font-size:15px;line-height:1.8}.dpf-socials{gap:16px;display:flex}.dpf-social-icon{width:40px;height:40px;color:var(--text-dark);background-color:#0000000d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.dpf-social-icon:hover{color:var(--dawo-red);background-color:#00000014;transform:scale(.92);box-shadow:inset 0 3px 6px #0000001a}.dpf-title{color:var(--text-dark);margin-bottom:32px;font-size:18px;font-weight:600}.dpf-links-col ul{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.dpf-links-col ul li a{color:var(--text-light);align-items:center;font-size:15px;text-decoration:none;transition:all .3s;display:inline-flex}.dpf-links-col ul li a:before{content:"";background-color:var(--dawo-red);width:0;height:2px;margin-right:0;transition:all .3s;display:inline-block}.dpf-links-col ul li a:hover{color:var(--dawo-red)}.dpf-links-col ul li a:hover:before{width:12px;margin-right:10px}.dpf-contact-col{flex-direction:column;display:flex}.dpf-c-items{flex-direction:column;gap:28px;display:flex}.dpf-c-item{flex-direction:column;display:flex}.dpf-c-label{color:#555;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:11px}.dpf-c-val{color:var(--text-dark);font-size:16px;font-weight:500;text-decoration:none;transition:color .3s}a.dpf-c-val:hover{color:var(--dawo-red)}.dpf-bottom-bar{color:#666;z-index:2;border-top:1px solid #0000000d;justify-content:space-between;align-items:center;padding:24px 0 16px;font-size:14px;display:flex;position:relative}.dpf-brand-text{color:var(--dawo-red);font-weight:600}.dpf-legal a{color:#555;text-decoration:none;transition:color .3s}.dpf-legal a:hover{color:var(--dawo-red)}.dpf-separator{color:#333;margin:0 12px}.dpf-theme-toggle-wrapper{justify-content:center;align-items:center;padding:0;display:flex}.footer-theme-toggle{cursor:pointer;color:#555;background:0 0;border:1.5px solid #00000026;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:inline-flex}.footer-theme-toggle svg{width:18px;height:18px}.footer-theme-toggle:hover{color:var(--dawo-red);border-color:var(--dawo-red);background:#0000000d;transform:scale(1.05)}.footer-theme-toggle .icon-moon{display:none}[data-theme=dark] .dawo-premium-footer{background-color:#1a1a1a;border-top-color:#2a2a2a}[data-theme=dark] .dpf-logo{filter:brightness(0)invert()}[data-theme=dark] .dpf-social-icon{color:#d0d0d0;background-color:#ffffff0f}[data-theme=dark] .dpf-social-icon:hover{color:var(--dawo-red);background-color:#ffffff1a}[data-theme=dark] .dpf-bottom-bar{color:#888;border-top-color:#ffffff14}[data-theme=dark] .dpf-legal a{color:#888}[data-theme=dark] .dpf-legal a:hover{color:#ccc}[data-theme=dark] .dpf-separator{color:#555}[data-theme=dark] .footer-theme-toggle{color:#ccc;border-color:#fff3}[data-theme=dark] .footer-theme-toggle:hover{color:var(--dawo-red);border-color:var(--dawo-red);background:#ffffff14}[data-theme=dark] .footer-theme-toggle .icon-sun{display:none}[data-theme=dark] .footer-theme-toggle .icon-moon{display:block}@media (width<=1024px){.dpf-grid{grid-template-columns:repeat(2,1fr);gap:40px}}@media (width<=768px){.dpf-grid{grid-template-columns:1fr;gap:50px}.dpf-bottom-bar{text-align:center;flex-direction:column;gap:20px}}body.page-transitioning main,body.page-transitioning #header-container,body.page-transitioning #footer-container{transition:filter .35s;filter:blur(14px)!important}.page-transition-curtain{-webkit-backdrop-filter:blur(28px)saturate(190%)contrast(105%);z-index:99999999;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity, backdrop-filter;background-color:#f8f9fa73;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .35s cubic-bezier(.16,1,.3,1),visibility .35s;display:flex;position:fixed;top:0;left:0}.page-transition-curtain:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#a01a28 30%,#e63946 70%,#0000);height:3px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(.3);box-shadow:0 0 12px #a01a28cc}.page-transition-curtain.active:before{opacity:1;transform:scaleX(1)}[data-theme=dark] .page-transition-curtain{-webkit-backdrop-filter:blur(32px)saturate(190%)contrast(105%);background-color:#0f0f128c}.page-transition-curtain.active{opacity:1;visibility:visible;pointer-events:all}.curtain-logo-wrapper{opacity:0;justify-content:center;align-items:center;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.92)}.curtain-img{filter:drop-shadow(0 6px 20px #00000014);width:190px;height:auto;display:none}.page-transition-curtain .curtain-img-light{display:block}.page-transition-curtain .curtain-img-dark,[data-theme=dark] .page-transition-curtain .curtain-img-light{display:none}[data-theme=dark] .page-transition-curtain .curtain-img-dark{filter:drop-shadow(0 6px 24px #ffffff26);display:block}.page-transition-curtain.active .curtain-logo-wrapper{opacity:1;transform:scale(1)}.preloader{background-color:var(--dawo-red,#a01a28);z-index:99999999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s cubic-bezier(.19,1,.22,1),visibility .8s;display:flex;position:fixed;top:0;left:0}.preloader.hidden-fade{opacity:0;visibility:hidden;pointer-events:none}html.hide-preloader .preloader{display:none!important}html:not(.hide-preloader):has(.preloader:not(.hidden-fade)) body{overflow:hidden}.preloader-content{justify-content:center;align-items:center;display:flex}.preloader-logo-img{opacity:0;width:250px;animation:.6s cubic-bezier(.19,1,.22,1) .5s forwards logoReveal;transform:scale(.9)}@keyframes logoReveal{to{opacity:1;transform:scale(1)}}@keyframes growLine{0%{opacity:0;height:0}50%{opacity:1}to{opacity:1;height:90px}}@keyframes slideOutRight{0%{opacity:0;transform:translate(-110%)}to{opacity:1;transform:translate(0)}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--dawo-red:#a01a28;--dawo-red-hover:#83141f;--cat-page-bg:#f8f9fa;--cat-drawer-bg:#fffffff2;--cat-card-bg:#0000000a;--cat-border:#0000001a;--cat-text:#222;--cat-text-muted:#666}[data-theme=dark]{--cat-page-bg:#14161a;--cat-drawer-bg:#121418f5;--cat-card-bg:#ffffff0f;--cat-border:#ffffff1a;--cat-text:#fff;--cat-text-muted:#aaa}body.catalog-body{width:100vw;height:100vh;min-height:100dvh;font-family:var(--font-main,"Outfit", sans-serif);color:var(--cat-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(circle,#f8f9fa 0%,#e9ecef 100%);justify-content:center;align-items:center;margin:0;padding:0;transition:background .3s;display:flex;overflow:hidden}[data-theme=dark] body.catalog-body{background:radial-gradient(circle,#1a1a1a 0%,#121212 100%)}button,input,a{box-sizing:border-box;font-family:inherit}.hidden{display:none!important}.catalog-top-bar{z-index:1000;pointer-events:none;opacity:0;justify-content:space-between;align-items:center;transition:opacity .6s cubic-bezier(.16,1,.3,1) .15s,transform .6s cubic-bezier(.16,1,.3,1) .15s;display:flex;position:fixed;top:24px;left:32px;right:32px;transform:translateY(-16px)}.catalog-top-bar.visible{opacity:1;transform:translateY(0)}.catalog-top-left,.catalog-top-right{pointer-events:auto;align-items:center;gap:12px;display:flex}.catalog-back-btn{color:var(--cat-text);-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #00000014;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #0000000d}.catalog-back-btn:hover{background:var(--dawo-red);color:#fff;border-color:var(--dawo-red);transform:translateY(-2px);box-shadow:0 6px 20px #a01a2859}.catalog-brand-badge{-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #00000014;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex;box-shadow:0 4px 16px #0000000d}.cat-brand-logo{object-fit:contain;width:auto;height:24px;display:none}.catalog-brand-badge .logo-light{display:block}.catalog-brand-badge .logo-dark{display:none}.cat-badge-divider{background:#0000001f;width:1px;height:18px}.cat-title-text{color:var(--cat-text);letter-spacing:.5px;font-size:13.5px;font-weight:700}.catalog-pdf-download-btn{color:#fff;background:linear-gradient(#a81b2a 0%,#7d121d 100%);border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .3s,box-shadow .3s,border-color .3s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59,0 4px 16px #a01a2859}.catalog-pdf-download-btn svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.catalog-pdf-download-btn:hover{background:linear-gradient(#b81e2e 0%,#8c1521 100%);border-color:#fff6;transform:none;box-shadow:inset 0 1px #ffffff80,0 0 22px #a01a2880}.catalog-pdf-download-btn:hover svg{transform:translateY(2.5px)}.catalog-pdf-download-btn:active{transform:scale(.97)}.catalog-theme-toggle{width:42px;height:42px;color:var(--cat-text);cursor:pointer;-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #00000014;border-radius:12px;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #0000000d}.catalog-theme-toggle:hover{color:var(--dawo-red);border-color:var(--dawo-red);transform:scale(1.05)}.catalog-theme-toggle .icon-moon{display:none}.catalog-theme-toggle .icon-sun{display:block}[data-theme=dark] .catalog-back-btn,[data-theme=dark] .catalog-brand-badge,[data-theme=dark] .catalog-theme-toggle{background:#16191fbf;border-color:#ffffff1a;box-shadow:0 4px 20px #00000059}[data-theme=dark] .catalog-brand-badge .logo-light{display:none}[data-theme=dark] .catalog-brand-badge .logo-dark{display:block}[data-theme=dark] .cat-badge-divider{background:#ffffff1f}[data-theme=dark] .catalog-theme-toggle .icon-sun{display:none}[data-theme=dark] .catalog-theme-toggle .icon-moon{display:block}#custom-pdf-container{width:100vw;height:100vh;position:absolute;inset:0;overflow:hidden}#catalog-container,.df-container,._df_book{background-color:#0000!important;width:100%!important;height:100%!important}.df-page-front,.df-page-back{background-color:var(--cat-page-bg)!important;position:relative!important}.df-page-front:before,.df-page-back:before{content:""!important;border:3px solid #a01a2826!important;border-top-color:var(--dawo-red)!important;z-index:0!important;pointer-events:none!important;border-radius:50%!important;width:36px!important;height:36px!important;margin:-18px 0 0 -18px!important;animation:.75s linear infinite catPageSpin!important;position:absolute!important;top:50%!important;left:50%!important}@keyframes catPageSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.df-page-front canvas,.df-page-back canvas,.df-page-front img,.df-page-back img{z-index:1!important;width:100%!important;height:100%!important;display:block!important;position:relative!important}.df-ui-controls,.df-ui-btn,.df-ui-next,.df-ui-prev,._df_loading,.df-loading-bg,.df-loader{opacity:0!important;visibility:hidden!important;display:none!important}.flipbook-controls{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:1000;opacity:0;pointer-events:none;background:#ffffffc7;border:1px solid #00000014;border-radius:16px;flex-wrap:nowrap;justify-content:center;align-items:center;width:max-content;max-width:92vw;padding:6px 16px;transition:opacity .5s cubic-bezier(.16,1,.3,1) .2s,transform .5s cubic-bezier(.16,1,.3,1) .2s;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(20px)scale(.96);box-shadow:0 10px 35px #00000014}.flipbook-controls.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}[data-theme=dark] .flipbook-controls{background:#14171cd1;border:1px solid #ffffff1a;box-shadow:0 12px 40px #0000008c}.flipbook-controls .control-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 2px;text-decoration:none;transition:background .2s,color .2s,transform .2s cubic-bezier(.16,1,.3,1);display:flex}.flipbook-controls .nav-arrow-btn{color:var(--dawo-red);background:#a01a2814}.flipbook-controls .nav-arrow-btn:hover{background:var(--dawo-red);color:#fff}[data-theme=dark] .flipbook-controls .nav-arrow-btn{color:#ff6b7a;background:#a01a2833}[data-theme=dark] .flipbook-controls .nav-arrow-btn:hover{background:var(--dawo-red);color:#fff}.flipbook-controls .control-btn:hover{color:var(--dawo-red);background:#0000000f;transform:scale(1.05)}.flipbook-controls .control-btn:active{transform:scale(.95)}.flipbook-controls .control-btn.active,.flipbook-controls .control-btn.active-play{background:var(--dawo-red);color:#fff}[data-theme=dark] .flipbook-controls .control-btn{color:#fffc}[data-theme=dark] .flipbook-controls .control-btn:hover{color:#fff;background:#ffffff1a}[data-theme=dark] .flipbook-controls .control-btn.active,[data-theme=dark] .flipbook-controls .control-btn.active-play{background:var(--dawo-red);color:#fff}.control-divider{background:#0000001a;width:1px;height:22px;margin:0 4px}[data-theme=dark] .control-divider{background:#ffffff26}.flipbook-controls .page-counter{color:var(--cat-text);font-family:var(--font-main,"Outfit", sans-serif);text-align:center;letter-spacing:.5px;background:0 0;min-width:60px;margin:0 6px;font-size:14.5px;font-weight:600}.thumbnails-drawer{background:var(--cat-drawer-bg);-webkit-backdrop-filter:blur(30px)saturate(180%);border-right:1px solid var(--cat-border);z-index:2000;flex-direction:column;width:320px;max-width:85vw;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 36px #00000040}.thumbnails-drawer.open{transform:translate(0)}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1999;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-header{border-bottom:1px solid var(--cat-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-title-box{align-items:center;gap:8px;display:flex}.drawer-title{color:var(--cat-text);font-size:16px;font-weight:700}.drawer-count-badge{background:var(--cat-card-bg);border:1px solid var(--cat-border);color:var(--cat-text-muted);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.drawer-close-btn{color:var(--cat-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.drawer-close-btn:hover{color:var(--cat-text);background:#0000000f}.drawer-search-box{border-bottom:1px solid var(--cat-border);gap:8px;padding:12px 18px;display:flex}.drawer-search-box input{background:var(--cat-card-bg);border:1px solid var(--cat-border);color:var(--cat-text);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px}.drawer-search-box input:focus{border-color:var(--dawo-red)}.drawer-search-box button{background:var(--dawo-red);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:0 16px;font-size:13px;font-weight:600}.drawer-content{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:12px;padding:16px;display:grid;overflow-y:auto}.thumbnail-item{background:var(--cat-card-bg);border:1px solid var(--cat-border);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;gap:6px;padding:8px;transition:all .2s;display:flex}.thumbnail-item:hover{border-color:var(--dawo-red);transform:translateY(-2px)}.thumbnail-item.active{border-color:var(--dawo-red);box-shadow:0 0 0 2px var(--dawo-red);background:#a01a2814}.thumbnail-canvas-box{aspect-ratio:1/1.414;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.thumbnail-num{color:var(--cat-text-muted);font-size:12px;font-weight:600}.thumbnail-item.active .thumbnail-num{color:var(--dawo-red);font-weight:700}.thumbnails-loading-placeholder{color:var(--cat-text-muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:13px;display:flex}.spinner{border:2px solid var(--cat-border);border-top-color:var(--dawo-red);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite catPageSpin}.catalog-loading-overlay{-webkit-backdrop-filter:blur(28px)saturate(180%);z-index:999999;background:#f8f9faf5;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}[data-theme=dark] .catalog-loading-overlay{background:#0d0f12f5}.catalog-glass-panel{-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);background:#ffffffeb;border:1px solid #00000014;border-radius:24px;flex-direction:column;gap:16px;width:560px;max-width:92vw;padding:24px 30px;display:flex;box-shadow:0 20px 50px #00000014}[data-theme=dark] .catalog-glass-panel{background:#16191feb;border-color:#ffffff1f;box-shadow:0 24px 60px #0000008c}.panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-brand{flex-shrink:0;align-items:center;display:flex}.catalog-panel-logo{object-fit:contain;width:auto;height:32px;display:none}.catalog-panel-logo.logo-light{display:block}.catalog-panel-logo.logo-dark,[data-theme=dark] .catalog-panel-logo.logo-light{display:none}[data-theme=dark] .catalog-panel-logo.logo-dark{display:block}.panel-v-divider{background:#0000001a;flex-shrink:0;width:1px;height:36px}[data-theme=dark] .panel-v-divider{background:#ffffff1f}.panel-status-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.panel-badge-row{align-items:center;gap:8px;display:flex}.pulse-dot{background:var(--dawo-red);width:8px;height:8px;box-shadow:0 0 10px var(--dawo-red);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.status-title{color:#1a1a1a;white-space:nowrap;font-size:14.5px;font-weight:700}[data-theme=dark] .status-title{color:#fff}.status-subtitle{color:#0000008c;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}[data-theme=dark] .status-subtitle{color:#ffffff8c}.panel-percent-box{background:#a01a281f;border:1px solid #a01a2840;border-radius:100px;flex-shrink:0;padding:5px 12px}.status-percent{color:var(--dawo-red);font-size:13.5px;font-weight:800}.catalog-loading-track{background:#0000000f;border-radius:10px;width:100%;height:4px;overflow:hidden}[data-theme=dark] .catalog-loading-track{background:#ffffff14}.catalog-loading-fill{background:linear-gradient(90deg,#a01a28,#e63946);border-radius:10px;width:15%;height:100%;transition:width .35s;box-shadow:0 0 10px #a01a2880}@media (width<=850px){.catalog-top-bar{padding:6px 12px;top:10px;left:12px;right:12px}.catalog-back-btn{gap:4px;padding:8px 10px;font-size:12px}.catalog-back-btn span{display:none}.catalog-brand-badge{display:none!important}.catalog-pdf-download-btn{padding:8px 10px}.catalog-pdf-download-btn span{display:none}.catalog-theme-toggle{width:34px;height:34px}.flipbook-controls{border-radius:50px;justify-content:center;gap:6px;width:auto;max-width:calc(100vw - 28px);padding:4px 10px;bottom:14px;left:50%;transform:translate(-50%)}.flipbook-controls .control-btn{width:36px;min-width:36px;height:36px;margin:0}.flipbook-controls .control-btn svg{width:18px;height:18px}#btn-music,#btn-autoplay,.control-divider{display:none!important}.flipbook-controls .page-counter{min-width:48px;margin:0 4px;font-size:12px;font-weight:700}.catalog-glass-panel{gap:12px;width:90vw;padding:16px 18px}.panel-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-brand,.panel-v-divider{display:none!important}.panel-status-info{flex:1;min-width:0;overflow:hidden}.status-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.status-subtitle{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.panel-percent-box{padding:4px 10px}.status-percent{font-size:12.5px}}
