@font-face{font-family:WuerthBold;src:url(https://media.wurth.com.au/fonts/Wuerth-Bold.woff) format("woff")}@font-face{font-family:WuerthBook;src:url(https://media.wurth.com.au/fonts/Wuerth-Book.woff) format("woff")}@font-face{font-family:WuerthExtraBoldCondCaps;src:url(https://media.wurth.com.au/fonts/Wuerth-ExtraBoldCondCaps.woff) format("woff")}html{font-family:WuerthBook}h1,h2{font-family:WuerthExtraBoldCondCaps}h3,h4,h5,h6{font-family:WuerthBold}#root,.App,body{margin:0}.wau-site-container{margin-left:10px;margin-right:10px}:root{--md-source:#cc0600;--md-sys-color-primary:#009ee0;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#c8e6ff;--md-sys-color-on-primary-container:#0071aa;--md-sys-color-secondary:#959595;--md-sys-color-on-secondary:#000;--md-sys-color-secondary-container:#dedede;--md-sys-color-on-secondary-container:#605d5c;--md-sys-color-tertiary:#cc0600;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#ffdad4;--md-sys-color-on-tertiary-container:#001e2f;--md-sys-color-error:#ba1a1a;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error:#fff;--md-sys-color-on-error-container:#410002;--md-sys-color-background:#fffbff;--md-sys-color-on-background:#201a19;--md-sys-color-surface:#fffbff;--md-sys-color-on-surface:#201a19;--md-sys-color-surface-variant:#f5ddd9;--md-sys-color-on-surface-variant:#534341;--md-sys-color-outline:#857370;--md-sys-color-inverse-on-surface:#fbeeec;--md-sys-color-inverse-surface:#362f2e;--md-sys-color-inverse-primary:#c8e6ff;--md-sys-color-shadow:#000;--md-sys-color-surface-tint:#bf0500;--md-sys-color-outline-variant:#d8c2be;--md-sys-color-scrim:#000;--md-sys-color-primary-dark:#62bde3;--md-sys-color-on-primary-dark:#362f2e;--md-sys-color-primary-container-dark:#0071aa;--md-sys-color-on-primary-container-dark:#ffdad4;--md-sys-color-secondary-dark:#959595;--md-sys-color-on-secondary-dark:#605d5c;--md-sys-color-secondary-container-dark:#605d5c;--md-sys-color-on-secondary-container-dark:#dedede;--md-sys-color-tertiary-dark:#ffdad6;--md-sys-color-on-tertiary-dark:#580300;--md-sys-color-tertiary-container-dark:#660300;--md-sys-color-on-tertiary-container-dark:#e4413b;--md-sys-color-error-dark:#ffb4ab;--md-sys-color-error-container-dark:#93000a;--md-sys-color-on-error-dark:#690005;--md-sys-color-on-error-container-dark:#ffdad6;--md-sys-color-background-dark:#201a19;--md-sys-color-on-background-dark:#ede0dd;--md-sys-color-surface-dark:#201a19;--md-sys-color-on-surface-dark:#ede0dd;--md-sys-color-surface-variant-dark:#534341;--md-sys-color-on-surface-variant-dark:#d8c2be;--md-sys-color-outline-dark:#a08c89;--md-sys-color-inverse-on-surface-dark:#201a19;--md-sys-color-inverse-surface-dark:#ede0dd;--md-sys-color-inverse-primary-dark:#0071aa;--md-sys-color-shadow-dark:#000;--md-sys-color-surface-tint-dark:#ffb4a8;--md-sys-color-outline-variant-dark:#534341;--md-sys-color-scrim-dark:#000;--md-ref-typeface-brand:WuerthBook;--md-ref-typeface-body:WuerthBook;--md-ref-typeface-plain:WuerthBook}@font-face{font-family:WuerthBold;src:url(https://images.wurth.com.au/speedyfonts/WuerthBold.woff) format("woff")}@font-face{font-family:WuerthBook;src:url(https://images.wurth.com.au/speedyfonts/WuerthBook.woff) format("woff")}@font-face{font-family:WuerthExtraBoldCondCaps;src:url(https://images.wurth.com.au/speedyfonts/WuerthExtraBoldCondCaps.woff) format("woff")}html,body{margin:0;font-family:WuerthBook,Arial,sans-serif;height:100%}.app-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.public-header{width:100%;display:flex;align-items:center;gap:16px;min-height:56px;background-color:#fff;border-bottom:1px solid #e8e8e8;box-sizing:border-box;padding:8px 20px}.public-header__logo{width:120px;height:auto;object-fit:contain}.public-header__title{margin:0;font-family:WuerthBold,Arial,sans-serif;font-size:1.1rem;color:#1c1c1c}.container-wauUnauthorised{margin-left:0!important}.admin-page{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:24px;padding:24px}.upload-panel{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000000d}.upload-panel form{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.upload-panel button{padding:8px 16px;border:none;border-radius:6px;background-color:#c8102e;color:#fff;font-weight:600;cursor:pointer}.upload-panel button:disabled{background-color:#f2f2f2;color:#777;cursor:not-allowed}.upload-status,.server-steps,.validation-errors,.upload-summary{margin-top:16px}.upload-status ul,.server-steps ul,.validation-errors ul,.upload-summary ul{margin:0;padding-left:18px}.status-error,.validation-errors{border-left:4px solid #c53030;background:#fde8e8;padding:12px 16px;border-radius:6px}.upload-summary{border-left:4px solid #008060;background:#e6f7f1;padding:12px 16px;border-radius:6px}.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}.filter-bar{position:sticky;top:0;background:#fff;box-shadow:0 2px 8px #0000001a;z-index:100;padding:16px;transition:padding .3s ease;overscroll-behavior:contain}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-actions{display:flex;gap:12px;flex-wrap:wrap;width:100%}.filter-bar h1{margin:0;color:#c8102e;font-size:1.75rem}.collapse-toggle{padding:8px 16px;border:1px solid #c8102e;border-radius:6px;background-color:#fff;color:#c8102e;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.collapse-toggle:hover{background-color:#c8102e;color:#fff}.help-toggle{padding:8px 18px;border:1px solid #0093DD;border-radius:6px;background-color:#fff;color:#0093dd;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.help-toggle:hover{background-color:#0093dd;color:#fff}.filter-bar.collapsed .filter-controls,.filter-bar.collapsed .results-count,.filter-bar.collapsed .filter-tip{display:none}.filter-bar.collapsed{padding:12px 16px}.filter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px;max-height:70vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.search-box{grid-column:1 / -1;padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.search-box:focus{outline:none;border-color:#c8102e}.filter-controls select{padding:10px 14px;border:1px solid #ddd;border-radius:6px;background-color:#fff;font-size:.95rem;cursor:pointer;transition:border-color .2s}.filter-controls select:focus{outline:none;border-color:#c8102e}.best-seller-toggle{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #ddd;border-radius:6px}.best-seller-toggle input{width:16px;height:16px}.clear-button{padding:10px 20px;border:none;border-radius:6px;background-color:#c8102e;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .2s}.clear-button:hover{background-color:#a00d26}.clear-button:active{transform:scale(.98)}.filter-message{display:flex;justify-content:space-between;align-items:center}.filter-tip{font-family:WuerthBold;font-size:1rem;color:red}.results-count{color:#666;font-size:.9rem;font-family:WuerthBold;margin-top:8px}@media (max-width: 768px){.filter-bar{padding:12px}.filter-bar h1{font-size:1.5rem}.collapse-toggle{font-size:.85rem;padding:6px 12px}.help-toggle{font-size:.85rem;padding:6px 14px}.filter-controls{grid-template-columns:1fr;gap:10px}.filter-actions{justify-content:stretch}}@media (min-width: 769px) and (max-width: 1024px){.filter-controls{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (hover: none) and (pointer: coarse){.clear-button:active{background-color:#8a0a1e}}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;height:fit-content}.product-card.tutorial-mode{cursor:default}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.product-card.tutorial-mode:hover{transform:none;box-shadow:0 6px 16px #c8102e33}.product-card:active{transform:translateY(0)}.product-card.expanded{box-shadow:0 6px 16px #c8102e33;border:2px solid #c8102e}.product-image{width:100%;height:200px;background-color:#f9f9f9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.best-seller-badge{position:absolute;top:8px;right:8px;width:28px;height:28px;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.product-photo{width:100%;height:100%;object-fit:contain;padding:8px}.no-image{color:#999;font-size:.9rem}.product-summary{padding:16px;flex:1}.product-summary h3{margin:0 0 8px;color:#333;font-size:1.1rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-no-copy{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:copy;text-align:left}.product-no-copy:hover{color:#c8102e}.product-no-copy:focus-visible{outline:2px solid #c8102e;outline-offset:2px;border-radius:4px}.copy-status{min-height:1.25rem;padding:2px 8px;border-radius:999px;background-color:#e6f7f1;color:#008060;font-size:.8rem;font-weight:600;opacity:0;transition:opacity .2s ease;pointer-events:none}.copy-status.visible{opacity:1}.product-summary p{margin:0 0 12px;color:#666;font-size:.9rem;line-height:1.4}.summary-meta{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:space-between;white-space:nowrap}.clip-type{display:inline-block;padding:4px 10px;background-color:#e6f7f1;color:#008060;border-radius:4px;font-size:.85rem;font-weight:500}.product-details{border-top:1px solid #e0e0e0;padding:16px;background-color:#fafafa;animation:expandDown .3s ease-out}.product-card.collapsing .product-details{animation:collapseUp .3s ease-out forwards}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@keyframes collapseUp{0%{opacity:1;max-height:1000px}to{opacity:0;max-height:0}}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.detail-item{font-size:.9rem;color:#444}.detail-item strong{color:#333;display:block;margin-bottom:2px}.replaces-old-article{background-color:#c8102e;color:#fff;padding:8px 12px;margin-top:12px;border-radius:4px;font-size:.9rem}.replaces-old-article strong{color:#fff;display:inline;margin-bottom:0;margin-right:4px}.eshop-link{display:inline-block;background-color:#c8102e;color:#fff;text-decoration:none;padding:8px 14px;border-radius:4px;font-weight:600;font-size:.9rem;display:flex;align-items:center}.eshop-link:hover{text-decoration:underline}.tutorial-mode .product-no-copy,.tutorial-mode .eshop-link{cursor:default}.tutorial-mode .eshop-link:hover{text-decoration:none}@media (max-width: 768px){.product-image{height:180px}.detail-grid{grid-template-columns:1fr}}@media (hover: none) and (pointer: coarse){.product-card{transition:none}.product-card:active{transform:scale(.98)}.product-card.tutorial-mode:active{transform:none}}.help-overlay{position:fixed;inset:0;z-index:1200;background:#20252cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:32px 20px;overflow-y:auto}.help-dialog{position:relative;width:fit-content;max-width:calc(90vw - 40px);max-height:calc(80vh - 64px);overflow-y:auto;border-radius:24px;background:linear-gradient(180deg,#fffaf5,#fff 26%);box-shadow:0 28px 70px #10182847;padding:10px 32px 32px}.help-dialog--stacked{width:min(560px,calc(90vw - 40px))}.help-close-button{position:absolute;top:18px;right:18px;width:40px;height:40px;border:0;border-radius:999px;background:#1f2937;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.help-close-button:focus-visible{outline:2px solid #c8102e;outline-offset:2px}.help-header{max-width:640px;margin-bottom:28px}.help-header h2{margin:14px 0 10px;color:#111827;font-size:clamp(1.7rem,1.8vw,2.3rem)}.help-header p{margin:0;color:#4b5563;font-size:1rem;line-height:1.6}.help-stage{position:relative;padding:24px 0;min-height:720px}.help-stage--side{width:calc(var(--help-card-width) + (2 * (var(--help-callout-width) + var(--help-callout-gap) + var(--help-connector-width))));margin:0 auto}.help-stage--stacked{min-height:auto;padding:0;display:flex;flex-direction:column;gap:16px}.help-card-shell{width:min(100%,360px);margin:0 auto}.help-stage--side .help-card-shell{width:var(--help-card-width)}.help-stage--stacked .help-card-shell{width:100%;max-width:420px}.help-marker{position:absolute;width:34px;height:34px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);background:#0093dd;color:#fff;font-weight:800;box-shadow:0 10px 24px #0f172a40;cursor:pointer;z-index:3}.help-marker:focus-visible{outline:2px solid #c8102e;outline-offset:3px}.help-callout{position:absolute;width:var(--help-callout-width, 220px);display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(200,16,46,.18);box-shadow:0 14px 36px #0f172a1f;cursor:default}.help-callout:focus-visible{outline:2px solid #c8102e;outline-offset:3px}.help-callout:after{content:"";position:absolute;top:50%;width:var(--help-connector-width, 30px);border-top:2px solid #c8102e}.help-callout:before{content:"";position:absolute;top:calc(50% - 5px);border:6px solid transparent}.help-stage--side .help-callout[data-side=left]{right:calc(100% - var(--help-card-left) + var(--help-callout-gap));transform:translateY(-50%)}.help-stage--side .help-callout[data-side=left]:after{left:100%}.help-stage--side .help-callout[data-side=left]:before{left:calc(100% + var(--help-connector-width, 30px) - 5px);border-left-color:#c8102e}.help-stage--side .help-callout[data-side=right]{left:calc(var(--help-card-right) + var(--help-callout-gap));transform:translateY(-50%)}.help-stage--side .help-callout[data-side=right]:after{right:100%}.help-stage--side .help-callout[data-side=right]:before{right:calc(100% + var(--help-connector-width, 30px) - 5px);border-right-color:#c8102e}.help-stage--stacked .help-callout{position:relative;width:100%;transform:none;left:auto;right:auto;top:auto;cursor:pointer}.help-stage--stacked .help-callout:after,.help-stage--stacked .help-callout:before{display:none}.help-callout-index{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0093dd;color:#fff;font-weight:700}.help-callout-content{width:100%}.help-marker.is-highlighted,.help-callout.is-highlighted,.help-callout-index.is-highlighted{animation:help-pulse-shine 1.25s ease-out}.help-callout.is-highlighted{box-shadow:0 18px 42px #0093dd38;border-color:#0093dd73}.help-marker.is-highlighted,.help-callout-index.is-highlighted{box-shadow:0 0 #0093dd73,0 12px 24px #0f172a40}@keyframes help-pulse-shine{0%{filter:brightness(1)}25%{filter:brightness(1.18)}45%{filter:brightness(1.08)}to{filter:brightness(1)}}@keyframes help-marker-pulse{0%{box-shadow:0 0 #0093dd66,0 10px 24px #0f172a40}to{box-shadow:0 0 0 16px #0093dd00,0 10px 24px #0f172a40}}.help-marker.is-highlighted,.help-callout-index.is-highlighted{animation:help-pulse-shine 1.25s ease-out,help-marker-pulse 1.25s ease-out}.help-callout.is-highlighted:after{border-top-color:#0093dd}.help-callout.is-highlighted:before{filter:drop-shadow(0 0 8px rgba(0,147,221,.38))}.help-callout h3{margin:0 0 6px;color:#111827;font-size:1rem}.help-callout p{margin:0;color:#4b5563;font-size:.92rem;line-height:1.5}@media (max-width: 1180px){.help-dialog{max-width:calc(100vw - 24px)}}@media (min-width: 701px) and (max-width: 900px) and (max-aspect-ratio: 1/1){.help-dialog{max-height:calc(100dvh - 64px)}}@media (max-width: 700px){.help-overlay{align-items:stretch;padding:0}.help-dialog{width:100%;max-height:100vh;border-radius:0;padding:24px 18px 28px}}@media (prefers-reduced-motion: reduce){.help-overlay,.help-dialog,.help-callout{scroll-behavior:auto}.help-marker.is-highlighted,.help-callout.is-highlighted,.help-callout-index.is-highlighted{animation:none}}.homepage{background-color:#f5f5f5;width:100%;min-height:100%}.homepage .loading,.homepage .error{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1.25rem;color:#666}.homepage .error{color:#c53030}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px;align-items:start}.no-results{text-align:center;padding:60px 24px;color:#666;font-size:1.1rem;grid-column:1 / -1}@media (max-width: 768px){.product-grid{grid-template-columns:1fr;gap:12px;padding:12px}}@media (min-width: 769px) and (max-width: 1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}