.fa-loupe-scene{display:grid;place-items:center;grid-template-columns:minmax(0,1fr);position:relative;width:100%;box-sizing:border-box}.fa-loupe-scene *{box-sizing:border-box}
.fa-loupe-refined{height:282px;margin:16px 16px 20px;border-radius:16px;--scene-bg:#f8faf4;--scene-ink:#516639;--rail:#91a875;--rail-deep:#d4dfc6;--crate:#e9c79e;--crate-light:#f4ddbd;--crate-dark:#bd936b;background:var(--scene-bg);border:1px solid #e5ebdc}.fa-loupe-studio{width:min(100%,490px);height:260px;position:relative;padding:65px 23px 0}.fa-loupe-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:end}.fa-loupe-slot{min-width:0;position:relative}.fa-loupe-crate{height:144px;position:relative;display:flex;flex-direction:column;align-items:center;border-radius:5px;background:var(--crate);border:1px solid #ba946c;padding:13px 8px 6px;isolation:isolate;box-shadow:0 8px 9px #34442610}.fa-loupe-tape{position:absolute;top:0;left:calc(50% - 7px);height:12px;width:14px;background:#b791654d}.fa-loupe-logo-label{width:100%;height:39px;flex:0 0 39px;display:grid;place-items:center;overflow:hidden;margin-bottom:9px;border-radius:3px;background:#fffefb}.fa-loupe-logo-label img{display:block;width:100%;height:33px;object-fit:contain;padding:3px}.fa-loupe-barcode-label{width:100%;height:57px;flex:0 0 57px;border-radius:3px;position:relative;overflow:hidden;background:#fffdf8;padding:6px 5px 14px}.fa-loupe-bars{height:100%;width:100%;background:repeating-linear-gradient(90deg,#18231b 0 2px,transparent 2px 4px,#18231b 4px 5px,transparent 5px 8px,#18231b 8px 12px,transparent 12px 14px,#18231b 14px 16px,transparent 16px 20px,#18231b 20px 21px,transparent 21px 24px)}.fa-loupe-code{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1px;color:#304037}.fa-loupe-crate-kind{font-size:7px;letter-spacing:1.3px;color:#5a432c;margin-top:7px;font-weight:700}.fa-loupe-scan-beam{display:none;position:absolute;top:6px;left:4px;right:4px;height:2px;background:#ff2946;box-shadow:0 0 6px 2px #ff244978;z-index:4}.fa-loupe-focus-slot .fa-loupe-scan-beam{display:block}.fa-loupe-scan-beam:before{content:'';position:absolute;left:0;right:0;bottom:2px;height:13px;background:linear-gradient(transparent,#ff294632)}.fa-loupe-animating .fa-loupe-scan-beam{animation:barcodeScan 3.6s linear infinite}.fa-loupe-animating .fa-loupe-crate{animation:settle 3.6s ease-in-out infinite}.fa-loupe-focus-slot .fa-loupe-crate{border-color:#9eaa75}.fa-loupe-crate-side,.fa-loupe-crate-top{display:none;position:absolute;z-index:-1}.fa-loupe-depth .fa-loupe-crate-side{display:block;right:-10px;top:-3px;width:10px;height:100%;background:linear-gradient(90deg,var(--crate-dark),#b28760);transform:skewY(-30deg);border:1px solid #a78159;border-left:0;border-radius:0 2px 2px 0}.fa-loupe-depth .fa-loupe-crate-top{display:block;left:4px;right:-6px;top:-10px;height:10px;background:var(--crate-light);transform:skewX(-45deg);border:1px solid #c5a37a;border-bottom:0;border-radius:3px 3px 0 0}.fa-loupe-depth .fa-loupe-crate{box-shadow:6px 9px 15px #15280f19}.fa-loupe-ceiling{position:absolute;top:21px;left:50%;transform:translateX(-50%);width:80px;height:14px;background:var(--scene-ink);border-radius:5px;box-shadow:0 4px 10px #17250e15}.fa-loupe-ceiling span{position:absolute;left:13px;right:13px;bottom:3px;height:2px;background:#ff324a;box-shadow:0 0 5px #ff324a66}.fa-loupe-scan-brackets{position:absolute;left:calc(50% - 55px);top:51px;width:110px;height:163px;border-top:1px solid var(--rail);border-bottom:1px solid var(--rail);opacity:.4;border-radius:6px}.fa-loupe-rollers{height:15px;position:relative;margin:12px -9px 0;border:3px solid var(--rail-deep);border-radius:20px;background:repeating-linear-gradient(90deg,var(--rail) 0 15px,var(--rail-deep) 15px 18px);background-size:36px 100%;box-shadow:0 6px 14px #1129160c}.fa-loupe-animating .fa-loupe-rollers{animation:roll 3.6s linear infinite}.fa-loupe-scan-caption{margin-top:13px;display:flex;justify-content:center;gap:7px;align-items:center;color:var(--scene-ink);font-size:10px}.fa-loupe-scan-led{width:5px;height:5px;background:#789931;border-radius:50%;box-shadow:0 0 0 3px #7899311a}.fa-loupe-theme1{--scene-bg:#eff3e1;--scene-ink:#586d2e;--rail:#789931;--rail-deep:#cad9ab;background:radial-gradient(ellipse at 50% 10%,#fffdf4,transparent 70%),var(--scene-bg)}.fa-loupe-theme2{--scene-bg:#242a27;--scene-ink:#d5e1bb;--rail:#66784a;--rail-deep:#3a4434;--crate:#dfc29d;--crate-light:#f0dbba;--crate-dark:#9f825f;border-color:#323c32;background:radial-gradient(ellipse at 50% 35%,#5660445c,transparent 72%),var(--scene-bg)}.fa-loupe-theme2 .fa-loupe-ceiling{background:#a8b785}.fa-loupe-theme2 .fa-loupe-scan-brackets{border-color:#bfcb8b}.fa-loupe-theme2 .fa-loupe-crate{box-shadow:0 15px 20px #0004}.fa-loupe-theme3{--scene-bg:#fff;--scene-ink:#6b7f48;--rail:#94a77b;--rail-deep:#e5ebdd;--crate:#f0e5d3;--crate-light:#f9f4e9;--crate-dark:#c6b695;border-color:#eff1eb}.fa-loupe-theme3 .fa-loupe-crate{border-color:#d4c4aa;box-shadow:none}.fa-loupe-theme3 .fa-loupe-ceiling{display:none}.fa-loupe-theme3 .fa-loupe-scan-brackets{border-color:#cdd9b8}.fa-loupe-theme4{--scene-bg:#153a2a;--scene-ink:#d2e2b4;--rail:#789931;--rail-deep:#335734;--crate:#ead7b6;--crate-light:#f6e9d2;--crate-dark:#a58963;border-color:#234734;background:radial-gradient(ellipse at 50% 0,#6b853436,transparent 75%),var(--scene-bg)}.fa-loupe-theme4 .fa-loupe-scan-led{background:#ffdf00}.fa-loupe-theme4 .fa-loupe-ceiling{background:#9da969}.fa-loupe-theme4 .fa-loupe-crate{border-color:#bdaa83}.fa-loupe-theme4 .fa-loupe-scan-brackets{border-color:#cad982}
.fa-loupe-static .fa-loupe-scan-beam{top:23px}.fa-loupe-paused .fa-loupe-scene *:before,.fa-loupe-paused .fa-loupe-scene *:after{animation-play-state:paused!important}.fa-loupe-mobile .fa-loupe-refined{height:254px;margin-left:10px;margin-right:10px}.fa-loupe-mobile .fa-loupe-studio{height:238px;padding:61px 15px 0}.fa-loupe-mobile .fa-loupe-trio{gap:14px}.fa-loupe-mobile .fa-loupe-crate{height:129px;padding:11px 5px 5px}.fa-loupe-mobile .fa-loupe-logo-label{height:33px;flex-basis:33px;margin-bottom:7px}.fa-loupe-mobile .fa-loupe-logo-label img{height:28px}.fa-loupe-mobile .fa-loupe-barcode-label{height:52px;flex-basis:52px;padding-left:3px;padding-right:3px}.fa-loupe-mobile .fa-loupe-scan-caption{font-size:9px}.fa-loupe-mobile .fa-loupe-scan-brackets{width:80px;left:calc(50% - 40px);height:148px}.fa-loupe-mobile .fa-loupe-crate-kind{font-size:6px;letter-spacing:.8px}
@keyframes barcodeScan{0%,5%{top:6px;opacity:0}12%{opacity:1}70%{top:calc(100% - 16px);opacity:1}76%,100%{top:calc(100% - 16px);opacity:0}}@keyframes settle{0%,80%{transform:translateX(0);opacity:1}90%{transform:translateX(-6px);opacity:.85}100%{transform:translateX(0);opacity:1}}@keyframes roll{0%,78%{background-position:0}100%{background-position:-36px}}
@media(max-width:760px){.fa-loupe-refined{height:254px;margin-left:10px;margin-right:10px}.fa-loupe-studio{height:238px;padding:61px 15px 0}.fa-loupe-trio{gap:14px}.fa-loupe-crate{height:129px;padding:11px 5px 5px}.fa-loupe-logo-label{height:33px;flex-basis:33px;margin-bottom:7px}.fa-loupe-logo-label img{height:28px}.fa-loupe-barcode-label{height:52px;flex-basis:52px;padding-left:3px;padding-right:3px}.fa-loupe-scan-caption{font-size:9px}.fa-loupe-scan-brackets{width:80px;left:calc(50% - 40px);height:148px}.fa-loupe-crate-kind{font-size:6px;letter-spacing:.8px}.fa-loupe-depth .fa-loupe-crate-side{right:-7px;width:7px}.fa-loupe-depth .fa-loupe-crate-top{right:-3px}.fa-loupe-intro h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.fa-loupe-scan-beam{top:23px}}

/* Виразні грані та реальна заміна трьох коробок. */
.fa-loupe-refined{height:300px;overflow:hidden}.fa-loupe-studio{width:min(100%,590px);height:278px;padding:52px 34px 0}.fa-loupe-trio{--box-gap:34px;gap:var(--box-gap);position:relative}.fa-loupe-slot{will-change:transform,opacity}.fa-loupe-crate{height:154px;border-radius:3px;background:linear-gradient(105deg,var(--crate-light),var(--crate) 22%,var(--crate) 80%,#d1aa8066);padding:15px 10px 8px;border-color:#c5a07a;isolation:auto}.fa-loupe-animating .fa-loupe-crate{animation:none}.fa-loupe-animating .fa-loupe-scan-beam{animation:none}.fa-loupe-crate-top,.fa-loupe-crate-side{z-index:0;pointer-events:none}.fa-loupe-depth .fa-loupe-crate-side{width:25px;right:-25px;top:-12px;height:100%;transform:skewY(-43deg);background:linear-gradient(100deg,#b9946e,var(--crate-dark));border-color:#a17d54;border-radius:0 2px 3px 0;box-shadow:inset 3px 0 7px #6e4d2421}.fa-loupe-depth .fa-loupe-crate-top{height:24px;top:-24px;left:12px;right:-13px;transform:skewX(-46deg);background:linear-gradient(180deg,#f8e7cc,var(--crate-light));border-color:#d4b38c;border-radius:2px 3px 0 0}.fa-loupe-crate-top:after{content:'';position:absolute;left:calc(50% - 8px);width:16px;top:0;bottom:0;background:#b996694d;border-left:1px solid #ad8c6526;border-right:1px solid #ad8c6526}.fa-loupe-depth .fa-loupe-crate{box-shadow:12px 20px 19px -9px #15280f32}.fa-loupe-logo-label,.fa-loupe-barcode-label,.fa-loupe-tape,.fa-loupe-crate-kind{z-index:1}.fa-loupe-tape{height:13px;width:16px;left:calc(50% - 8px)}.fa-loupe-logo-label{height:42px;flex-basis:42px;margin-bottom:10px;box-shadow:0 1px 2px #88643b12}.fa-loupe-logo-label img{height:36px}.fa-loupe-barcode-label{height:58px;flex-basis:58px}.fa-loupe-crate-kind{font-size:8px;letter-spacing:1.1px}.fa-loupe-scan-caption{margin-top:34px;font-size:11px}.fa-loupe-focus-slot .fa-loupe-crate{border-color:#c5a07a}.fa-loupe-theme2 .fa-loupe-depth .fa-loupe-crate{box-shadow:14px 20px 18px #0004}.fa-loupe-static .fa-loupe-slot{transform:none!important;opacity:1!important}.fa-loupe-static .fa-loupe-scan-beam{top:45%!important}
.fa-loupe-mobile .fa-loupe-refined{height:235px}.fa-loupe-mobile .fa-loupe-studio{width:100%;height:220px;padding:36px 14px 0}.fa-loupe-mobile .fa-loupe-trio{--box-gap:19px;gap:var(--box-gap)}.fa-loupe-mobile .fa-loupe-crate{height:113px;padding:10px 4px 5px}.fa-loupe-mobile .fa-loupe-depth .fa-loupe-crate-side{width:14px;right:-14px;top:-7px}.fa-loupe-mobile .fa-loupe-depth .fa-loupe-crate-top{height:14px;top:-14px;left:7px;right:-7px}.fa-loupe-mobile .fa-loupe-logo-label{height:31px;flex-basis:31px;margin-bottom:7px}.fa-loupe-mobile .fa-loupe-logo-label img{height:26px}.fa-loupe-mobile .fa-loupe-barcode-label{height:43px;flex-basis:43px;padding-bottom:12px}.fa-loupe-mobile .fa-loupe-crate-kind{font-size:6px;margin-top:5px;letter-spacing:.5px}.fa-loupe-mobile .fa-loupe-code{font-size:6px;letter-spacing:.3px}.fa-loupe-mobile .fa-loupe-scan-caption{margin-top:28px;font-size:10px}
@media(max-width:760px){.fa-loupe-refined{height:235px}.fa-loupe-studio{width:100%;height:220px;padding:36px 14px 0}.fa-loupe-trio{--box-gap:19px;gap:var(--box-gap)}.fa-loupe-crate{height:113px;padding:10px 4px 5px}.fa-loupe-depth .fa-loupe-crate-side{width:14px;right:-14px;top:-7px}.fa-loupe-depth .fa-loupe-crate-top{height:14px;top:-14px;left:7px;right:-7px}.fa-loupe-logo-label{height:31px;flex-basis:31px;margin-bottom:7px}.fa-loupe-logo-label img{height:26px}.fa-loupe-barcode-label{height:43px;flex-basis:43px;padding-bottom:12px}.fa-loupe-crate-kind{font-size:6px;margin-top:5px;letter-spacing:.5px}.fa-loupe-code{font-size:6px;letter-spacing:.3px}.fa-loupe-scan-caption{margin-top:28px;font-size:10px}}

.fa-loupe-magnifier{position:absolute;width:80px;height:80px;z-index:10;pointer-events:none;will-change:left,top;filter:drop-shadow(0 6px 8px #17322025)}.fa-loupe-glass{position:absolute;inset:0;border:4px solid #617e29;border-radius:50%;overflow:hidden;background:#fffdf5;box-shadow:inset 0 0 0 2px #d4e3b0,0 0 0 1px #364c20}.fa-loupe-lens-world{position:absolute;background:#fffdf6}.fa-loupe-lens-world img{position:absolute;object-fit:contain;padding:5px}.fa-loupe-glass-shine{position:absolute;inset:0;border-radius:50%;background:linear-gradient(130deg,#ffffff85 0%,#ffffff00 36%,#ffffff00 65%,#ddecfa22 100%);box-shadow:inset 3px 3px 6px #ffffff65,inset -3px -3px 8px #6e825520}.fa-loupe-loupe-handle{position:absolute;left:66px;top:65px;width:15px;height:47px;background:linear-gradient(90deg,#496324,#789931 45%,#496324);border-radius:4px 4px 8px 8px;transform:rotate(-38deg);transform-origin:50% 0;box-shadow:2px 2px 3px #142d1926}.fa-loupe-loupe-handle:after{content:'';position:absolute;left:0;right:0;top:5px;height:5px;background:#ffdf00}.fa-loupe-theme2 .fa-loupe-glass,.fa-loupe-theme4 .fa-loupe-glass{border-color:#9db954;box-shadow:inset 0 0 0 2px #e4edcf,0 0 0 1px #d5e1b866}.fa-loupe-theme2 .fa-loupe-loupe-handle,.fa-loupe-theme4 .fa-loupe-loupe-handle{background:linear-gradient(90deg,#6c8836,#acc467,#6c8836)}.fa-loupe-refined .fa-loupe-barcode-label{opacity:.7}.fa-loupe-refined .fa-loupe-logo-label{box-shadow:0 2px 4px #714c2120}.fa-loupe-mobile .fa-loupe-magnifier{width:61px;height:61px}.fa-loupe-mobile .fa-loupe-glass{border-width:3px}.fa-loupe-mobile .fa-loupe-loupe-handle{left:50px;top:49px;width:12px;height:34px}
@media(max-width:760px){.fa-loupe-magnifier{width:61px;height:61px}.fa-loupe-glass{border-width:3px}.fa-loupe-loupe-handle{left:50px;top:49px;width:12px;height:34px}}

/* Коробка та скло лупи однакової висоти; великий номер замість штрихкоду. */
.fa-loupe-refined,.fa-loupe-mobile .fa-loupe-refined{height:223px}.fa-loupe-studio,.fa-loupe-mobile .fa-loupe-studio{height:207px;padding-top:40px}.fa-loupe-crate,.fa-loupe-mobile .fa-loupe-crate{height:80px;padding:7px 7px 5px;justify-content:space-between}.fa-loupe-logo-label,.fa-loupe-mobile .fa-loupe-logo-label{height:38px;flex-basis:38px;margin:0;background:#fffefb}.fa-loupe-logo-label img,.fa-loupe-mobile .fa-loupe-logo-label img{height:34px;padding:3px}.fa-loupe-part-number{width:100%;text-align:center;font-size:17px;font-weight:800;line-height:1.15;letter-spacing:.1px;color:#443622;font-variant-numeric:tabular-nums;white-space:nowrap;position:relative;z-index:1;padding:3px 0}.fa-loupe-crate-kind{display:none}.fa-loupe-tape{height:7px}.fa-loupe-depth .fa-loupe-crate-top{height:17px;top:-17px;left:8px;right:-9px}.fa-loupe-depth .fa-loupe-crate-side{width:18px;right:-18px;top:-8px}.fa-loupe-scan-caption,.fa-loupe-mobile .fa-loupe-scan-caption{margin-top:31px}.fa-loupe-loupe-handle{left:calc(50% - 7px);top:calc(50% - 2px);width:14px;height:75px;transform:rotate(-43deg);transform-origin:50% 2px;border-radius:6px;z-index:-1;background:linear-gradient(90deg,#486123,#789931 50%,#486123)}.fa-loupe-loupe-handle:after{top:47px;height:5px}.fa-loupe-glass{z-index:1}.fa-loupe-mobile .fa-loupe-loupe-handle{left:calc(50% - 6px);top:calc(50% - 2px);width:12px;height:59px}.fa-loupe-mobile .fa-loupe-loupe-handle:after{top:36px}.fa-loupe-mobile .fa-loupe-crate{height:61px;padding:5px 3px 4px}.fa-loupe-mobile .fa-loupe-logo-label{height:28px;flex-basis:28px}.fa-loupe-mobile .fa-loupe-logo-label img{height:25px;padding:2px}.fa-loupe-mobile .fa-loupe-part-number{font-size:clamp(9px,3.1vw,12px);padding:2px 0}.fa-loupe-mobile .fa-loupe-depth .fa-loupe-crate-side{width:12px;right:-12px;top:-6px}.fa-loupe-mobile .fa-loupe-depth .fa-loupe-crate-top{height:12px;top:-12px;left:6px;right:-6px}
@media(max-width:760px){.fa-loupe-refined{height:223px}.fa-loupe-studio{height:207px;padding-top:40px}.fa-loupe-crate{height:61px;padding:5px 3px 4px}.fa-loupe-logo-label{height:28px;flex-basis:28px}.fa-loupe-logo-label img{height:25px;padding:2px}.fa-loupe-part-number{font-size:clamp(9px,3.1vw,12px);padding:2px 0}.fa-loupe-depth .fa-loupe-crate-side{width:12px;right:-12px;top:-6px}.fa-loupe-depth .fa-loupe-crate-top{height:12px;top:-12px;left:6px;right:-6px}.fa-loupe-loupe-handle{left:calc(50% - 6px);top:calc(50% - 2px);width:12px;height:59px}.fa-loupe-loupe-handle:after{top:36px}}
/* Більші логотипи: максимум площі етикетки, номер збережено. */
.fa-loupe-logo-label{height:48px;flex-basis:48px;overflow:hidden;background:#fff}.fa-loupe-logo-label img{height:48px;width:100%;padding:0;object-fit:contain;transform:none}.fa-loupe-lens-world img{padding:0}.fa-loupe-part-number{font-size:16px;padding:1px 0}.fa-loupe-crate{padding-top:3px;padding-bottom:3px}.fa-loupe-mobile .fa-loupe-logo-label{height:37px;flex-basis:37px}.fa-loupe-mobile .fa-loupe-logo-label img{height:37px;padding:0;transform:none}.fa-loupe-mobile .fa-loupe-crate{padding-top:2px;padding-bottom:2px}.fa-loupe-mobile .fa-loupe-part-number{padding:0;font-size:clamp(9px,3.1vw,12px)}
@media(max-width:760px){.fa-loupe-logo-label{height:37px;flex-basis:37px}.fa-loupe-logo-label img{height:37px;padding:0;transform:none}.fa-loupe-crate{padding-top:2px;padding-bottom:2px}.fa-loupe-part-number{padding:0;font-size:clamp(9px,3.1vw,12px)}}
/* Ширина передньої грані відповідає номеру з невеликими полями. */
.fa-loupe-studio{width:min(100%,414px);padding-left:20px;padding-right:20px}.fa-loupe-trio{--box-gap:27px;grid-template-columns:repeat(3,minmax(0,1fr))}.fa-loupe-part-number{font-size:14px;letter-spacing:0}.fa-loupe-crate{padding-left:5px;padding-right:5px}.fa-loupe-mobile .fa-loupe-studio{width:min(100%,330px);padding-left:13px;padding-right:13px}.fa-loupe-mobile .fa-loupe-trio{--box-gap:17px}.fa-loupe-mobile .fa-loupe-part-number{font-size:clamp(9px,3vw,11px);letter-spacing:0}
@media(max-width:760px){.fa-loupe-studio{width:min(100%,330px);padding-left:13px;padding-right:13px}.fa-loupe-trio{--box-gap:17px}.fa-loupe-part-number{font-size:clamp(9px,3vw,11px);letter-spacing:0}.fa-loupe-crate{padding-left:4px;padding-right:4px}}
/* Білі коробки в усіх варіантах фону. */
.fa-loupe-refined{--crate:#ffffff;--crate-light:#ffffff;--crate-dark:#dce2e4}.fa-loupe-refined .fa-loupe-crate{background:linear-gradient(105deg,#ffffff 0%,#ffffff 75%,#f2f4f5 100%);border-color:#d4dade}.fa-loupe-refined.fa-loupe-depth .fa-loupe-crate-side{background:linear-gradient(100deg,#e6ebed,#cfd7db);border-color:#bdc8ce;box-shadow:inset 3px 0 7px #52657012}.fa-loupe-refined.fa-loupe-depth .fa-loupe-crate-top{background:linear-gradient(180deg,#ffffff,#f1f4f5);border-color:#d4dde1}.fa-loupe-refined .fa-loupe-crate-top:after,.fa-loupe-refined .fa-loupe-tape{background:#e3e8eaaa;border-color:#d3dbe0}.fa-loupe-refined .fa-loupe-logo-label{background:#ffffff;box-shadow:none}.fa-loupe-refined .fa-loupe-part-number{color:#26382e}.fa-loupe-refined .fa-loupe-focus-slot .fa-loupe-crate{border-color:#d4dade}
/* Логотип як друк на коробці, без окремої прямокутної етикетки. */
.fa-loupe-refined .fa-loupe-logo-label{background:transparent;border:0;border-radius:0;box-shadow:none}.fa-loupe-refined .fa-loupe-logo-label img{mix-blend-mode:multiply}.fa-loupe-lens-world{background:linear-gradient(105deg,#ffffff,#f5f7f8)}.fa-loupe-lens-world img{mix-blend-mode:multiply}
/* Жовто-пісочний картон; білий у логотипах зливається з основою. */
.fa-loupe-refined{--crate:#e9c878;--crate-light:#f4dda0;--crate-dark:#bfa055}.fa-loupe-refined .fa-loupe-crate{background:linear-gradient(105deg,#f3dca0 0%,#e9cb83 25%,#e5c477 80%,#d9b86a 100%);border-color:#c3a05a}.fa-loupe-refined.fa-loupe-depth .fa-loupe-crate-side{background:linear-gradient(100deg,#c8a45d,#ae8c49);border-color:#a38446;box-shadow:inset 3px 0 7px #79541c18}.fa-loupe-refined.fa-loupe-depth .fa-loupe-crate-top{background:linear-gradient(180deg,#f7e5b4,#ecd18e);border-color:#d4b775}.fa-loupe-refined .fa-loupe-crate-top:after,.fa-loupe-refined .fa-loupe-tape{background:#bc995345;border-color:#b4924926}.fa-loupe-refined .fa-loupe-logo-label{background:transparent}.fa-loupe-refined .fa-loupe-logo-label img{mix-blend-mode:multiply}.fa-loupe-refined .fa-loupe-part-number{color:#493817}.fa-loupe-refined .fa-loupe-focus-slot .fa-loupe-crate{border-color:#c3a05a}.fa-loupe-lens-world{background:linear-gradient(105deg,#f3dca0,#e9cb83 35%,#e5c477)}.fa-loupe-lens-world img{mix-blend-mode:multiply}
/* Рівні поля номера: ширину передньої грані визначає текст плюс два поля. */
.fa-loupe-trio{grid-template-columns:repeat(3,max-content);justify-content:center}.fa-loupe-slot{width:max-content}.fa-loupe-refined .fa-loupe-crate{--number-gap:7px;width:max-content;padding:3px var(--number-gap) var(--number-gap);align-items:stretch}.fa-loupe-refined .fa-loupe-part-number{width:auto;font-size:16px;line-height:1;letter-spacing:0;padding:0;margin:0;align-self:center}.fa-loupe-refined .fa-loupe-logo-label{width:0;min-width:100%;align-self:stretch}.fa-loupe-refined .fa-loupe-logo-label img{width:100%}.fa-loupe-mobile .fa-loupe-refined .fa-loupe-crate{--number-gap:5px;padding:2px var(--number-gap) var(--number-gap)}.fa-loupe-mobile .fa-loupe-refined .fa-loupe-part-number{font-size:11px;line-height:1;padding:0}
@media(max-width:760px){.fa-loupe-refined .fa-loupe-crate{--number-gap:5px;padding:2px var(--number-gap) var(--number-gap)}.fa-loupe-refined .fa-loupe-part-number{font-size:11px;line-height:1;padding:0}}
.fa-loupe-refined .fa-loupe-part-number{font-weight:700}
.fa-loupe-refined .fa-loupe-part-number{color:#1b4c29}

.fa-search-animation{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:18px;margin-bottom:18px;border:1px solid #e3ead7;border-radius:12px;background:#fbfcf8;color:#174e33}
.fa-search-animation[hidden]{display:none!important}
.fa-search-animation .fa-loupe-scene{flex:0 0 100%;margin:0;height:205px;transition:height .35s,opacity .35s}
.fa-search-copy{flex:1;min-width:0}.fa-search-animation h3{font-size:20px;line-height:1.35;margin:0 0 6px;color:#174e33}.fa-search-status{font-size:14px;line-height:1.5;margin:0 0 5px}.fa-search-note{font-size:12px;line-height:1.5;color:#66705e;margin:0}.fa-search-eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:6px;color:#789931}
.fa-search-animation.is-compact .fa-loupe-scene{height:0;opacity:0;border:0}.fa-search-animation.is-compact{row-gap:0}.fa-search-animation.is-incomplete h3{color:#756126}
.fa-search-results-updating{opacity:.55}.fa-search-results-revealed{animation:fa-results-reveal .4s ease}@keyframes fa-results-reveal{from{opacity:.5}to{opacity:1}}
#faina-lookup-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}#faina-lookup-controls>div{margin:0!important}#faina-lookup-controls [role=status]{display:none}
.fa-loupe-refined .fa-loupe-crate{width:100%;min-width:0}.fa-loupe-trio{grid-template-columns:repeat(3,minmax(0,1fr))}.fa-loupe-slot{width:auto;min-width:0}.fa-loupe-refined .fa-loupe-part-number{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:14px}.fa-loupe-refined .fa-loupe-logo-label{width:100%;min-width:0}
@media(max-width:760px){.fa-search-animation{padding:12px}.fa-search-animation h3{font-size:17px}.fa-search-animation .fa-loupe-scene{height:190px}.fa-loupe-refined .fa-loupe-part-number{font-size:11px}}
@media(prefers-reduced-motion:reduce){.fa-search-animation *{transition:none!important;animation:none!important}}

#faina-additional-search{flex-wrap:wrap}#faina-additional-search .fa-search-loupe{flex:0 0 100%;width:100%;min-width:0}#faina-additional-search .fa-search-loupe[hidden]{display:none!important}#faina-additional-search .fa-loupe-scene{margin:0;height:205px}#faina-additional-search .fa-loupe-studio{max-width:100%}

/* Compact search: illustration, live status, and catalogue action in one row. */
#product-part-lookup #faina-additional-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:12px 16px;align-items:center}
#product-part-lookup #faina-additional-search.is-searching{grid-template-columns:330px minmax(0,1fr) 190px}
#product-part-lookup #faina-additional-search .fa-search-loupe{width:100%;min-width:0}
#product-part-lookup #faina-additional-search .fa-loupe-scene{height:154px;border-radius:10px}
#product-part-lookup #faina-additional-search .fa-loupe-studio{width:100%;height:154px;padding:32px 18px 0}
#product-part-lookup #faina-additional-search .fa-loupe-trio{--box-gap:22px}
#product-part-lookup #faina-additional-search .fa-loupe-scan-caption{margin-top:24px}
#product-part-lookup #faina-additional-search .fa-loupe-part-number{font-size:12px}
#product-part-lookup #faina-additional-search .panel-body{padding:0;min-width:0}
#product-part-lookup #faina-additional-search .jd-scheme-action{max-width:100%;margin:0}
#product-part-lookup #faina-additional-search .jd-scheme-button{font-size:14px;padding:10px 12px;line-height:1.4}
#product-part-lookup #faina-additional-search .fa-unified-title{font-size:18px;margin-bottom:5px}
#product-part-lookup #faina-additional-search [data-progress]{font-size:14px;line-height:1.4}
#product-part-lookup #faina-additional-search .fa-brand-caption{font-size:9px;letter-spacing:1px;margin-bottom:4px}
#product-part-lookup #faina-additional-search .fa-search-chips{margin:6px 0;gap:5px}
#product-part-lookup #faina-additional-search .fa-search-chips span{padding:2px 8px;font-size:11px}
#product-part-lookup #faina-additional-search .fa-search-detail{font-size:12px;line-height:1.4;margin:4px 0}
@media(min-width:641px) and (max-width:1050px){
 #product-part-lookup #faina-additional-search.is-searching{grid-template-columns:290px minmax(0,1fr);gap:8px 14px}
 #product-part-lookup #faina-additional-search.is-searching .fa-search-loupe{grid-row:1 / span 2}
 #product-part-lookup #faina-additional-search.is-searching .jd-scheme-action{grid-column:2}
 #product-part-lookup #faina-additional-search .jd-scheme-button{width:auto}
}
@media(max-width:640px){
 #product-part-lookup #faina-additional-search,#product-part-lookup #faina-additional-search.is-searching{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}
 #product-part-lookup #faina-additional-search .fa-loupe-scene{height:143px}
 #product-part-lookup #faina-additional-search .fa-loupe-studio{width:min(100%,330px);height:143px;padding-top:29px}
 #product-part-lookup #faina-additional-search .fa-loupe-part-number{font-size:11px}
 #product-part-lookup #faina-additional-search .jd-scheme-button{width:100%}
}
/* Batch lookup: same compact illustration/status row as individual lookup. */
.fleet-procurement .fleet-check-progress:has(.fa-search-loupe:not([hidden])){display:grid;grid-template-columns:330px minmax(0,1fr);grid-template-rows:1fr auto 1fr;gap:10px 20px;align-items:center;margin:12px 18px;padding:12px 16px;border:1px solid #bdd393;border-radius:12px;background:linear-gradient(110deg,#f1f6e8,#fbfcf8);min-width:0}
.fleet-procurement .fleet-check-progress:has(.fa-search-loupe:not([hidden]))>div:first-child{grid-column:1;grid-row:1/4;min-width:0}
.fleet-procurement .fleet-check-progress:has(.fa-search-loupe:not([hidden])) .fleet-check-heading{grid-column:2;grid-row:1/3;align-self:end;margin:0;min-width:0}
.fleet-procurement .fleet-check-progress:has(.fa-search-loupe:not([hidden])) .fleet-check-heading>img{display:none}
.fleet-procurement .fleet-check-progress:has(.fa-search-loupe:not([hidden])) .fleet-check-track{grid-column:2;grid-row:3;align-self:start;width:100%;margin-top:2px}
.fleet-procurement .fleet-check-progress .fa-search-loupe{width:100%;min-width:0}
.fleet-procurement .fleet-check-progress .fa-loupe-scene{height:154px;margin:0;border-radius:10px}
.fleet-procurement .fleet-check-progress .fa-loupe-studio{width:100%;height:154px;padding:32px 18px 0}
.fleet-procurement .fleet-check-progress .fa-loupe-trio{--box-gap:22px}
.fleet-procurement .fleet-check-progress .fa-loupe-scan-caption{margin-top:24px}
.fleet-procurement .fleet-check-progress .fa-loupe-part-number{font-size:12px}
.fleet-procurement .fleet-check-progress .fa-loupe-logo-label img{animation:none}
@media(min-width:641px) and (max-width:1050px){.fleet-procurement .fleet-check-progress:has(.fa-search-loupe:not([hidden])){grid-template-columns:290px minmax(0,1fr);gap:10px 14px}}
@media(max-width:640px){
 .fleet-procurement .fleet-check-progress:has(.fa-search-loupe:not([hidden])){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:8px;margin:8px;padding:10px}
 .fleet-procurement .fleet-check-progress:has(.fa-search-loupe:not([hidden]))>div:first-child{grid-column:1;grid-row:1}
 .fleet-procurement .fleet-check-progress:has(.fa-search-loupe:not([hidden])) .fleet-check-heading{grid-column:1;grid-row:2}
 .fleet-procurement .fleet-check-progress:has(.fa-search-loupe:not([hidden])) .fleet-check-track{grid-column:1;grid-row:3}
 .fleet-procurement .fleet-check-progress .fa-loupe-scene{height:143px}
 .fleet-procurement .fleet-check-progress .fa-loupe-studio{width:min(100%,330px);height:143px;padding-top:29px}
 .fleet-procurement .fleet-check-progress .fa-loupe-part-number{font-size:11px}
}

/* Keep the compact grid when manual refresh sets an inline display value. */
#product-part-lookup #faina-additional-search:not([hidden]){display:grid!important}