/* HUEMAN index quick add */
.quick-add{margin-top:18px;width:min(100%,300px)}
.quick-add-trigger{width:100%;height:50px;border:1px solid #0a0a0a;border-radius:999px;background:#0a0a0a;color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;font:800 11px/1 "DM Sans",sans-serif;letter-spacing:.09em;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}
.quick-add-trigger:hover{background:#d8ff45;color:#111;transform:translateY(-1px)}
.quick-add-trigger strong{font-size:19px;font-weight:500;line-height:1;transition:transform .25s ease}
.quick-add.is-open .quick-add-trigger strong{transform:rotate(45deg)}
.quick-add-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s cubic-bezier(.22,.8,.22,1),opacity .2s ease}
.quick-add.is-open .quick-add-panel{grid-template-rows:1fr;opacity:1}
.quick-add-panel-inner{overflow:hidden}
.quick-add-label{padding:12px 2px 8px;color:#726f68;font:800 9px/1 "DM Sans",sans-serif;letter-spacing:.13em}
.quick-add-sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.quick-add-size{height:40px;border:1px solid #d5d1c9;background:#fff;color:#111;font:800 10px "DM Sans",sans-serif;cursor:pointer;transition:.18s ease}
.quick-add-size:hover,.quick-add-size:active{background:#d8ff45;border-color:#111;transform:translateY(-1px)}
@media(max-width:680px){
  .quick-add{width:100%;max-width:none;margin-top:16px}
  .quick-add-trigger{height:52px;font-size:12px;padding:0 20px}
  .quick-add-size{height:44px;font-size:11px}
}