.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}}

/* v1.2: Two equal colour areas separated by a diagonal through the centre. */
.tpmh{--tpmh-left:#e31b36;--tpmh-right:#075ce5;--tpmh-text:#fff;background:linear-gradient(120deg,var(--tpmh-left) 50%,var(--tpmh-right) 50%);color:var(--tpmh-text);border:1px solid #ffffff55;box-shadow:0 5px 0 #10285c22,0 12px 28px #15285133}
.tpmh-top{padding:14px 20px;gap:18px}
.tpmh-brand small{color:var(--tpmh-text);opacity:.9}
.tpmh-brand img{width:var(--tpmh-logo-width,52px);max-height:var(--tpmh-logo-width,52px);flex-shrink:0;object-fit:contain;filter:drop-shadow(0 3px 3px #0003)}
.tpmh-mark{background:linear-gradient(145deg,#ffffff,#e6eafa);color:var(--tpmh-left);box-shadow:0 3px 7px #0003}
.tpmh-search{background:#fff;border-color:#ffffff99;box-shadow:0 3px 9px #0002}
.tpmh-search input[type=search]{padding:10px 12px}
.tpmh-search button{min-height:34px;min-width:34px}
.tpmh-nav{padding:6px 20px;border-color:#ffffff44;gap:20px}
.tpmh-categories summary{background:#fff;color:var(--tpmh-accent);box-shadow:0 3px 7px #0003}
.tpmh-dropdown{color:#172033;border-color:#e4e7ef;box-shadow:0 12px 28px #0003}
.tpmh-dropdown a:hover{color:var(--tpmh-accent);background:#eff3fa}
.tpmh-links a{padding:10px 0}
.tpmh .tpmh-brand:hover,.tpmh .tpmh-cart:hover,.tpmh .tpmh-links a:hover{color:var(--tpmh-text);text-shadow:0 2px 4px #0004}
.tpmh-links a:hover{text-decoration:underline;text-underline-offset:4px}
.tpmh a:focus-visible,.tpmh summary:focus-visible,.tpmh button:focus-visible{outline-color:var(--tpmh-text)}
.tpmh-dropdown a:focus-visible{outline-color:var(--tpmh-accent)}
@media(max-width:767px){.tpmh-top{padding:9px 12px;gap:7px}.tpmh-brand img{width:var(--tpmh-logo-mobile,36px);max-height:var(--tpmh-logo-mobile,36px)}.tpmh-nav{padding:4px 12px;gap:14px}.tpmh-search input[type=search]{padding:8px 10px}.tpmh-search button{min-height:30px;min-width:30px}.tpmh-links a{padding:8px 0}}

/* v1.3: Adjustable pale colours and two compact mobile rows. */
.tpmh{background:linear-gradient(rgba(255,255,255,var(--tpmh-softness,.22)),rgba(255,255,255,var(--tpmh-softness,.22))),linear-gradient(120deg,var(--tpmh-left) 50%,var(--tpmh-right) 50%)}
@media(max-width:767px){
 .tpmh.tpmh-mobile-wide{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:7px}
 .tpmh-top{grid-template-columns:auto minmax(0,1fr) auto;padding:6px 10px;gap:6px}
 .tpmh-brand{max-width:140px;gap:5px}
 .tpmh-brand strong{display:block;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;letter-spacing:0}
 .tpmh-brand img{width:var(--tpmh-logo-mobile,30px);max-height:var(--tpmh-logo-mobile,30px)}
 .tpmh-mark{width:28px;height:28px;font-size:18px;border-radius:7px}
 .tpmh-search{grid-column:2;grid-row:1;border-radius:7px;margin:0;height:30px}
 .tpmh-search input[type=search]{padding:5px 6px;font-size:11px;line-height:18px;min-height:0;height:28px}
 .tpmh-search button{min-height:24px;min-width:24px;height:24px;width:24px;margin:2px;padding:3px;border-radius:5px}
 .tpmh-search button svg{width:17px;height:17px}
 .tpmh-cart{grid-column:3;grid-row:1;min-height:30px;gap:3px}
 .tpmh-cart svg{width:18px;height:18px}
 .tpmh-count{min-width:17px;height:17px;font-size:10px}
 .tpmh-nav{padding:3px 10px;gap:12px}
 .tpmh-categories summary{width:28px;height:28px;padding:4px;border-radius:6px}
 .tpmh-categories summary svg{width:20px;height:20px}
 .tpmh-links{gap:17px}
 .tpmh-links a{padding:5px 0;font-size:12px;line-height:18px}
}