/* Additions on top of the original styles.css for the server-rendered version. */
[x-cloak]{display:none!important}
.shop-navigation{position:relative}
.shop-menu a{display:block;width:100%;box-sizing:border-box;padding:12px 16px;text-align:left;font:600 16px/1.4 sans-serif;color:#deded8;text-decoration:none}
.shop-menu a:hover,.shop-menu a:focus-visible{background:#33342e;color:var(--lime)}
.catalog-search input{min-width:0}
.catalog-back-category{text-decoration:none;display:inline-flex;align-items:center}
.technic-item{position:relative}

.flash{position:fixed;z-index:3000;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(560px,calc(100vw - 32px));padding:0;color:#10120f;background:#b8ff72;font:700 15px/1.4 Montserrat,Arial,sans-serif;box-shadow:0 8px 24px #000;cursor:pointer}
.flash:not(:empty){padding:14px 20px}

.admin-bar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:8px 0;color:#b8ff72;font:700 .75rem/1 Montserrat,sans-serif;letter-spacing:.1em}
.admin-login{position:absolute;right:13px;bottom:0;pointer-events:auto;padding:7px 10px;border:1px solid #6f706c;color:#c9cac6;background:#181917;font:600 .7rem/1 Montserrat;text-decoration:none}

.simple-page{padding:24px clamp(16px,4vw,52px) 48px;color:var(--silver)}
.simple-page h2{margin-top:0}
.login-form{display:grid;gap:14px;max-width:360px}
.login-form input{padding:12px;font:inherit;background:#111;color:#eee;border:1px solid #62635d}
.login-error{color:#ff8a7a}

.xlsx-status{display:block;min-height:1em}
.htmx-request .catalog-action,.catalog-action.htmx-request{opacity:.6;pointer-events:none}