.tpmh,.tpmh *{box-sizing:border-box}.tpmh{--tpmh-accent:#6d28d9;font-family:Arial,sans-serif;background:#fff;color:#172033;border:1px solid #ece8f5;border-radius:18px;box-shadow:0 8px 28px #28134a0c;width:100%;text-align:left}.tpmh a{color:inherit;text-decoration:none}.tpmh-top{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.5fr) auto;gap:26px;align-items:center;padding:22px 26px}.tpmh-brand{display:flex;align-items:center;gap:10px;min-width:0}.tpmh-brand strong{font-size:21px;letter-spacing:1px;overflow-wrap:anywhere}.tpmh-brand small{display:block;font-size:11px;color:#738096;margin-top:5px}.tpmh-mark{display:grid;place-items:center;border-radius:13px;width:42px;height:42px;flex-shrink:0;background:linear-gradient(135deg,var(--tpmh-accent),#ab76ff);color:white;font-size:25px;font-weight:800}.tpmh-brand img{width:44px;max-height:48px;object-fit:contain}.tpmh-search{grid-column:2;grid-row:1;display:flex;align-items:center;min-width:0;border:1px solid #e1deeb;border-radius:12px;background:#f8f7fc;overflow:hidden}.tpmh-search input[type=search]{border:0!important;background:transparent!important;box-shadow:none!important;min-width:0;width:100%;padding:14px;font-size:14px;color:#172033;border-radius:0;outline-offset:-3px}.tpmh-search button{display:grid;place-items:center;border:0;border-radius:9px;background:var(--tpmh-accent);color:#fff;min-width:40px;min-height:40px;margin:4px;padding:8px;cursor:pointer}.tpmh-cart{grid-column:3;grid-row:1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;min-height:44px}.tpmh-count{display:grid;place-items:center;background:var(--tpmh-accent);color:#fff;border-radius:50%;min-width:21px;height:21px;font-size:11px}.tpmh-nav{display:flex;align-items:center;gap:26px;padding:12px 26px;border-top:1px solid #f0edf6}.tpmh-categories{position:relative;flex-shrink:0}.tpmh-categories summary{display:flex;gap:9px;align-items:center;cursor:pointer;list-style:none;background:#f1eafb;color:var(--tpmh-accent);font-size:13px;font-weight:700;border-radius:9px;padding:12px}.tpmh-categories summary::-webkit-details-marker{display:none}.tpmh-dropdown{position:absolute;top:calc(100% + 7px);left:0;z-index:1000;background:#fff;border:1px solid #e7e1f1;box-shadow:0 12px 30px #25104920;border-radius:12px;min-width:215px;max-width:80vw;max-height:320px;overflow-y:auto;padding:7px}.tpmh-dropdown a{display:block;padding:12px;border-radius:7px;font-size:14px}.tpmh-dropdown a:hover{background:#f1eafb}.tpmh-links{display:flex;gap:24px;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.tpmh-links a{font-size:13px;font-weight:600;padding:13px 0;flex-shrink:0}.tpmh a:hover{color:var(--tpmh-accent)}.tpmh a:focus-visible,.tpmh summary:focus-visible,.tpmh button:focus-visible{outline:2px solid var(--tpmh-accent);outline-offset:3px}
@media(max-width:767px){.tpmh{border-radius:14px}.tpmh-top{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px}.tpmh-brand strong{font-size:18px}.tpmh-brand small{font-size:10px}.tpmh-cart{grid-column:2;grid-row:1;gap:5px}.tpmh-cart>span{display:none}.tpmh-search{grid-row:2;grid-column:1/-1}.tpmh-nav{padding:10px 12px;gap:15px}.tpmh-categories summary{font-size:11px;padding:11px 8px;gap:5px}.tpmh-links{gap:17px}.tpmh-links a{font-size:12px}.tpmh-mark{width:36px;height:36px;font-size:22px}.tpmh-dropdown{min-width:210px}}

/* Compact hamburger category control */
.tpmh-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}
.tpmh-categories summary{width:40px;height:40px;padding:9px;justify-content:center}
@media(max-width:767px){.tpmh{border-radius:10px}.tpmh-top{padding:10px 12px;gap:8px}.tpmh-brand{gap:7px}.tpmh-brand strong{font-size:16px;letter-spacing:.5px}.tpmh-brand small{display:none}.tpmh-mark{width:30px;height:30px;border-radius:9px;font-size:20px}.tpmh-brand img{width:32px;max-height:32px}.tpmh-cart{min-height:34px}.tpmh-search input[type=search]{padding:9px 11px;font-size:13px}.tpmh-search button{min-width:32px;min-height:32px;padding:5px;margin:3px}.tpmh-search{border-radius:9px}.tpmh-nav{padding:5px 12px;gap:14px}.tpmh-categories summary{width:34px;height:34px;padding:6px;border-radius:7px}.tpmh-links{gap:18px}.tpmh-links a{padding:9px 0;font-size:12px}}

/* Blue and red dimensional finish, v1.2 */
.tpmh{--tpmh-logo-size:44px;background:linear-gradient(120deg,#083d9f 0%,#1256d9 57%,#991a30 100%);color:#fff;border:1px solid #537dde;box-shadow:0 5px 0 #082e75,0 12px 24px #10347738,inset 0 1px 0 #ffffff55}
.tpmh-brand small{color:#e3edff}.tpmh-brand strong{text-shadow:0 2px 2px #09245880}.tpmh-brand img{width:var(--tpmh-logo-size);height:auto;max-height:var(--tpmh-logo-size);flex-shrink:0;object-fit:contain;filter:drop-shadow(0 3px 3px #001d4c55)}
.tpmh-mark{width:var(--tpmh-logo-size);height:var(--tpmh-logo-size);background:linear-gradient(145deg,#ff5b60,#c91830);box-shadow:0 3px 0 #971126,inset 0 1px 0 #ffffff60}
.tpmh-search{background:#fff;border-color:#d8e5ff;box-shadow:inset 0 2px 3px #0d367215,0 3px 0 #052f7b60}.tpmh-search button{background:linear-gradient(#f34955,#ce1731);box-shadow:0 2px 0 #9d1429}
.tpmh-nav{background:linear-gradient(100deg,#062c78cc,#0d46a699,#951c32cc);border-top:1px solid #ffffff30;border-radius:0 0 17px 17px}.tpmh-categories summary{background:linear-gradient(#ff5660,#d71d35);color:#fff;box-shadow:0 3px 0 #8f1426,inset 0 1px 0 #ffffff45}.tpmh-count{background:linear-gradient(#ff5660,#d71d35);box-shadow:0 2px 0 #8f1426}.tpmh-dropdown{color:#172033;border-color:#cbdafa;box-shadow:0 5px 0 #dbe5f8,0 14px 28px #05193f40}.tpmh-dropdown a:hover{background:#eaf1ff;color:#1256d9}.tpmh a:hover{color:#fff}.tpmh-dropdown a:hover{color:#1256d9}.tpmh-links a:hover{text-decoration:underline;text-decoration-color:#ff7880;text-underline-offset:5px}.tpmh a:focus-visible,.tpmh summary:focus-visible,.tpmh button:focus-visible{outline-color:#ffd3d7}
@media(max-width:767px){.tpmh{--tpmh-logo-size:32px}.tpmh-nav{border-radius:0 0 9px 9px}.tpmh-brand img{width:var(--tpmh-logo-size);max-height:var(--tpmh-logo-size)}.tpmh-mark{width:var(--tpmh-logo-size);height:var(--tpmh-logo-size)}}