:root{
  --tt-forest:#8a2e5a;
  --tt-sage:#f8a4c8;
  --tt-sage-light:#fde2e8;
  --tt-border:#f8bbd0;
  --tt-cream:#fff5f8;
  --tt-bg:#fff0f5;
  --tt-clay:#e85d8a;
  --tt-clay-dark:#d81b60;
  --tt-sand:#fde2e8;
  --tt-ocher:#f8a4c8;
  --terra:#d81b60;
  --terra-dark:#8a2e5a;
  --terra-light:#f8a4c8;
  --terra-bg:#fff0f5;
  --terra-bg-soft:#fff5f8;
  --terra-border:#f8bbd0;
  --terra-soft:#fff5f8;
  --border:#f8bbd0;
}


/* === account.php - scoped to body.page-account === */
body.page-account .acc-wrap {max-width:900px;margin:30px auto;padding:0 16px}
body.page-account .acc-top {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}
body.page-account .acc-top h1 {color:var(--terra);margin:0;font-size:26px}
body.page-account .acc-top-right {display:flex;gap:10px}
body.page-account .acc-top-right a {font-size:14px;font-weight:700;text-decoration:none;padding:9px 16px;border-radius:12px;border:2px solid var(--border);background:#fff;color:var(--terra)}
body.page-account .card {background:#fff;padding:24px;border-radius:24px;margin-bottom:16px;border:3px solid var(--border);box-shadow:0 12px 32px rgba(94,111,82,.08)}
body.page-account .badge {padding:5px 12px;border-radius:20px;font-size:11px;font-weight:800;display:inline-block}
body.page-account .badge-betaald {background:#d4e8d0;color:#2d4a2b}
body.page-account .badge-pending {background:#fff3cd;color:#856404}
body.page-account .badge-nieuw {background:#DDE5DB;color:#3F4E3A}
body.page-account .badge-verzonden {background:#d1ecf1;color:#0c5460}
body.page-account .order-row {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}
body.page-account .order-row:last-child {border:none}
body.page-account .btn {padding:8px 14px;border-radius:10px;text-decoration:none;font-weight:700;font-size:13px}
body.page-account .btn-view {background:#fff;border:2px solid var(--border);color:var(--terra)}
body.page-account .btn-pay {background:linear-gradient(135deg,var(--terra-light),var(--terra));color:#fff}
body.page-account .grid2 {display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.page-account input {width:100%;padding:10px 12px;border:2px solid var(--border);border-radius:10px;box-sizing:border-box}
body.page-account label {font-weight:700;font-size:13px;color:var(--terra);display:block;margin-bottom:4px}
body.page-account .btn-save {padding:12px 20px;background:linear-gradient(135deg,var(--terra-light),var(--terra));color:#fff;border:none;border-radius:12px;font-weight:800;cursor:pointer;margin-top:12px}
@media(max-width:700px) {

}

/* === admin-artikel.php - scoped to body.page-admin-artikel === */
body {font-family:Arial;background:var(--tt-bg);margin:0;padding:0}
body.page-admin-artikel .container {max-width:1250px;margin:auto;padding:25px}
body.page-admin-artikel .card {background:#fff;border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 8px 20px rgba(74,92,62,.06);border:2px solid var(--tt-border)}
body.page-admin-artikel .header {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
body.page-admin-artikel .btn {padding:10px 16px;border-radius:99px;text-decoration:none;font-weight:bold;border:none;cursor:pointer;display:inline-block;transition:.15s}
body.page-admin-artikel .btn-primary {background:var(--tt-forest);color:#fff}
body.page-admin-artikel .btn-secondary {background:#fff;color:var(--tt-forest);border:2px solid var(--tt-border)}
body.page-admin-artikel .btn-danger {background:#A85A45;color:#fff}
body.page-admin-artikel .btn-sm {padding:6px 10px;font-size:12px}
body.page-admin-artikel input, body.page-admin-artikel textarea, body.page-admin-artikel select {width:100%;padding:10px;margin-bottom:10px;border-radius:10px;border:2px solid var(--tt-border);box-sizing:border-box;background:#fff}
body.page-admin-artikel .sku-row {background:var(--tt-cream);padding:14px;border-radius:14px;margin-bottom:10px;border:1px solid var(--tt-border)}
body.page-admin-artikel .badge {background:var(--tt-border);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;color:var(--tt-forest)}
body.page-admin-artikel .preview {border:2px dashed var(--tt-border);border-radius:14px;padding:20px;text-align:center;background:var(--tt-bg)}

/* === admin-attribute.php - scoped to body.page-admin-attribute === */
body {font-family:Arial;background:var(--tt-bg);margin:0;padding:0}
body.page-admin-attribute .container {max-width:900px;margin:auto;padding:25px}
body.page-admin-attribute .card {background:#fff;border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 8px 20px rgba(74,92,62,.06);border:2px solid var(--tt-border)}
body.page-admin-attribute h2 {margin-top:0;color:var(--tt-forest)}
body.page-admin-attribute input {width:100%;padding:8px 10px;border-radius:10px;border:2px solid var(--tt-border);box-sizing:border-box;font-size:14px;margin:0;background:#fff}
body.page-admin-attribute input:focus {outline:none;border-color:var(--tt-forest)}
body.page-admin-attribute table {width:100%;border-collapse:collapse}
body.page-admin-attribute th {text-align:left;padding:6px 4px;color:var(--tt-forest);font-size:12px;border-bottom:2px solid var(--tt-border)}
body.page-admin-attribute td {padding:2px 4px;vertical-align:middle;border:none}
body.page-admin-attribute .compact td {padding-top:3px;padding-bottom:3px}
body.page-admin-attribute .compact input {height:36px;padding:6px 10px;margin:0}
body.page-admin-attribute button {border:none;border-radius:99px;padding:8px 14px;cursor:pointer;font-weight:bold;font-size:13px;transition:.15s}
body.page-admin-attribute .btn-primary {background:var(--tt-forest);color:#fff}
body.page-admin-attribute .btn-danger {background:#fff;color:#A85A45;border:2px solid #e6b8a8;text-decoration:none;display:inline-block;padding:8px 12px;border-radius:99px;font-size:13px;font-weight:bold}
body.page-admin-attribute .btn-primary:hover, body.page-admin-attribute .btn-danger:hover {opacity:.9;transform:translateY(-1px)}
body.page-admin-attribute .row {display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}
body.page-admin-attribute .actions {display:flex;gap:6px;align-items:center}
body.page-admin-attribute .empty {text-align:center;color:#888;padding:20px}

/* === admin-bestellingen.php - scoped to body.page-admin-bestellingen === */
body {font-family:Arial;background:var(--tt-bg);margin:0;padding:0}
body.page-admin-bestellingen .wrap {max-width:1250px;margin:auto;padding:25px}
body.page-admin-bestellingen .card {background:#fff;border-radius:20px;padding:22px;margin-bottom:18px;border:2px solid var(--tt-border);box-shadow:0 8px 20px rgba(74,92,62,.06)}
body.page-admin-bestellingen h1 {color:var(--tt-forest);margin:0 0 10px 0}
body.page-admin-bestellingen .topbar {display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}
body.page-admin-bestellingen .search {display:flex;gap:8px;flex-wrap:wrap;align-items:center}
body.page-admin-bestellingen .search input, body.page-admin-bestellingen .search select {padding:10px 14px;border-radius:99px;border:2px solid var(--tt-border);font-size:14px}
body.page-admin-bestellingen .search button {padding:10px 18px;border-radius:99px;border:none;background:var(--tt-forest);color:#fff;font-weight:800;cursor:pointer}
body.page-admin-bestellingen .badges {display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
body.page-admin-bestellingen .badge-filter {padding:6px 14px;border-radius:99px;border:2px solid var(--tt-border);background:#fff;text-decoration:none;font-size:13px;font-weight:700;color:var(--tt-forest)}
body.page-admin-bestellingen .badge-filter.active {background:var(--tt-forest);color:#fff;border-color:var(--tt-forest)}
body.page-admin-bestellingen table {width:100%;border-collapse:collapse}
body.page-admin-bestellingen th {color:var(--tt-forest);font-size:12px;text-transform:uppercase;padding:10px 8px;border-bottom:2px solid var(--tt-border);text-align:left}
body.page-admin-bestellingen td {padding:12px 8px;border-bottom:1px solid var(--tt-border);font-size:14px;vertical-align:middle}
body.page-admin-bestellingen .status {padding:5px 12px;border-radius:99px;font-size:11px;font-weight:800;display:inline-block;text-transform:uppercase}
body.page-admin-bestellingen .status-betaald {background:#d4e8d0;color:#2d4a2b}
body.page-admin-bestellingen .status-nieuw {background:#DDE5DB;color:#3B4C31}
body.page-admin-bestellingen .status-pending {background:#FEFAE0;color:#7a6a2a}
body.page-admin-bestellingen .status-mislukt, body.page-admin-bestellingen .status-geannuleerd {background:#fde8e0;color:#7a3a2a}
body.page-admin-bestellingen .status-verzonden {background:#dbe9f5;color:#2a4a6a}
body.page-admin-bestellingen .status-retour_aangevraagd, body.page-admin-bestellingen .status-geretourneerd {background:#fde8e0;color:#7a3a2a}
body.page-admin-bestellingen .btn {padding:7px 14px;border-radius:99px;text-decoration:none;font-weight:700;font-size:13px;display:inline-block;transition:.15s}
body.page-admin-bestellingen .btn-view {background:#fff;border:2px solid var(--tt-border);color:var(--tt-forest)}
body.page-admin-bestellingen .btn-edit {background:var(--tt-forest);color:#fff}
body.page-admin-bestellingen .btn-retour {background:var(--tt-cream);border:2px solid var(--tt-border);color:var(--tt-forest)}
body.page-admin-bestellingen .empty {text-align:center;padding:40px;color:#888}

/* === admin-cart.php - scoped to body.page-admin-cart === */
body {font-family:Arial;background:var(--tt-bg);margin:0;padding:0}
body.page-admin-cart .container {max-width:1100px;margin:auto;padding:25px}
body.page-admin-cart .card {background:#fff;border-radius:20px;padding:22px;margin-bottom:18px;border:2px solid var(--tt-border);box-shadow:0 8px 20px rgba(74,92,62,.06)}
body.page-admin-cart h1 {color:var(--tt-forest);margin:0 0 8px 0}
body.page-admin-cart .btn {padding:10px 16px;border-radius:99px;border:none;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;transition:.15s;font-size:14px}
body.page-admin-cart .btn-primary {background:var(--tt-forest);color:#fff}
body.page-admin-cart .btn-danger {background:#fff;color:#A85A45;border:2px solid #e6b8a8}
body.page-admin-cart .btn-secondary {background:#fff;border:2px solid var(--tt-border);color:var(--tt-forest)}
body.page-admin-cart table {width:100%;border-collapse:collapse}
body.page-admin-cart th {color:var(--tt-forest);font-size:12px;text-transform:uppercase;padding:10px 8px;border-bottom:2px solid var(--tt-border);text-align:left}
body.page-admin-cart td {padding:12px 8px;border-bottom:1px solid var(--tt-border);text-align:left;font-size:14px;vertical-align:middle}
body.page-admin-cart .badge {padding:4px 10px;border-radius:99px;font-size:11px;font-weight:800;display:inline-block}
body.page-admin-cart .badge-ok {background:#d4e8d0;color:#2d4a2b}
body.page-admin-cart .badge-invalid {background:#fde8e0;color:#7a3a2a}
body.page-admin-cart .badge-inactive {background:#FEFAE0;color:#7a6a2a}
body.page-admin-cart .row {display:flex;gap:12px;align-items:center}

/* === admin-klanten.php - scoped to body.page-admin-klanten === */
body.page-admin-klanten * {box-sizing:border-box}
body.page-admin-klanten .wrap {max-width:1400px;margin:20px auto;padding:0 12px;display:flex;gap:16px;align-items:flex-start;flex-wrap:nowrap}
body.page-admin-klanten .left {width:20%;max-width:320px;min-width:220px;flex:0 0 20%;flex-shrink:0;background:#fff;border:2px solid var(--tt-border);border-radius:20px;overflow:hidden;box-shadow:0 8px 20px rgba(74,92,62,.06);display:flex;flex-direction:column;position:sticky;top:20px;max-height:calc(100vh - 40px)}
body.page-admin-klanten .right {flex:1 1 80%;width:80%;max-width:80%;background:#fff;border:2px solid var(--tt-border);border-radius:20px;padding:20px;min-height:500px}
body.page-admin-klanten .left-head {padding:14px;background:var(--tt-cream);border-bottom:2px solid var(--tt-border)}
body.page-admin-klanten .tabs {display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
body.page-admin-klanten .tab {padding:8px 14px;border-radius:99px;border:2px solid var(--tt-border);background:#fff;font-weight:700;font-size:13px;text-decoration:none;color:var(--tt-forest)}
body.page-admin-klanten .tab.active {background:var(--tt-forest);color:#fff;border-color:var(--tt-forest)}
body.page-admin-klanten .search-box {display:flex;gap:8px;margin-top:10px}
body.page-admin-klanten .search-box input {flex:1;padding:10px 14px;border:2px solid var(--tt-border);border-radius:99px}
body.page-admin-klanten .list {flex:1;overflow-y:auto}
body.page-admin-klanten .row {display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid var(--tt-border);text-decoration:none;color:#333;align-items:center}
body.page-admin-klanten .row:hover {background:var(--tt-bg)}
body.page-admin-klanten .row.active {border-left:4px solid var(--tt-forest);background:var(--tt-cream)}
body.page-admin-klanten .badge {padding:3px 8px;border-radius:99px;font-size:11px;font-weight:800;display:inline-block}
body.page-admin-klanten .badge-admin {background:var(--tt-forest);color:#fff}
body.page-admin-klanten .badge-inactive {background:#fde8e0;color:#7a3a2a}
body.page-admin-klanten .card {border:2px solid var(--tt-border);border-radius:16px;padding:16px;margin-bottom:14px;background:#fff}
body.page-admin-klanten .grid2 {display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.page-admin-klanten input[type=text], body.page-admin-klanten input[type=email] {width:100%;padding:10px 12px;border:2px solid var(--tt-border);border-radius:99px}
body.page-admin-klanten input:focus {outline:none;border-color:var(--tt-forest)}
body.page-admin-klanten label {font-weight:700;font-size:13px;color:var(--tt-forest);display:block;margin-bottom:4px}
body.page-admin-klanten .btn {padding:10px 16px;border-radius:99px;border:2px solid var(--tt-border);background:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;color:var(--tt-forest);transition:.15s}
body.page-admin-klanten .btn-save {background:var(--tt-forest);color:#fff;border-color:var(--tt-forest)}
body.page-admin-klanten .btn-danger {background:#fff;color:#A85A45;border-color:#e6b8a8}
body.page-admin-klanten .btn-actief-on {background:#d4e8d0 !important;color:#2d4a2b !important;border-color:#a3c9a1 !important}
body.page-admin-klanten .btn-actief-off {background:#fff !important;color:#c00 !important;border-color:#f5c6cb !important}
@media(max-width:900px) {

}
/* FIXED 20/80 */
@media(max-width:900px){ body.page-admin-klanten .left {width:100% !important;max-width:100% !important;flex:1 1 100% !important;position:static !important;max-height:none !important} body.page-admin-klanten .right {width:100% !important;max-width:100% !important;flex:1 1 100% !important} }

/* === admin-login.php - scoped to body.page-admin-login === */
body.page-admin-login .wrap {max-width:440px;margin:60px auto;padding:0 16px}
body.page-admin-login .card {background:#fff;padding:32px;border-radius:24px;border:2px solid var(--tt-border);box-shadow:0 8px 20px rgba(74,92,62,.08)}
body.page-admin-login .card h1 {color:var(--tt-forest);margin:0 0 8px;text-align:center}
body.page-admin-login input {width:100%;padding:14px;margin:8px 0;border-radius:99px;border:2px solid var(--tt-border);box-sizing:border-box;background:#fff}
body.page-admin-login input:focus {outline:none;border-color:var(--tt-forest)}
body.page-admin-login .btn {width:100%;padding:14px;background:var(--tt-forest);color:#fff;border:none;border-radius:99px;font-weight:800;cursor:pointer;margin-top:8px;transition:.15s}
body.page-admin-login .btn:hover {opacity:.9;transform:translateY(-1px)}
body.page-admin-login .err {background:#fde8e0;color:#7a3a2a;padding:12px;border-radius:12px;margin-bottom:12px;border:2px solid #e6b8a8}

/* === admin-order-edit.php - scoped to body.page-admin-order-edit === */
body {font-family:Arial;background:var(--tt-bg);margin:0;padding:0}
body.page-admin-order-edit .container {max-width:1200px;margin:auto;padding:20px}
body.page-admin-order-edit .card {background:#fff;border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:0 8px 20px rgba(74,92,62,.06);border:2px solid var(--tt-border)}
body.page-admin-order-edit .btn {padding:10px 16px;border-radius:99px;border:none;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;transition:.15s}
body.page-admin-order-edit .btn-p {background:var(--tt-forest);color:#fff}
body.page-admin-order-edit .btn-d {background:#fff;color:#A85A45;border:2px solid #e6b8a8}
body.page-admin-order-edit .btn-s {background:#fff;color:var(--tt-forest);border:2px solid var(--tt-border)}
body.page-admin-order-edit .btn-sm {padding:6px 10px;font-size:12px}
body.page-admin-order-edit input, body.page-admin-order-edit select, body.page-admin-order-edit textarea {padding:10px;border-radius:12px;border:2px solid var(--tt-border);background:#fff;box-sizing:border-box}
body.page-admin-order-edit input:focus, body.page-admin-order-edit select:focus, body.page-admin-order-edit textarea:focus {outline:none;border-color:var(--tt-forest)}
body.page-admin-order-edit table {width:100%;border-collapse:collapse}
body.page-admin-order-edit th {color:var(--tt-forest);font-size:12px;text-transform:uppercase;padding:10px;border-bottom:2px solid var(--tt-border);text-align:left}
body.page-admin-order-edit td {padding:10px;border-bottom:1px solid var(--tt-border);text-align:left;font-size:14px}
body.page-admin-order-edit .badge {padding:4px 10px;border-radius:99px;font-size:11px;font-weight:800;display:inline-block}
body.page-admin-order-edit .grid2 {display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:800px) {

}

/* === admin-retouren.php - scoped to body.page-admin-retouren === */
body {font-family:Arial;background:var(--tt-bg);margin:0;padding:0}
body.page-admin-retouren .wrap {max-width:1250px;margin:auto;padding:20px}
body.page-admin-retouren .card {background:#fff;border-radius:20px;padding:20px;margin-bottom:16px;border:2px solid var(--tt-border);box-shadow:0 8px 20px rgba(74,92,62,.06)}
body.page-admin-retouren h1 {color:var(--tt-forest);margin:0}
body.page-admin-retouren .top {display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
body.page-admin-retouren .tabs {display:flex;gap:8px;flex-wrap:wrap}
body.page-admin-retouren .tab {padding:8px 16px;border-radius:99px;border:2px solid var(--tt-border);background:#fff;text-decoration:none;color:var(--tt-forest);font-weight:700;font-size:13px}
body.page-admin-retouren .tab.active {background:var(--tt-forest);color:#fff;border-color:var(--tt-forest)}
body.page-admin-retouren table {width:100%;border-collapse:collapse}
body.page-admin-retouren th {color:var(--tt-forest);font-size:11px;text-transform:uppercase;padding:10px;border-bottom:2px solid var(--tt-border);text-align:left}
body.page-admin-retouren td {padding:12px 10px;border-bottom:1px solid var(--tt-border);font-size:14px}
body.page-admin-retouren .badge {padding:4px 10px;border-radius:99px;font-size:11px;font-weight:800;display:inline-block;text-transform:uppercase}
body.page-admin-retouren .b-aangevraagd {background:#FEFAE0;color:#7a6a2a}
body.page-admin-retouren .b-ontvangen {background:#dbe9f5;color:#2a4a6a}
body.page-admin-retouren .b-afgerond {background:#d4e8d0;color:#2d4a2b}
body.page-admin-retouren .b-geweigerd {background:#fde8e0;color:#7a3a2a}
body.page-admin-retouren .btn {padding:8px 14px;border-radius:99px;border:none;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;transition:.15s;font-size:13px}
body.page-admin-retouren .btn-p {background:var(--tt-forest);color:#fff}
body.page-admin-retouren .btn-s {background:#fff;border:2px solid var(--tt-border);color:var(--tt-forest)}
body.page-admin-retouren input, body.page-admin-retouren select, body.page-admin-retouren textarea {width:100%;padding:10px 14px;border-radius:12px;border:2px solid var(--tt-border);box-sizing:border-box;font-size:14px;background:#fff}
body.page-admin-retouren input:focus, body.page-admin-retouren select:focus, body.page-admin-retouren textarea:focus {outline:none;border-color:var(--tt-forest)}
body.page-admin-retouren .grid2 {display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
@media(max-width:900px) {

}

/* === admin-sku.php - scoped to body.page-admin-sku === */
body {font-family:Arial;background:var(--tt-bg);padding:0;margin:0}
body.page-admin-sku .container {max-width:900px;margin:auto;padding:20px}
body.page-admin-sku .card {background:#fff;padding:18px;border-radius:20px;margin-bottom:12px;box-shadow:0 8px 20px rgba(74,92,62,.06);border:2px solid var(--tt-border)}
body.page-admin-sku h2 {margin:0 0 10px;font-size:18px;color:var(--tt-forest)}
body.page-admin-sku input, body.page-admin-sku select {width:100%;height:40px;padding:6px 14px;margin-bottom:8px;border-radius:99px;border:2px solid var(--tt-border);box-sizing:border-box;background:#fff}
body.page-admin-sku input:focus, body.page-admin-sku select:focus {outline:none;border-color:var(--tt-forest)}
body.page-admin-sku button {padding:10px 18px;border:none;border-radius:99px;background:var(--tt-forest);color:#fff;font-weight:800;cursor:pointer;transition:.15s}
body.page-admin-sku button:hover {opacity:.9;transform:translateY(-1px)}
body.page-admin-sku .attr-row {display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.page-admin-sku .sku {display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:2px solid var(--tt-border);border-radius:14px;margin-bottom:6px;background:var(--tt-bg)}
body.page-admin-sku .sku-left {display:flex;flex-wrap:wrap;gap:6px}
body.page-admin-sku .tag {padding:4px 10px;background:var(--tt-cream);color:var(--tt-forest);border-radius:99px;font-size:12px;border:1px solid var(--tt-border);font-weight:700}
body.page-admin-sku .actions {display:flex;gap:8px;align-items:center}
body.page-admin-sku .delete-btn {width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:99px;text-decoration:none;border:2px solid var(--tt-border);background:#fff}
body.page-admin-sku .delete-btn:hover {background:#fde8e0;border-color:#e6b8a8}
body.page-admin-sku .edit-btn {padding:4px 10px;border-radius:99px;background:#fff;text-decoration:none;font-size:12px;border:2px solid var(--tt-border);color:var(--tt-forest);font-weight:700}

/* === bedankt.php - scoped to body.page-bedankt === */
body.page-bedankt .wrap {max-width:700px;margin:40px auto;padding:0 16px}
body.page-bedankt .card {background:#fff;padding:32px;border-radius:24px;border:3px solid var(--tt-border);box-shadow:0 12px 32px rgba(74,92,62,.08);text-align:center}
body.page-bedankt .badge {display:inline-block;padding:8px 16px;border-radius:99px;font-weight:800;margin:12px 0}
body.page-bedankt .badge.paid {background:#d4e8d0;color:#2d4a2b;border:2px solid #a3c9a1}
body.page-bedankt .badge.pending {background:#fff3cd;color:#856404;border:2px solid #ffeeba}
body.page-bedankt .badge.open {background:#DDE5DB;color:#3B4C31;border:2px solid #C5D6C0}
body.page-bedankt .btn {display:inline-block;margin:8px;padding:14px 22px;border-radius:99px;text-decoration:none;font-weight:800;transition:.15s}
body.page-bedankt .btn-primary {background:linear-gradient(135deg,var(--tt-sage),var(--tt-forest));color:#fff;box-shadow:0 6px 16px rgba(74,92,62,.25)}
body.page-bedankt .btn-primary:hover {transform:translateY(-1px)}
body.page-bedankt .btn-light {background:#fff;border:2px solid var(--tt-border);color:var(--tt-forest)}
body.page-bedankt .btn-clay {background:linear-gradient(135deg,#D4A373,var(--tt-clay));color:#fff}

/* === beheer-menu.php - scoped to body.page-beheer-menu === */
body.page-beheer-menu .beheer-wrap {max-width:1100px;margin:30px auto;padding:0 16px}
body.page-beheer-menu .beheer-top {display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}
body.page-beheer-menu .beheer-top h1 {color:var(--tt-forest);margin:0;font-size:28px}
body.page-beheer-menu .beheer-top-right {display:flex;gap:10px;align-items:center}
body.page-beheer-menu .beheer-top-right a {font-size:14px;font-weight:700;text-decoration:none;padding:9px 16px;border-radius:12px;border:2px solid var(--tt-border);background:#fff;color:var(--tt-forest)}
body.page-beheer-menu .admin-badge {background:var(--tt-forest);color:#fff;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:800}
body.page-beheer-menu .grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
body.page-beheer-menu .card {background:#fff;padding:24px;border-radius:20px;border:3px solid var(--tt-border);box-shadow:0 12px 32px rgba(74,92,62,.06);text-decoration:none;color:#333;transition:.2s;display:flex;gap:16px;align-items:flex-start}
body.page-beheer-menu .card:hover {transform:translateY(-4px);border-color:var(--tt-sage);box-shadow:0 16px 40px rgba(74,92,62,.12)}
body.page-beheer-menu .card .icon {font-size:28px;background:var(--tt-cream);width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;flex-shrink:0;border:2px solid var(--tt-border)}
body.page-beheer-menu .card h3 {margin:0 0 6px 0;color:var(--tt-forest);font-size:18px}
body.page-beheer-menu .card p {margin:0;color:#666;font-size:14px;line-height:1.4}

/* === bestel-artikel.php - scoped to body.page-bestel-artikel === */
body.page-bestel-artikel .detail-wrap {max-width:1100px;margin:20px auto;padding:0 16px}
body.page-bestel-artikel .detail-top h1{color:var(--tt-forest);margin:0 0 12px 0;font-size:26px;text-align:center}
body.page-bestel-artikel .wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
@media(max-width:800px){ body.page-bestel-artikel .wrap{grid-template-columns:1fr} }
body.page-bestel-artikel .card{background:#fff;padding:28px;border-radius:20px;box-shadow:0 12px 32px rgba(74,92,62,.08);border:3px solid var(--tt-border)}

/* FOTO CARD - raakt zijkanten */
body.page-bestel-artikel .wrap > .card:first-child{
    padding:0 !important;
    overflow:hidden;
    display:block;
}
body.page-bestel-artikel .img{
    width:100%;
    padding:0 !important;
    margin:0 !important;
    border:none !important;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    line-height:0;
}
body.page-bestel-artikel .img img{
    width:100% !important;
    height:auto;
    min-height:420px;
    max-height:650px;
    object-fit:cover !important;
    object-position:center center;
    display:block;
}

/* BESTEL BLOK - mooie layout terug */
body.page-bestel-artikel .wrap > .card:last-child{
    padding:28px !important;
}
body.page-bestel-artikel .price {font-size:26px;color:var(--tt-forest);font-weight:800;margin:10px 0}
body.page-bestel-artikel select {width:100%;padding:14px 16px;margin:8px 0;border-radius:14px;border:2px solid var(--tt-border);font-size:15px;background:#fff;transition:.2s}
body.page-bestel-artikel select:focus {outline:none;border-color:var(--tt-forest);box-shadow:0 0 0 4px rgba(163,177,138,.2)}
body.page-bestel-artikel .select-error {border-color:#C2705A !important;background:#fff5f0}
body.page-bestel-artikel .btn-tt {width:100%;padding:14px;background:linear-gradient(135deg,var(--tt-sage),var(--tt-forest));color:#fff;border:none;border-radius:99px;font-weight:800;cursor:pointer;font-size:16px;transition:.2s}
body.page-bestel-artikel .btn-tt:hover {transform:translateY(-2px);box-shadow:0 8px 20px rgba(74,92,62,.25)}
body.page-bestel-artikel .btn-tt:disabled {background:#DDE5DB;color:#8a9a84;cursor:not-allowed;transform:none;box-shadow:none}
body.page-bestel-artikel .status {margin:10px 0;font-weight:700;min-height:20px}
body.page-bestel-artikel .ok {color:var(--tt-forest)}
body.page-bestel-artikel .err {color:#A85A45}
body.page-bestel-artikel .hint {font-size:12px;color:#888}
/* === body_include.php - scoped to body.page-body_include === */
body.page-body_include .tt-top {position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 24px rgba(74,92,62,.08)}
body.page-body_include .tt-top-line {height:4px;background:linear-gradient(90deg,var(--tt-forest) 0%,var(--tt-sage) 25%,var(--tt-ocher) 55%,var(--tt-clay) 85%,var(--tt-forest) 100%)}
body.page-body_include .tt-inner {max-width:1280px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body.page-body_include .tt-brand {display:flex;align-items:center;gap:12px;text-decoration:none}
body.page-body_include .tt-mark {width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--tt-forest),var(--tt-sage));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px;box-shadow:0 4px 12px rgba(74,92,62,.25)}
body.page-body_include .tt-name {line-height:1}
body.page-body_include .tt-name b {display:block;font-weight:900;color:var(--tt-forest);font-size:20px;letter-spacing:-.5px}
body.page-body_include .tt-name span {display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--tt-sage);font-weight:700;margin-top:2px}
body.page-body_include .tt-search {flex:1;max-width:420px;position:relative;display:flex;align-items:center}
body.page-body_include .tt-search input {width:100%;padding:12px 16px 12px 40px;border-radius:99px;border:2px solid var(--tt-border);background:var(--tt-cream);font-size:14px;transition:.2s}
body.page-body_include .tt-search input:focus {outline:none;border-color:var(--tt-sage);background:#fff;box-shadow:0 0 0 4px rgba(163,177,138,.2)}
body.page-body_include .tt-search i {position:absolute;left:14px;opacity:.5}
body.page-body_include .tt-nav {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.page-body_include .tt-link {padding:10px 16px;border-radius:99px;text-decoration:none;font-weight:700;font-size:14px;transition:.15s;display:inline-flex;align-items:center;gap:7px;border:2px solid transparent}
body.page-body_include .tt-link.shop {background:var(--tt-sage-light);color:var(--tt-forest);border-color:var(--tt-sage-light)}
body.page-body_include .tt-link.shop:hover {background:var(--tt-sage);color:#fff}
body.page-body_include .tt-link.cart {background:#fff;color:var(--tt-forest);border-color:var(--tt-border);position:relative}
body.page-body_include .tt-link.cart:hover {border-color:var(--tt-forest)}
body.page-body_include .tt-link.account {background:var(--tt-forest);color:#fff}
body.page-body_include .tt-link.account:hover {background:#3B4C31}
body.page-body_include .tt-link.clay {background:linear-gradient(135deg,var(--tt-ocher),var(--tt-clay));color:#fff;box-shadow:0 4px 14px rgba(194,112,90,.25)}
body.page-body_include .tt-link.clay:hover {transform:translateY(-1px);box-shadow:0 6px 18px rgba(194,112,90,.35)}
body.page-body_include .tt-badge {position:absolute;top:-8px;right:-6px;background:var(--tt-clay);color:#fff;font-size:11px;font-weight:900;min-width:22px;height:22px;border-radius:99px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
@media(max-width:800px) {

}
body.page-body_include .tt-search {order:10;max-width:100%;flex-basis:100%}
body.page-body_include .tt-name b {font-size:16px}
body.page-body_include .tt-name span {display:none}

/* === cart.php - scoped to body.page-cart === */
body.page-cart .cart-wrap {max-width:900px;margin:30px auto;padding:0 16px}
body.page-cart .cart-top {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
body.page-cart .cart-top h1 {color:var(--tt-forest);margin:0;font-size:26px}
body.page-cart .card {background:#fff;padding:24px;border-radius:20px;margin-bottom:16px;border:3px solid var(--tt-border);box-shadow:0 12px 32px rgba(74,92,62,.06)}
body.page-cart .ship-bar {padding:18px 20px;border-radius:18px;margin-bottom:16px;text-align:center}
body.page-cart .ship-bar.free {background:#d4e8d0;border:2px solid #a3c9a1;color:#2d4a2b}
body.page-cart .ship-bar.pay {background:var(--tt-cream);border:2px dashed var(--tt-sage)}
body.page-cart .bar-bg {background:var(--tt-border);height:14px;border-radius:20px;overflow:hidden;margin:12px 0}
body.page-cart .bar-fill {height:100%;background:linear-gradient(90deg,var(--tt-sage),var(--tt-forest));transition:width .6s;border-radius:20px}
body.page-cart .cart-item {display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--tt-border);align-items:center}
body.page-cart .cart-item:last-child {border:none}
body.page-cart .cart-item img {width:70px;height:70px;object-fit:cover;border-radius:12px;background:var(--tt-cream)}
body.page-cart .qty-form {display:flex;gap:6px;align-items:center}
body.page-cart .qty-form input {width:60px;padding:8px;border:2px solid var(--tt-border);border-radius:10px;text-align:center}
body.page-cart .btn-remove {background:#fff;color:#A85A45;text-decoration:none;font-size:13px;font-weight:800}
body.page-cart .row {display:flex;justify-content:space-between;padding:6px 0}
body.page-cart .row.total {font-weight:800;font-size:20px;color:var(--tt-forest);border-top:2px dashed var(--tt-border);margin-top:10px;padding-top:12px}
body.page-cart .btn-tt {display:block;width:100%;padding:14px;text-align:center;border-radius:99px;font-weight:800;text-decoration:none;margin-top:10px;transition:.15s}
body.page-cart .btn-primary {background:linear-gradient(135deg,var(--tt-sage),var(--tt-forest));color:#fff;box-shadow:0 6px 16px rgba(74,92,62,.2)}
body.page-cart .btn-sec {background:#fff;color:var(--tt-forest);border:2px solid var(--tt-border)}

/* === checkout.php - scoped to body.page-checkout === */
body.page-checkout .checkout-wrap {max-width:700px;margin:30px auto;padding:0 16px}
body.page-checkout .checkout-top {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}
body.page-checkout .checkout-top h1 {color:var(--terra);margin:0;font-size:26px}
body.page-checkout .checkout-top-right {display:flex;gap:10px;align-items:center}
body.page-checkout .checkout-top-right a {font-size:14px;font-weight:700;text-decoration:none;padding:9px 16px;border-radius:12px;border:2px solid var(--terra-border);background:#fff;color:var(--terra)}
body.page-checkout .card {background:#fff;padding:28px;border-radius:24px;margin-bottom:16px;border:3px solid var(--terra-border);box-shadow:0 12px 32px rgba(94,111,82,.08)}
body.page-checkout input {width:100%;padding:14px 16px;margin:8px 0;border-radius:14px;border:2px solid var(--terra-border);font-size:15px;box-sizing:border-box;transition:.2s}
body.page-checkout input:focus {outline:none;border-color:var(--terra-light);box-shadow:0 0 0 4px rgba(163,177,138,.15)}
body.page-checkout .btn-knoef {width:100%;padding:14px;background:linear-gradient(135deg,var(--terra-light),var(--terra));color:#fff;border:none;border-radius:14px;font-weight:800;font-size:16px;cursor:pointer;transition:.2s}
body.page-checkout .btn-knoef:hover {transform:translateY(-2px);box-shadow:0 8px 20px rgba(94,111,82,.3)}
body.page-checkout .err {background:#ffe0e0;color:#900;padding:12px;border-radius:12px;margin-bottom:12px;border:1px solid #ffc0c0}
body.page-checkout .row {display:flex;justify-content:space-between;padding:6px 0}
body.page-checkout .row.total {font-weight:800;font-size:20px;color:var(--terra);border-top:2px dashed var(--terra-border);margin-top:10px;padding-top:12px}
body.page-checkout .free {color:green;font-weight:800}

/* === header_include.php - scoped to body.page-header_include === */
body.page-header_include * { scrollbar-color: var(--terra) var(--terra-bg-soft); }
body { background: var(--terra-bg-soft) !important; }
body.page-header_include h1, body.page-header_include h2, body.page-header_include h3 { color: var(--terra) !important; }
body.page-header_include a { color: var(--terra); }
body.page-header_include a:hover { color: var(--terra-dark); }

/* === index.php - scoped to body.page-index === */
body.page-index .account-bar {max-width:1200px;margin:14px auto 0;padding:0 16px;display:flex;justify-content:flex-end;gap:10px}
body.page-index .account-bar a {font-size:14px;font-weight:700;text-decoration:none;padding:8px 14px;border-radius:12px;border:2px solid var(--terra-border);background:#fff;color:var(--terra)}
body.page-index .account-bar a.primary {background:linear-gradient(135deg,var(--terra-light),var(--terra));color:#fff;border-color:transparent}
body.page-index .shop-wrap {max-width:1200px;margin:20px auto;padding:0 16px}
body.page-index .grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
body.page-index .card {background:#fff;border-radius:24px;border:3px solid var(--terra-border);overflow:hidden;text-decoration:none;color:#333;transition:.2s;box-shadow:0 12px 32px rgba(94,111,82,.08);display:flex;flex-direction:column}
body.page-index .card:hover {transform:translateY(-4px);border-color:var(--terra-light)}
body.page-index .card .img {height:240px;background:var(--terra-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
body.page-index .card .img img {width:100%;height:100%;object-fit:cover}
body.page-index .card .body {padding:20px}
body.page-index .name {font-weight:800;font-size:18px}
body.page-index .price {color:var(--terra);font-weight:800;margin:10px 0;font-size:18px}
body.page-index .btn-knoef {display:inline-block;background:linear-gradient(135deg,var(--terra-light),var(--terra));color:#fff;padding:10px 18px;border-radius:14px;font-weight:800}

/* === login.php - scoped to body.page-login === */
body.page-login .login-wrap {max-width:440px;margin:50px auto;padding:0 16px}
body.page-login .card {background:#fff;padding:32px;border-radius:20px;border:3px solid var(--tt-border);box-shadow:0 12px 32px rgba(74,92,62,.08)}
body.page-login .card h1 {color:var(--tt-forest);margin:0 0 16px 0;text-align:center;font-size:26px}
body.page-login input {width:100%;padding:14px 16px;margin:8px 0;border-radius:99px;border:2px solid var(--tt-border);font-size:15px;box-sizing:border-box;transition:.2s;background:#fff}
body.page-login input:focus {outline:none;border-color:var(--tt-forest);box-shadow:0 0 0 4px rgba(163,177,138,.2)}
body.page-login .btn-tt {width:100%;padding:14px;background:linear-gradient(135deg,var(--tt-sage),var(--tt-forest));color:#fff;border:none;border-radius:99px;font-weight:800;font-size:16px;cursor:pointer;transition:.2s;margin-top:8px}
body.page-login .btn-tt:hover {transform:translateY(-2px);box-shadow:0 8px 20px rgba(74,92,62,.25)}
body.page-login .err {background:#fde8e0;color:#7a3a2a;padding:12px;border-radius:12px;margin-bottom:12px;border:1px solid #e8c2b0;line-height:1.4}
body.page-login .link {text-align:center;margin-top:14px}
body.page-login .link a {color:var(--tt-forest);font-weight:700;text-decoration:none}

/* === order.php - scoped to body.page-order === */
body.page-order .order-wrap {max-width:900px;margin:30px auto;padding:0 16px}
body.page-order .order-top {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
body.page-order .order-top h1 {color:var(--tt-forest);margin:0;font-size:24px;display:flex;align-items:center;gap:10px}
body.page-order .card {background:#fff;padding:28px;border-radius:20px;margin-bottom:16px;border:3px solid var(--tt-border);box-shadow:0 12px 32px rgba(74,92,62,.06)}
body.page-order .badge {padding:6px 14px;border-radius:99px;font-size:12px;font-weight:800;display:inline-block}
body.page-order .badge-betaald {background:#d4e8d0;color:#2d4a2b}
body.page-order .badge-pending {background:#fff3cd;color:#856404}
body.page-order .badge-mislukt {background:#fde8e0;color:#7a3a2a}
body.page-order .badge-nieuw {background:#DDE5DB;color:#3B4C31}
body.page-order table {width:100%;border-collapse:collapse}
body.page-order td, body.page-order th {padding:12px 8px;border-bottom:1px solid var(--tt-border);text-align:left;font-size:14px}
body.page-order th {color:var(--tt-forest);font-size:13px;text-transform:uppercase}
body.page-order .row-total {display:flex;justify-content:space-between;padding:8px 0}
body.page-order .row-total.grand {font-weight:800;font-size:18px;color:var(--tt-forest);border-top:2px dashed var(--tt-border);margin-top:10px;padding-top:12px}
body.page-order .btn-pay {display:inline-block;background:linear-gradient(135deg,var(--tt-sage),var(--tt-forest));color:#fff;padding:10px 20px;border-radius:99px;text-decoration:none;font-weight:800}

/* === register.php - scoped to body.page-register === */
body.page-register .register-wrap {max-width:560px;margin:30px auto;padding:0 16px}
body.page-register .register-card {background:#fff;border:3px solid var(--tt-border);border-radius:20px;padding:28px;box-shadow:0 12px 32px rgba(74,92,62,.06)}
body.page-register .register-card h1 {color:var(--tt-forest);margin:0 0 8px 0;font-size:28px;text-align:center}
body.page-register .register-sub {text-align:center;color:#888;margin-bottom:20px}
body.page-register .register-card input {width:100%;padding:14px 16px;margin:8px 0;border:2px solid var(--tt-border);border-radius:99px;box-sizing:border-box;font-size:15px;transition:.2s}
body.page-register .register-card input:focus {outline:none;border-color:var(--tt-forest);box-shadow:0 0 0 4px rgba(163,177,138,.2)}
body.page-register .btn-tt {width:100%;padding:15px;background:linear-gradient(135deg,var(--tt-sage),var(--tt-forest));color:#fff;border:none;border-radius:99px;font-weight:800;font-size:16px;cursor:pointer;margin-top:12px;transition:.2s}
body.page-register .btn-tt:hover {transform:translateY(-2px);box-shadow:0 8px 20px rgba(74,92,62,.2)}
body.page-register .err {background:#fde8e0;color:#7a3a2a;padding:12px 16px;border-radius:12px;margin-bottom:14px;border:1px solid #e8c2b0}
body.page-register .ok {background:#d4e8d0;color:#2d4a2b;padding:12px 16px;border-radius:12px;margin-bottom:14px;border:1px solid #a3c9a1}
body.page-register .small-link {text-align:center;margin-top:16px;color:#666}
body.page-register .small-link a {color:var(--tt-forest);font-weight:700;text-decoration:none}

/* === header_include.php GLOBAL === */
*{ scrollbar-color: var(--terra) var(--terra-bg-soft); }
body{ background: var(--terra-bg-soft) !important; }
h1,h2,h3{ color: var(--terra) !important; }
a{ color: var(--terra); } a:hover{ color: var(--terra-dark); }

/* === body_include.php GLOBAL === */
.tt-top{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 24px rgba(74,92,62,.08)}
.tt-top-line{height:4px;background:linear-gradient(90deg,var(--tt-forest) 0%,var(--tt-sage) 25%,var(--tt-ocher) 55%,var(--tt-clay) 85%,var(--tt-forest) 100%)}
.tt-inner{max-width:1280px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.tt-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.tt-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--tt-forest),var(--tt-sage));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px;box-shadow:0 4px 12px rgba(74,92,62,.25)}
.tt-name{line-height:1}
.tt-name b{display:block;font-weight:900;color:var(--tt-forest);font-size:20px;letter-spacing:-.5px}
.tt-name span{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--tt-sage);font-weight:700;margin-top:2px}

.tt-search{flex:1;max-width:420px;position:relative;display:flex;align-items:center}
.tt-search input{width:100%;padding:12px 16px 12px 40px;border-radius:99px;border:2px solid var(--tt-border);background:var(--tt-cream);font-size:14px;transition:.2s}
.tt-search input:focus{outline:none;border-color:var(--tt-sage);background:#fff;box-shadow:0 0 0 4px rgba(163,177,138,.2)}
.tt-search i{position:absolute;left:14px;opacity:.5}

.tt-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tt-link{padding:10px 16px;border-radius:99px;text-decoration:none;font-weight:700;font-size:14px;transition:.15s;display:inline-flex;align-items:center;gap:7px;border:2px solid transparent}
.tt-link.shop{background:var(--tt-sage-light);color:var(--tt-forest);border-color:var(--tt-sage-light)}
.tt-link.shop:hover{background:var(--tt-sage);color:#fff}
.tt-link.cart{background:#fff;color:var(--tt-forest);border-color:var(--tt-border);position:relative}
.tt-link.cart:hover{border-color:var(--tt-forest)}
.tt-link.account{background:var(--tt-forest);color:#fff}
.tt-link.account:hover{background:#3B4C31}
.tt-link.clay{background:linear-gradient(135deg,var(--tt-ocher),var(--tt-clay));color:#fff;box-shadow:0 4px 14px rgba(194,112,90,.25)}
.tt-link.clay:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(194,112,90,.35)}
.tt-badge{position:absolute;top:-8px;right:-6px;background:var(--tt-clay);color:#fff;font-size:11px;font-weight:900;min-width:22px;height:22px;border-radius:99px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}

@media(max-width:800px){
  .tt-inner{gap:10px;padding:10px 14px}
  .tt-search{order:10;max-width:100%;flex-basis:100%}
  .tt-name b{font-size:16px}
  .tt-name span{display:none}
}