:root{--cat-reinigungsmittel:#4A90B8;--cat-reinigungszubehoer:#5BA67C;--cat-hygienepapier:#5DB8B0;--cat-spender:#D99255;--cat-abfall:#C45B5B;--cat-hautreinigung:#C87FA0;--cat-psa:#D4A843;--cat-raumduefte:#8B72B0;--catalog-page-w:210mm;--catalog-page-h:297mm}
.catalog-toolbar{position:sticky;top:70px;z-index:100;background:var(--color-bg);border-bottom:1px solid #e0e0e0;padding:10px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;box-shadow:var(--shadow-sm)}
body.book-mode .catalog-toolbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);right:auto;top:auto;width:auto;max-width:90vw;border-bottom:none;border:1px solid rgba(156,177,180,0.2);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,0.05) inset;z-index:200;padding:8px 20px;background:rgba(26,46,50,0.92);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);flex-wrap:nowrap;gap:8px}
body.book-mode .catalog-toolbar button{padding:6px 10px;font-size:12px;white-space:nowrap}
body.book-mode .catalog-toolbar .search-input{width:120px;padding:6px 10px;font-size:12px}
body.book-mode .catalog-toolbar .page-info{min-width:auto;font-size:11px;white-space:nowrap}
body.book-mode .catalog-toolbar #catalog-page-input{width:40px !important;padding:6px 4px;font-size:12px}
.catalog-toolbar .page-info{font-family:var(--font-body);font-size:13px;color:rgba(255,255,255,0.6);min-width:80px;text-align:center;letter-spacing:0.5px}
body.book-mode .catalog-toolbar .page-info{color:rgba(255,255,255,0.6)}
.catalog-toolbar button{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:8px 14px;font-family:var(--font-button);font-size:13px;color:rgba(255,255,255,0.8);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:6px}
.catalog-toolbar button:hover{background:rgba(217,146,85,0.2);border-color:rgba(217,146,85,0.4);color:#fff}
.catalog-toolbar button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}
.catalog-toolbar .spacer{flex:1}
.catalog-toolbar .search-input{border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:8px 12px;font-family:var(--font-body);font-size:13px;width:180px;outline:none;transition:all 0.2s ease;background:rgba(255,255,255,0.08);color:#fff}
.catalog-toolbar .search-input::placeholder{color:rgba(255,255,255,0.4)}
.catalog-toolbar .search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(217,146,85,0.2);background:rgba(255,255,255,0.12)}
.catalog-sidebar{position:fixed;left:0;top:160px;width:48px;z-index:90;display:flex;flex-direction:column;gap:2px}
.catalog-sidebar .cat-tab{width:48px;height:36px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);position:relative;border:none;padding:0}
.catalog-sidebar .cat-tab:hover{width:200px}
.catalog-sidebar .cat-tab .cat-label{display:none;font-family:var(--font-body);font-size:11px;font-weight:600;color:#fff;white-space:nowrap;margin-left:6px}
.catalog-sidebar .cat-tab:hover .cat-label{display:inline}
.catalog-sidebar .cat-tab .cat-icon{font-size:18px;flex-shrink:0}
.site-header .header-container{display:flex;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px}
.site-header .header-container .btn-nav-shop{margin-left:auto;order:10}
.site-header{z-index:1100 !important}
#CybotCookiebotDialog{z-index:1050 !important}
.catalog-container{max-width:920px;margin:0 auto;padding:20px 20px 20px 60px}
.catalog-page{width:100%;max-width:860px;aspect-ratio:210 / 297;background:#fff;box-shadow:var(--shadow-card);border-radius:2px;margin:0 auto 30px;position:relative;overflow:hidden;box-sizing:border-box;page-break-after:always;page-break-inside:avoid}
.page-inner{display:flex;flex-direction:column;justify-content:space-between;padding:50px 75px 80px 70px;height:100%;box-sizing:border-box;overflow:hidden}
.catalog-page.right-page.info-page h2{text-align:right}
.catalog-page.right-page.info-page h2::after{float:right}
.catalog-page.left-page.info-page h2{text-align:left}
.catalog-page .register-tab{position:absolute;right:0;width:12px;height:30px;border-radius:0;z-index:5}
.catalog-page.left-page .register-tab{right:auto;left:0}
.catalog-page .page-footer{position:absolute;bottom:0;left:0;right:0;padding:12px 30px;display:flex;align-items:center;font-family:var(--font-body);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted);z-index:4}
.catalog-page.left-page .page-footer{flex-direction:row}
.catalog-page.right-page .page-footer{flex-direction:row;justify-content:flex-end}
.page-footer-sep{width:20px;height:1px;background:var(--color-primary-light);margin:0 10px;display:inline-block}
.page-footer-num{font-weight:700;font-size:10px;color:var(--color-accent)}
.page-footer-title{font-weight:600}
.catalog-page .cat-header{display:flex;align-items:center;gap:8px;padding:0 0 10px 0;margin:-20px 0 14px 0;color:var(--color-text);font-family:var(--font-heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid rgba(156,177,180,0.2);background:none !important;position:relative}
.catalog-page .cat-header .cat-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:11px;position:absolute;left:-36px}
.catalog-page.right-page .cat-header .cat-icon{left:auto;right:-36px}
.catalog-page .cat-header .cat-subgroup{font-weight:400;font-size:10px;opacity:0.6;margin-left:auto;letter-spacing:1px}
.catalog-page.right-page .cat-header{flex-direction:row-reverse}
.catalog-page.right-page .cat-header .cat-subgroup{margin-left:0;margin-right:auto}
.catalog-page.right-page .subcat-header{text-align:right}
.catalog-page.cover{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#3a5a5e 0%,#2a3e42 50%,#1a2a2e 100%);color:#fff;text-align:center;padding:60px}
.cover .logo-img{width:80px;height:auto;margin-bottom:16px}
.cover .brand-name{font-family:var(--font-heading);font-size:32px;font-weight:700;letter-spacing:4px;margin-bottom:4px}
.cover .brand-sub{font-family:var(--font-body);font-size:14px;letter-spacing:2px;opacity:0.7;margin-bottom:60px}
.cover .catalog-title{font-family:var(--font-heading);font-size:42px;font-weight:700;line-height:1.2;margin-bottom:12px}
.cover .catalog-subtitle{font-family:var(--font-body);font-size:15px;opacity:0.7;margin-bottom:40px}
.cover .catalog-year{font-family:var(--font-heading);font-size:60px;font-weight:300;opacity:0.5}
.cover .cover-accent{position:absolute;right:0;top:0;width:40%;height:100%;background:var(--color-accent);opacity:0.12;clip-path:polygon(40% 0,100% 0,100% 100%,0% 100%)}
.cover .cover-categories{display:flex;gap:6px;margin-top:30px;flex-wrap:wrap;justify-content:center}
.cover .cover-categories span{display:inline-block;width:28px;height:6px;border-radius:3px}
.catalog-page.divider{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px;position:relative;overflow:hidden}
.catalog-page.divider .page-footer,.catalog-page.divider .page-footer .page-footer-num,.catalog-page.divider .page-footer .page-footer-title,.catalog-page.divider .page-footer .page-footer-sep{color:rgba(255,255,255,0.5);background:none}
.divider .divider-bg{position:absolute;inset:0;opacity:0.08;z-index:0}
.divider .divider-content{position:relative;z-index:1}
.divider .divider-icon{font-size:72px;margin-bottom:20px}
.divider .divider-title{font-family:var(--font-heading);font-size:34px;font-weight:700;color:#fff;margin-bottom:12px}
.divider .divider-desc{font-family:var(--font-body);font-size:15px;color:rgba(255,255,255,0.85);max-width:400px;line-height:1.6}
.divider .divider-count{font-family:var(--font-heading);font-size:48px;font-weight:700;color:rgba(255,255,255,0.3);margin-top:30px}
.divider .divider-count span{font-size:14px;font-weight:400;vertical-align:middle}
.catalog-page.info-page{padding:50px 75px 80px 70px}
.info-page .chapter-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--color-accent);margin-bottom:6px}
.catalog-page.right-page.info-page .chapter-label{text-align:right}
.catalog-page.left-page.info-page .chapter-label{text-align:left}
.info-page h2{font-family:var(--font-heading);font-size:26px;font-weight:700;color:var(--color-text);margin-bottom:14px;border-bottom:1px solid rgba(156,177,180,0.3);padding-bottom:8px}
.info-page h3{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--color-text-light);margin:16px 0 10px}
.info-page p{font-family:var(--font-body);font-size:14px;line-height:1.7;color:var(--color-text-light);margin-bottom:12px}
.info-page h4{font-size:13px}
.catalog-page.info-page{justify-content:space-between}
.info-page .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.info-page .team-member{text-align:center}
.info-page .team-member img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:8px}
.info-page .team-member .name{font-weight:700;font-size:12px}
.info-page .team-member .role{font-size:10px;color:var(--color-text-muted)}
.info-page .service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.info-page .service-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:var(--color-bg-alt);border-radius:var(--radius-sm)}
.info-page .service-item .icon{font-size:24px;flex-shrink:0}
.info-page .service-item h4{font-size:13px;font-weight:700;margin-bottom:4px}
.info-page .service-item p{font-size:11px;line-height:1.5;margin:0}
.info-page .service-grid{flex:1;align-content:start}
.info-page .page-banner{width:calc(100% + 100px);margin:-40px -50px 16px;height:180px;object-fit:cover;display:block;border-radius:0}
.info-page .page-banner-half{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:12px}
.branchen-card-new{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:var(--color-bg-alt)}
.branchen-card-new img{width:100%;height:70px;object-fit:cover;display:block}
.branchen-card-new .b-content{padding:10px 14px;display:flex;flex-direction:column;justify-content:center;flex:1}
.branchen-card-new h4{font-family:var(--font-heading);font-size:13px;font-weight:700;margin:0 0 4px}
.branchen-card-new p{font-size:10px;line-height:1.5;color:var(--color-text-light);margin:0 0 6px}
.branchen-card-new .b-tags{font-size:10px;color:var(--color-accent);font-weight:600}
.toc-block:hover{opacity:0.7}
.paper-badges{display:flex;gap:6px;margin:3px 0 2px}
.paper-badge{display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:600;letter-spacing:0.5px;padding:1px 5px;border-radius:3px;line-height:1.4}
.paper-ply{background:#EEF2F7;color:#4A5568}
.paper-rc{background:#E8F5E9;color:#2E7D32}
.paper-zs{background:#FFF8E1;color:#F57F17}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 36px;flex:1;align-content:start}
.product-card{display:flex;flex-direction:column;gap:0;padding:16px 0;border:none;border-bottom:1px solid rgba(156,177,180,0.12);border-radius:0;background:transparent;min-height:auto;transition:opacity 0.2s}
.product-card,.product-card:hover{box-shadow:none !important}
.product-card:hover{opacity:0.7;border-color:rgba(156,177,180,0.12)}
.product-card .prod-img{width:auto;max-width:100%;height:130px;flex-shrink:0;border-radius:0;object-fit:contain;object-position:left center;background:transparent;margin-bottom:6px;align-self:flex-start}
.product-card .prod-info{flex:1;min-width:0;width:100%}
.product-card .prod-name{font-family:var(--font-heading);font-size:13px;font-weight:700;line-height:1.3;color:var(--color-text);margin-bottom:3px}
.product-card .prod-sku{font-size:11px;color:var(--color-text-muted);margin-bottom:3px}
.product-card .prod-vpe{font-size:11px;color:var(--color-text-muted);margin-bottom:4px}
.product-card .prod-desc{font-size:11px;line-height:1.5;color:var(--color-text-light);margin-bottom:4px}
.product-card .prod-variants{margin-top:4px;border-top:1px solid #eee;padding-top:4px}
.product-card .variant-row{display:flex;align-items:baseline;gap:8px;padding:3px 0;font-size:10px;border-bottom:1px dotted #eee}
.product-card .variant-row:last-child{border-bottom:none}
.product-card .variant-title{flex:1;font-weight:600;color:var(--color-text)}
.product-card .variant-sku{font-size:10px;color:var(--color-text-muted);min-width:70px;text-align:left}
.product-card .variant-price{font-weight:700;color:var(--color-accent);white-space:nowrap}
.product-card.has-variants{min-height:auto}
.product-card .prod-manufacturer{font-size:11px;color:var(--color-primary);font-weight:600;letter-spacing:0.3px;margin-bottom:2px}
.product-card .prod-price{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--color-accent)}
.product-card .prod-price .unit{font-size:10px;font-weight:400;color:var(--color-text-muted)}
.product-card .prod-link{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--color-accent);text-decoration:none;margin-top:3px;opacity:0.7}
.product-card .prod-sustainable{display:inline-block;font-size:10px;background:transparent;color:#2e7d32;padding:0 4px;border:1px solid #2e7d32;border-radius:2px;margin-left:4px}
.subcat-header{grid-column:1 / -1;font-family:var(--font-heading);font-size:12px;font-weight:700;padding:8px 0 6px;border-bottom:1px solid;margin-top:6px;margin-bottom:2px;letter-spacing:0.5px}
.subcat-header:first-child{margin-top:0}
.subcat-header + .product-card{margin-top:6px}
.catalog-page.ad-page{padding:0;display:flex;align-items:center;justify-content:center}
.ad-page img{width:100% !important;height:100% !important;object-fit:cover !important}
.ad-page .page-footer{display:none}
.catalog-page.order-form{padding:30px 40px}
.order-form h2{font-family:var(--font-heading);font-size:20px;font-weight:700;text-align:center;margin-bottom:4px}
.order-form .form-subtitle{text-align:center;font-size:11px;color:var(--color-text-muted);margin-bottom:16px}
.order-form .form-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.order-form .form-field{border-bottom:1px solid #999;padding:4px 0;font-size:10px}
.order-form .form-field label{font-size:10px;color:var(--color-text-muted);display:block}
.order-form .order-table{width:100%;border-collapse:collapse;font-size:10px;margin-top:8px}
.order-form .order-table th{background:var(--color-primary);color:#fff;padding:5px 6px;text-align:left;font-weight:600;font-size:10px}
.order-form .order-table td{border-bottom:1px solid #ddd;padding:8px 6px;min-height:20px}
.order-form .order-table .row-num{width:24px;text-align:center;color:var(--color-text-muted)}
.order-form .form-footer{margin-top:12px;font-size:10px;color:var(--color-text-muted);text-align:center;line-height:1.5}
.catalog-page.back-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#3a5a5e 0%,#1a2a2e 100%);color:#fff;text-align:center;padding:60px}
.back-cover .qr-code{width:160px;height:160px;background:#fff;border-radius:var(--radius-md);padding:12px;margin-bottom:20px}
.back-cover .qr-code img{width:100%;height:100%}
.back-cover h3{font-family:var(--font-heading);font-size:20px;margin-bottom:8px}
.back-cover p{font-size:12px;opacity:0.7;margin-bottom:4px}
.branchen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.branchen-card{padding:14px;border-radius:var(--radius-sm);background:var(--color-bg-alt);text-align:center}
.branchen-card .b-icon{font-size:32px;margin-bottom:6px}
.branchen-card h4{font-family:var(--font-heading);font-size:12px;font-weight:700;margin-bottom:4px}
.branchen-card p{font-size:10px;color:var(--color-text-muted);line-height:1.4}
.branchen-card.full-width{grid-column:1 / -1}
.sustainability-badge{display:inline-flex;align-items:center;gap:6px;background:#e8f5e9;color:#2e7d32;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600}
.catalog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}
.catalog-loading .spinner{width:40px;height:40px;border:3px solid var(--color-bg-alt);border-top-color:var(--color-primary);border-radius:50%;animation:spin 0.8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}
}
.catalog-loading p{font-family:var(--font-body);font-size:14px;color:var(--color-text-muted)}
.catalog-book-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:20px 20px 20px 60px}
body.book-mode .catalog-book-wrapper{height:100vh;padding:80px 20px 60px 60px;box-sizing:border-box;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(180deg,#e8edef 0%,#d5dbde 100%);border-top:1px solid #cfd5d8}
body.book-mode .catalog-container{max-width:none;padding:0;margin:0;overflow:visible}
body.book-mode .catalog-page{margin:0;border-radius:0;overflow:hidden;padding:0}
.blank-page .page-inner{padding:0}
.filler-page .page-inner{padding:0}
.mission-page,.closing-page{padding:0 !important}
.mission-page .page-inner,.closing-page .page-inner{padding:0;justify-content:flex-start}
.ad-page .page-inner{padding:0 !important;justify-content:stretch}
.ad-page .page-inner img{width:100%;height:100%;object-fit:cover;display:block;flex:1}
.cover .page-inner,.back-cover .page-inner{padding:0 !important}
body.book-mode .page-inner{transform:scale(0.5);transform-origin:top left;width:200%;height:200%}
body.book-mode .catalog-page .page-footer{transform:scale(0.5);transform-origin:bottom left;width:200%}
body.book-mode .catalog-page{overflow:hidden;-webkit-text-size-adjust:100%}
body.book-mode .stf__parent{box-shadow:none}
body.book-mode .stf__wrapper,body.book-mode .stf__block{background:transparent !important}
body.book-mode .catalog-page.stf__item{box-shadow:0 4px 20px rgba(0,0,0,0.15),0 12px 50px rgba(0,0,0,0.08)}
body.book-mode #katalog-scroll-top{display:none !important}
body.print-mode > *:not(#catalog-print-container){display:none !important}
body.print-mode .site-header,body.print-mode .catalog-toolbar,body.print-mode .catalog-sidebar,body.print-mode .catalog-book-wrapper,body.print-mode .catalog-bottom-nav,body.print-mode .mobile-cat-bar,body.print-mode .mobile-html-viewer,body.print-mode .catalog-scroll-hint,body.print-mode #katalog-bestellen,body.print-mode #katalog-scroll-top,body.print-mode .scroll-top,body.print-mode footer,body.print-mode .site-footer,body.print-mode #global-footer,body.print-mode .skip-link,body.print-mode .hamburger,body.print-mode main{display:none !important}
body.print-mode #catalog-print-container{display:block !important;position:absolute;top:0;left:0}
body.print-mode .print-page-wrapper{width:210mm;height:297mm;overflow:hidden;page-break-after:always;page-break-inside:avoid;position:relative;margin:0;padding:0}
body.print-mode .print-page-wrapper .catalog-page{display:block !important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
body.print-mode .print-page-wrapper *{print-color-adjust:exact !important;-webkit-print-color-adjust:exact !important}
.search-wrapper{position:relative}
.catalog-search-results{position:absolute;bottom:100%;right:0;width:380px;max-height:420px;overflow-y:auto;background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;margin-bottom:4px}
.search-results-list{list-style:none;margin:0;padding:0}
.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background 0.15s}
.search-result-item:hover{background:var(--color-bg-alt)}
.search-result-img{width:48px;height:48px;object-fit:contain;border-radius:4px;flex-shrink:0;background:#fafafa}
.search-result-name{font-family:var(--font-body);font-size:13px;font-weight:600;line-height:1.3}
.search-result-meta{font-family:var(--font-body);font-size:11px;color:var(--color-text-muted);margin-top:2px}
.search-results-header{padding:10px 16px;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--color-text-muted);border-bottom:1px solid #e0e0e0;background:var(--color-bg-alt);border-radius:var(--radius-md) var(--radius-md) 0 0}
.search-no-results{padding:24px 16px;text-align:center;font-family:var(--font-body);font-size:13px;color:var(--color-text-muted)}
.search-result-more{padding:12px 16px;text-align:center;font-family:var(--font-body);font-size:12px;color:var(--color-text-muted);font-style:italic}
.catalog-bottom-nav{display:none}
body.mobile-catalog .catalog-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:rgba(26,46,50,0.94);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-top:1px solid rgba(156,177,180,0.15);align-items:center;justify-content:center;gap:6px;z-index:200;padding:0 12px;box-shadow:0 -4px 24px rgba(0,0,0,0.15)}
.catalog-bottom-nav .nav-btn{width:38px;height:38px;border:1px solid rgba(255,255,255,0.1);border-radius:10px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:all 0.15s ease}
.catalog-bottom-nav .nav-btn:active{background:rgba(217,146,85,0.3);border-color:rgba(217,146,85,0.5);color:#fff;transform:scale(0.93)}
.catalog-bottom-nav .mobile-page-info{font-size:13px;font-weight:600;color:rgba(255,255,255,0.5);min-width:56px;text-align:center;letter-spacing:0.5px;font-family:var(--font-body)}
.catalog-bottom-nav .mobile-tools{margin-left:auto;display:flex;gap:6px;align-items:center}
.catalog-bottom-nav .tool-btn{width:38px;height:38px;border:1px solid rgba(255,255,255,0.1);border-radius:10px;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:all 0.15s ease;text-decoration:none;font-size:0}
.catalog-bottom-nav .tool-btn:active{background:rgba(217,146,85,0.3);border-color:rgba(217,146,85,0.5);color:#fff;transform:scale(0.93)}
.catalog-bottom-nav button:not(.nav-btn):not(.tool-btn){width:38px;height:38px;border:1px solid rgba(255,255,255,0.1);border-radius:10px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);cursor:pointer;display:flex;align-items:center;justify-content:center}
.mobile-search-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:300;justify-content:center;align-items:flex-start;padding-top:80px}
.mobile-search-overlay.active{display:flex}
.mobile-search-box{background:#fff;border-radius:12px;padding:16px;width:90%;max-width:400px;box-shadow:0 8px 40px rgba(0,0,0,0.2)}
.mobile-search-box input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-family:inherit;box-sizing:border-box}
.mobile-search-box .search-results{max-height:300px;overflow-y:auto;margin-top:8px}
.mobile-cat-bar{display:none}
body.mobile-catalog .mobile-cat-bar{display:flex;flex-direction:column;position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:50;gap:2px}
.mobile-cat-pill{display:flex;align-items:center;justify-content:center;width:28px;height:32px;border:none;border-radius:0 6px 6px 0;font-size:13px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:width 0.2s,opacity 0.2s;padding:0;box-shadow:1px 1px 4px rgba(0,0,0,0.15)}
.mobile-cat-pill:active{opacity:0.7}
.mobile-cat-icon{line-height:1}
.mobile-cat-label{display:none}
body.mobile-catalog{overflow:hidden;height:100dvh;background:#e8edef}
body.mobile-catalog .catalog-sidebar{display:none}
body.mobile-catalog .catalog-toolbar{display:none !important}
body.mobile-catalog .catalog-book-wrapper{background:linear-gradient(180deg,#e8edef 0%,#d5dbde 100%);position:fixed;top:0;left:0;right:0;bottom:56px;display:flex;justify-content:center;align-items:center;padding:80px 24px 16px;overflow:hidden;z-index:5}
body.mobile-catalog .mobile-html-viewer{height:100%}
body.mobile-catalog .catalog-container{max-width:none;padding:0;margin:0}
body.mobile-catalog .catalog-page{display:none !important;width:860px;height:1216px;max-width:none;transform-origin:top left;flex-shrink:0;margin:0}
body.mobile-catalog .catalog-page.mobile-active{display:block !important}
.mobile-html-viewer{display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.mobile-page-scaler{overflow:hidden;border-radius:2px;box-shadow:0 4px 20px rgba(0,0,0,0.15),0 12px 50px rgba(0,0,0,0.08);background:#fff}
body.mobile-catalog #katalog-scroll-top{display:none !important}
.catalog-scroll-hint{text-align:center;padding:24px 20px 16px;cursor:pointer;opacity:0.7;transition:opacity 0.2s}
.catalog-scroll-hint:hover{opacity:1}
.catalog-scroll-hint .scroll-arrow{display:block;margin:0 auto 8px;width:24px;height:24px;animation:bounceDown 2s ease-in-out infinite}
.catalog-scroll-hint span{font-size:12px;color:var(--color-text-muted);letter-spacing:0.5px}
@keyframes bounceDown{0%,100%{transform:translateY(0)}
50%{transform:translateY(6px)}
}
body.book-mode .catalog-scroll-hint{position:fixed;bottom:56px;left:50%;transform:translateX(-50%);z-index:210;padding:6px 16px;background:rgba(255,255,255,0.95);border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,0.12);display:flex;align-items:center;gap:6px;transition:opacity 0.3s}
body.book-mode .catalog-scroll-hint .scroll-arrow{width:16px;height:16px;margin:0}
body.book-mode .catalog-scroll-hint span{font-size:10px;letter-spacing:0.3px}
body.book-mode .catalog-scroll-hint.hidden{opacity:0;pointer-events:none}
body.mobile-catalog #katalog-bestellen{display:none}
body.mobile-catalog .catalog-scroll-hint{display:none}
@media (max-width:768px){.catalog-toolbar .search-input{width:120px}
#katalog-bestellen{padding:24px 20px !important}
#katalog-bestellen div[style*="grid-template-columns:1fr 1fr"],#katalog-bestellen div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
#katalog-bestellen div[style*="grid-template-columns:120px"]{grid-template-columns:1fr 1fr !important}
}
@media print{.catalog-toolbar,.catalog-sidebar,.catalog-loading,.prod-link,.site-header,.hamburger,footer,.site-footer,.skip-link,.scroll-top,.shop-bottom-bar,#katalog-bestellen,#katalog-scroll-top,#global-footer{display:none !important}
#catalog-book-wrapper,#catalog-pages{display:block !important}
@page{size:A4;margin:0}
body{margin:0;padding:0;background:#fff;font-size:10pt;color:#000}
.catalog-container{padding:0;max-width:none}
.catalog-page{width:210mm;height:297mm;max-width:none;aspect-ratio:auto;margin:0;padding:12mm 15mm;box-shadow:none;border-radius:0;page-break-after:always;page-break-inside:avoid;overflow:hidden}
.catalog-page .register-tab{print-color-adjust:exact;-webkit-print-color-adjust:exact}
.catalog-page.divider,.catalog-page.cover,.catalog-page.back-cover,.cat-header,.toc-list .toc-color,.product-card .prod-price,.sustainability-badge{print-color-adjust:exact;-webkit-print-color-adjust:exact}
img{max-width:100% !important;page-break-inside:avoid}
.product-grid{grid-template-columns:repeat(2,1fr);gap:12px 36px}
.product-card{padding:16px 0}
.product-card .prod-img{height:130px}
.product-card .prod-name{font-size:13px}
.product-card .prod-manufacturer{font-size:11px}
.product-card .prod-desc{font-size:11px}
.product-card .prod-price{font-size:14px}
.product-card .variant-row{font-size:10px}
.product-card .prod-sku{font-size:11px}
.catalog-page.ad-page{padding:0}
.order-form .order-table td{border-bottom:1px solid #999 !important;min-height:14mm}
@page{size:A4;margin:0}
}