:root {
  --page-bg: #ffffff;
  --document-bg: #ffffff;
  --text: #333333;
  --text-soft: #666a70;
  --text-muted: #94989e;
  --border: #e1e3e6;
  --border-dark: #d5d8dc;
  --header-bg: #f1f2f5;
  --header-bg-alt: #f4f5f7;
  --orange: #ff6a00;
  --orange-dark: #e85f00;
  --orange-soft: #fff5ed;
  --blue: #1683c9;
  --red: #d93025;
  --green: #5cb85c;
  --radius: 3px;
  --font: Arial, Helvetica, "Helvetica Neue", sans-serif;
  --document-width: 1345px;
  --section-gap: 29px;
}

* { box-sizing: border-box; }

html { background: var(--page-bg); }

body {
  margin: 0;
  background: var(--page-bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 13px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

button, input, textarea { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }

.page-shell {
  width: 100%;
  padding: 21px 20px 28px;
}

.order-document {
  width: 100%;
  max-width: var(--document-width);
  margin: 0 auto;
  background: var(--document-bg);
}

/* HEADER */
.document-header { margin-bottom: 17px; }

.header-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}

.header-copy h1 {
  margin: 0 0 8px;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 600;
  color: #2f3134;
}

.order-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 27px;
  color: #54575b;
  font-size: 11px;
}

.order-meta strong {
  font-weight: 400;
  color: #33363a;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 25px;
  padding-top: 1px;
}

.btn {
  min-width: 99px;
  height: 29px;
  padding: 0 20px;
  border-radius: 18px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.btn:focus-visible, .tool-btn:focus-visible, .text-link:focus-visible, .modal-close:focus-visible {
  outline: 2px solid rgba(255, 106, 0, 0.35);
  outline-offset: 2px;
}

.btn-reorder { border: 1px solid var(--orange); color: var(--orange-dark); }
.btn-reorder:hover { background: var(--orange-soft); }

.btn-contract { border: 1px solid #d9dce0; color: #333; }
.btn-contract:hover { background: #f6f7f8; border-color: #c5c8cc; }

/* DOCUMENT TOOLS */
.document-tools {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 11px;
  padding-top: 8px;
  border-top: 1px dashed #eceeef;
}

.tool-btn {
  min-height: 27px;
  padding: 4px 11px;
  border: 1px solid #d9dce0;
  border-radius: 3px;
  background: #fff;
  color: #555b61;
  font-size: 11px;
  cursor: pointer;
  transition: 0.15s ease;
}

.tool-btn:hover { background: #f6f7f8; border-color: #bdc1c6; }

.tool-btn-primary {
  border-color: var(--orange);
  background: var(--orange);
  color: #fff;
}

.tool-btn-primary:hover { background: var(--orange-dark); border-color: var(--orange-dark); }

/* COMMON SECTIONS */
.section { margin-top: var(--section-gap); }
.product-section { margin-top: 0; }

.section-title {
  margin: 0 0 10px;
  color: #333538;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
}

/* TABLE BASE */
.table-scroll {
  width: 100%;
  overflow-x: auto;
  border-left: 1px solid var(--border);
  border-top: 1px solid var(--border);
  -webkit-overflow-scrolling: touch;
}

.data-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
}

.data-table th, .data-table td {
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 14px 15px;
  text-align: left;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

.data-table th {
  background: var(--header-bg);
  color: #51555a;
  font-weight: 400;
}

.data-table td { color: #33363a; }

/* PRODUCT TABLE */
.product-table { min-width: 1080px; }

.product-table .col-no { width: 6.2%; }
.product-table .col-product-name { width: 29%; }
.product-table .col-product-image { width: 7.4%; }
.product-table .col-specs { width: 17%; }
.product-table .col-quantity { width: 9%; }
.product-table .col-unit { width: 8%; }
.product-table .col-price { width: 11.6%; }
.product-table .col-total { width: 11.8%; }

.product-table thead th {
  height: 65px;
  padding-top: 13px;
  padding-bottom: 13px;
}

.product-table tbody .product-main-row { height: 67px; }
.product-table tbody .product-description-row { height: 44px; }

.center-cell { text-align: center !important; }

.product-name-cell, .product-image-cell, .specs-cell {
  vertical-align: top !important;
}

.product-name-cell { padding-top: 16px !important; }

.product-link {
  color: #0a83bd;
  font-weight: 500;
}

.product-image-cell { padding: 10px 11px !important; }

.product-placeholder {
  width: 52px;
  height: 58px;
  display: grid;
  place-items: center;
  background: #f7f7f7;
  border: 1px solid #eeeeee;
}

.specs-cell {
  padding-top: 15px !important;
  line-height: 1.8;
}

.price-cell { white-space: nowrap; }

.old-price {
  margin-top: 3px;
  color: #92969b;
  text-decoration: line-through;
}

.product-description-row td {
  padding-top: 11px;
  padding-bottom: 11px;
  color: #85898e;
}

.product-summary {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 29px;
  padding: 0 17px;
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  border-left: 1px solid var(--border);
}

.product-summary div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.product-summary span { color: #8a8e93; }
.product-summary strong { color: #34373a; font-size: 14px; }

/* SHIPMENT TABLE */
.shipment-table { min-width: 1000px; }

.shipment-col-a { width: 21.5%; }
.shipment-col-b { width: 28.5%; }
.shipment-col-c { width: 28.5%; }
.shipment-col-d { width: 21.5%; }

.shipment-table th, .shipment-table td { padding: 13px 15px; }

.table-label-row th {
  height: 45px;
  background: var(--header-bg);
  color: #5a5d61;
  font-weight: 400;
}

.shipment-value-row td { height: 45px; }

.express-value {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.express-icon {
  width: 18px;
  height: 18px;
  color: #4c5960;
}

.carrier-row td {
  min-height: 86px;
  vertical-align: middle;
}

.carrier-name {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 6px;
}

.carrier-name strong {
  color: var(--orange);
  font-weight: 600;
}

.carrier-warning {
  max-width: 500px;
  color: var(--red);
  font-size: 11px;
  line-height: 1.55;
}

.trade-description-row td {
  height: 46px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #8a8e93;
}

.trade-description-row strong { color: #676b70; }

/* PAYMENT TABLE */
.payment-table { min-width: 900px; }

.payment-col { width: 21.5%; }
.payment-col-wide { width: 28.5%; }

.payment-table th { height: 45px; }
.payment-table td { height: 69px; }

.help-icon {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #69c668;
  border-radius: 50%;
  color: #55af55;
  background: #fff;
  font-size: 10px;
  font-weight: 700;
}

.payment-method-cell {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.payment-logos {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 22px;
}

.logo-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

.visa { color: #1a4d99; font-size: 14px; font-style: italic; }

.mastercard-logo {
  position: relative;
  width: 27px;
  height: 17px;
  display: inline-block;
}

.mc-circle {
  position: absolute;
  top: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

.mc-red { left: 1px; background: #e5322d; }
.mc-yellow { right: 1px; background: #f5a623; opacity: 0.95; }

.tt { color: #295a9b; font-size: 15px; font-style: italic; }
.paypal { color: #0877ba; font-size: 12px; }

.payment-secondary {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 2px;
  white-space: nowrap;
}

.wallet-badge {
  min-height: 15px;
  padding: 1px 4px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border: 1px solid #d6d9dc;
  border-radius: 3px;
  background: #fff;
  color: #242629;
  font-size: 7px;
}

.apple-mark { font-size: 7px; }
.google-pay { color: #5f6368; }

.payment-secondary strong {
  margin-left: 2px;
  font-size: 13px;
  color: #323538;
}

.text-link {
  display: inline;
  margin: 2px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0b83c5;
  font-size: 12px;
  cursor: pointer;
}

.text-link:hover { text-decoration: underline; }

.amount-due {
  color: #dc821d;
  font-weight: 500;
}

/* TRADE ASSURANCE */
.assurance-box {
  min-height: 104px;
  padding: 16px 17px 14px;
  border: 1px solid var(--border);
  background: #fff;
}

.assurance-heading {
  margin-bottom: 11px;
  color: #4b4f53;
  font-size: 12px;
}

.assurance-box ul {
  margin: 0;
  padding-left: 21px;
  color: #696d72;
  font-size: 11px;
  line-height: 1.75;
}

/* ORDER NOTES */
.notes-box {
  min-height: 58px;
  display: flex;
  align-items: center;
  padding: 14px 17px;
  border: 1px solid var(--border);
  background: #fff;
  color: #303337;
}

/* BUYER / SELLER */
.party-information {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 192px;
  background: var(--header-bg-alt);
}

.party-column { padding: 25px 20px 20px; }

.party-column h3 {
  margin: 0 0 14px;
  color: #16191c;
  font-size: 13px;
  font-weight: 700;
}

.supplier-content {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 13px;
}

.elspet-logo {
  width: 76px;
  height: 76px;
  background: #fff;
}

.elspet-logo svg {
  width: 100%;
  height: 100%;
  display: block;
}

.party-details {
  min-width: 0;
  color: #5d6166;
}

.company-name {
  margin-bottom: 8px;
  color: #222528;
}

.detail-row {
  display: grid;
  grid-template-columns: 174px minmax(0, 1fr);
  align-items: start;
  column-gap: 7px;
  min-height: 21px;
  line-height: 1.42;
}

.supplier-column .detail-row {
  grid-template-columns: 165px minmax(0, 1fr);
}

.detail-row:has(.verified-icon) {
  grid-template-columns: 165px auto 18px;
  justify-content: start;
}

.detail-label { color: #62666b; }
.detail-address { margin-bottom: 1px; }

.verified-icon {
  width: 17px;
  height: 17px;
  display: inline-flex;
  color: #1e94dd;
  transform: translateY(1px);
}

.verified-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* EDIT MODE */
[data-editable] {
  position: relative;
  border-radius: 2px;
}

body.edit-mode [data-editable] {
  min-width: 12px;
  outline: 1px dashed rgba(255, 106, 0, 0.7);
  outline-offset: 2px;
  background: rgba(255, 244, 234, 0.55);
  cursor: text;
}

body.edit-mode [data-editable]:focus {
  outline: 2px solid rgba(255, 106, 0, 0.9);
  background: #fffaf6;
}

/* MODAL */
.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.34);
}

.modal-backdrop[hidden] { display: none; }

.modal {
  position: relative;
  width: min(480px, 100%);
  padding: 25px 25px 21px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.10);
}

.modal h2 {
  margin: 0 40px 17px 0;
  font-size: 18px;
  font-weight: 600;
}

.modal p {
  margin: 0 0 8px;
  color: #555a60;
}

.modal-close {
  position: absolute;
  top: 9px;
  right: 12px;
  width: 31px;
  height: 31px;
  border: 0;
  background: transparent;
  color: #777;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 22px;
}

/* TOAST */
.toast {
  position: fixed;
  z-index: 1100;
  right: 22px;
  bottom: 22px;
  max-width: min(340px, calc(100vw - 44px));
  padding: 11px 15px;
  border-radius: 4px;
  background: #2f3337;
  color: #fff;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);
  font-size: 12px;
}

.toast[hidden] { display: none; }

/* RESPONSIVE */
@media (max-width: 900px) {
  .page-shell { padding: 18px 14px 26px; }

  .header-main { align-items: flex-start; }

  .header-actions { gap: 8px; }

  .party-information { grid-template-columns: 1fr; }

  .party-column + .party-column { border-top: 1px solid #e1e3e6; }

  .buyer-column .party-details { max-width: 700px; }
}

@media (max-width: 680px) {
  :root { --section-gap: 24px; }

  body { font-size: 12px; }

  .page-shell { padding: 14px 10px 24px; }

  .header-main { display: block; }

  .header-actions {
    margin-top: 14px;
    padding-top: 0;
  }

  .btn {
    min-width: 0;
    padding-left: 17px;
    padding-right: 17px;
  }

  .order-meta {
    display: grid;
    gap: 4px;
  }

  .document-tools { justify-content: flex-start; }

  .product-summary {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px 22px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .section-title { font-size: 15px; }

  .party-column { padding: 20px 14px; }

  .supplier-content {
    grid-template-columns: 65px 1fr;
    gap: 10px;
  }

  .elspet-logo {
    width: 62px;
    height: 62px;
  }

  .detail-row, .supplier-column .detail-row {
    grid-template-columns: 125px minmax(0, 1fr);
  }

  .detail-row:has(.verified-icon) {
    grid-template-columns: 125px auto 18px;
  }
}

/* PRINT */
@media print {
  @page {
    size: A4 landscape;
    margin: 8mm;
  }

  html, body { background: #fff !important; }

  body {
    font-size: 9px;
    color: #222;
  }

  .page-shell { padding: 0; }

  .order-document {
    max-width: none;
    width: 100%;
  }

  .no-print, .document-tools { display: none !important; }

  .table-scroll { overflow: visible; }

  .data-table { min-width: 0; }

  .section {
    break-inside: avoid;
    margin-top: 14px;
  }

  .section-title {
    margin-bottom: 6px;
    font-size: 11px;
  }

  .data-table th, .data-table td { padding: 6px 7px; }

  .product-table thead th, .table-label-row th, .payment-table th { height: auto; }

  .party-information {
    grid-template-columns: 1fr 1fr;
    break-inside: avoid;
  }

  body.edit-mode [data-editable] {
    outline: none;
    background: transparent;
  }
}


/* FIXED BUILD v5 */
#productTableBody:empty::after {
  content: "Loading example product...";
  display: table-row;
  color: #888;
}

.product-item-row {
  background: #fff;
}

.product-item-row .product-image-cell {
  overflow: visible;
}

.product-item-row .image-edit-button {
  z-index: 10;
}


/* =========================================================
   PRODUCT IMAGE SIZE — MATCH REFERENCE SCREENSHOT
   Any uploaded image is forced into the same small visual box.
========================================================= */

.product-image-cell {
  width: 76px !important;
  padding: 10px 12px !important;
  text-align: center;
  vertical-align: middle !important;
  overflow: visible;
}

.product-image-editor {
  width: 54px !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.product-placeholder {
  width: 44px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f7f7f7;
  border: 1px solid #eeeeee;
}

.product-placeholder svg {
  width: 38px !important;
  height: 46px !important;
}

.uploaded-product-image {
  width: 44px !important;
  height: 52px !important;
  max-width: 44px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #eeeeee;
}

.uploaded-product-image[hidden] {
  display: none !important;
}

@media print {
  .uploaded-product-image {
    width: 44px !important;
    height: 52px !important;
    max-width: 44px !important;
    max-height: 52px !important;
    object-fit: contain !important;
  }

  .product-image-editor {
    width: 54px !important;
    height: 60px !important;
  }
}


/* =========================================================
   BUILD v6 — SUPPLIER IMAGE EDITOR
========================================================= */

.supplier-logo-editor {
  position: relative;
  width: 80px;
  min-height: 80px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.supplier-uploaded-logo {
  width: 76px !important;
  height: 76px !important;
  max-width: 76px !important;
  max-height: 76px !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block;
  background: #fff;
  border: 1px solid #d9dce0;
}

.supplier-uploaded-logo[hidden] {
  display: none !important;
}

.supplier-image-edit-button {
  display: none;
  position: absolute;
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
  z-index: 20;
  min-width: 78px;
  padding: 4px 7px;
  border: 1px solid var(--orange);
  border-radius: 3px;
  background: #fff;
  color: var(--orange-dark);
  font-size: 9px;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}

body.edit-mode .supplier-image-edit-button {
  display: block;
}

body.edit-mode .supplier-logo-editor {
  outline: 1px dashed rgba(255, 106, 0, 0.65);
  outline-offset: 3px;
  border-radius: 2px;
  cursor: pointer;
}

/* =========================================================
   BUILD v6 — PAYMENT BRAND ICONS
   Uses deterministic CSS/SVG, not emoji/system glyphs.
========================================================= */

.payment-brand-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 7px;
}

.pay-logo {
  display: inline-flex;
  align-items: center;
  height: 18px;
  white-space: nowrap;
  line-height: 1;
}

.visa-logo {
  color: #1a4fa3;
  font-size: 14px;
  font-weight: 800;
  font-style: italic;
  letter-spacing: -0.6px;
}

.mastercard-brand {
  position: relative;
  width: 27px;
  min-width: 27px;
}

.mc-dot {
  position: absolute;
  top: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

.mc-dot-red {
  left: 1px;
  background: #eb001b;
}

.mc-dot-orange {
  right: 1px;
  background: #f79e1b;
  opacity: 0.96;
}

.tt-logo {
  color: #285c9b;
  font-size: 14px;
  font-weight: 800;
  font-style: italic;
  letter-spacing: -0.6px;
}

.paypal-logo {
  gap: 1px;
  font-weight: 700;
}

.paypal-p1 {
  color: #003087;
  font-size: 15px;
  font-style: italic;
  font-weight: 800;
}

.paypal-p2 {
  color: #0070ba;
  font-size: 11px;
  font-weight: 700;
}

.wallet-logo {
  height: 16px;
  min-width: 31px;
  padding: 1px 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border: 1px solid #d7dadd;
  border-radius: 3px;
  background: #fff;
  color: #181818;
  font-size: 7px;
  line-height: 1;
}

.apple-pay-mark {
  width: 8px;
  height: 9px;
  display: block;
  color: #111;
}

.google-pay-logo {
  gap: 1px;
}

.g-blue {
  color: #4285f4;
  font-weight: 800;
  font-size: 8px;
}

.gpay-text {
  color: #4d5156;
  font-weight: 600;
}

.payment-secondary strong {
  color: #272a2d;
}

/* =========================================================
   BUILD v6 — STRONG PRINT SANITIZATION
   Prevents upload controls/edit outlines from entering PDF.
========================================================= */

body.printing .no-print,
body.printing .document-tools,
body.printing .product-toolbar,
body.printing .row-actions,
body.printing .image-edit-button,
body.printing .supplier-image-edit-button,
body.printing input[type="file"],
body.printing .visually-hidden {
  display: none !important;
  visibility: hidden !important;
}

body.printing [contenteditable="true"],
body.printing [data-universal-editable="true"],
body.printing .editable-product-field,
body.printing .product-image-editor,
body.printing .supplier-logo-editor {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .no-print,
  .document-tools,
  .product-toolbar,
  .row-actions,
  .image-edit-button,
  .supplier-image-edit-button,
  input[type="file"],
  .visually-hidden {
    display: none !important;
    visibility: hidden !important;
  }

  [contenteditable="true"],
  [data-universal-editable="true"],
  .editable-product-field,
  .product-image-editor,
  .supplier-logo-editor {
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .supplier-uploaded-logo,
  .elspet-logo {
    width: 76px !important;
    height: 76px !important;
    max-width: 76px !important;
    max-height: 76px !important;
    object-fit: contain !important;
  }

  .visa-logo { color: #1a4fa3 !important; }
  .mc-dot-red { background: #eb001b !important; }
  .mc-dot-orange { background: #f79e1b !important; }
  .tt-logo { color: #285c9b !important; }
  .paypal-p1 { color: #003087 !important; }
  .paypal-p2 { color: #0070ba !important; }
  .g-blue { color: #4285f4 !important; }
}


/* =========================================================
   BUILD v7 — HIDE IMAGE PLACEHOLDER AFTER UPLOAD
   Fixes the small broken/placeholder image icon appearing beside
   an uploaded product image and in printed/PDF output.
========================================================= */

.product-placeholder[hidden],
#productImagePlaceholder[hidden],
#supplierLogoPlaceholder[hidden],
.elspet-logo[hidden] {
  display: none !important;
  visibility: hidden !important;
}

.product-image-editor:has(.uploaded-product-image:not([hidden])) .product-placeholder {
  display: none !important;
  visibility: hidden !important;
}

.supplier-logo-editor:has(.supplier-uploaded-logo:not([hidden])) .elspet-logo {
  display: none !important;
  visibility: hidden !important;
}

@media print {
  .product-placeholder[hidden],
  #productImagePlaceholder[hidden],
  #supplierLogoPlaceholder[hidden],
  .elspet-logo[hidden] {
    display: none !important;
    visibility: hidden !important;
  }

  .product-image-editor:has(.uploaded-product-image:not([hidden])) .product-placeholder {
    display: none !important;
    visibility: hidden !important;
  }

  .supplier-logo-editor:has(.supplier-uploaded-logo:not([hidden])) .elspet-logo {
    display: none !important;
    visibility: hidden !important;
  }
}