/* Adjust these two variables if the live theme uses a different accent. */
.trotec-hf{--thf-accent:#f7cd28;--thf-dark:#191919;box-sizing:border-box;margin:0 0 26px;padding:22px;max-width:760px;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.05);font:inherit;color:#202020}
.trotec-hf *{box-sizing:border-box}.trotec-hf__head{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--thf-accent);padding-bottom:12px;margin-bottom:18px;font-size:20px}
.trotec-hf__head span{font-size:26px}.trotec-hf__section{margin:0 0 18px}.trotec-hf__section>label,.trotec-hf__label{display:block;font-weight:700;margin-bottom:9px}
.trotec-hf select,.trotec-hf input[type=number]{width:100%;background:#fff;color:#222;border:1px solid #d4d4d4;border-radius:6px;min-height:43px;padding:8px 12px}
.trotec-hf__ranges{display:flex;gap:14px}.trotec-hf__ranges>label{flex:1;color:#555;font-size:13px}.trotec-hf__sliders{display:flex;gap:10px;margin:15px 0 0}.trotec-hf input[type=range]{width:50%;accent-color:var(--thf-dark);cursor:pointer}.trotec-hf input[type=checkbox]{accent-color:var(--thf-dark);width:18px;height:18px}
.trotec-hf__check{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:20px}.trotec-hf__actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.trotec-hf__actions button{background:var(--thf-accent);color:var(--thf-dark);border:0;padding:12px 24px;border-radius:6px;font-size:15px;font-weight:800;cursor:pointer;min-height:46px}.trotec-hf__actions button:hover{filter:brightness(.94)}.trotec-hf__actions a{color:#333;text-decoration:underline}
@media(max-width:550px){.trotec-hf{padding:16px}.trotec-hf__ranges{gap:8px}.trotec-hf__head{font-size:18px}}

/* Narrow shop sidebar layout */
.trotec-hf{max-width:100%;width:100%;padding:16px;margin:0 0 22px;box-shadow:none;border-radius:3px}
.trotec-hf__head{font-size:17px;line-height:1.3;margin-bottom:14px}
.trotec-hf__ranges{gap:8px}
.trotec-hf__ranges>label{min-width:0}
.trotec-hf select,.trotec-hf input[type=number]{padding:8px;min-width:0}
.trotec-hf__sliders{gap:5px}
.trotec-hf__actions{gap:10px}
.trotec-hf__actions button{width:100%;padding:11px 8px}
.trotec-hf__hint{font-size:11px;line-height:1.5;color:#767676;margin:12px 0 0}