/* Mandeno mobile layer - loaded after mains.css / main.css. Only applies on phones/tablets. */
@media (max-width: 820px){
  html{-webkit-text-size-adjust:100%}
  body{font-size:16px;line-height:1.45;background:#fff;overflow-x:hidden}
  #wrapper{width:100%!important;max-width:100%;box-sizing:border-box}
  img{max-width:100%;height:auto}
  td,li,p,.textn,.textr,.textg,.textb,.textgr,.textbr{font-size:15px;line-height:1.45}
  .textns,.textrs,.textgs,.textgrs,.textbs{font-size:13px}
  A,A:link,A:visited,A.green,A.blue,A.red,A.black,A.big,A.bigblue,A.bigred,A.bigblack,A.small{font-size:15px}
  A.biggreen,A.biggreen:link,A.biggreen:visited{font-size:17px}
  h1,h1 A,h1 A:link,h1 A:visited{font-size:20px;margin:14px 8px 4px}
  h2,h2 A{font-size:17px}
  p{font-size:15px}
  .header{font-size:18px}
  .ordercode{font-size:15px}
  .price{font-size:17px}
  .hgrbar{height:auto;padding:6px 8px;font-size:14px}

  /* page layout tables: stack as blocks, main content first, side columns after */
  #wrapper > table,
  #wrapper > table > tbody,
  #wrapper > table > tbody > tr,
  #wrapper > table > tbody > tr > td{display:block;width:auto!important;height:auto!important;box-sizing:border-box}
  #wrapper > table > tbody > tr{display:flex;flex-direction:column}
  #wrapper > table > tbody > tr > td{order:3;max-width:100%}
  #wrapper > table > tbody > tr > td.section{order:1}
  #wrapper > table > tbody > tr > td.sidebar{order:2}
  #wrapper > table > tbody > tr > td[width="5"]{display:none}
  td.sidebar{margin:0;padding:6px 8px}
  td.section{margin:0;padding:6px 8px}
  table.sidebar{width:100%!important;margin:8px 0}

  /* header: logo, big nav buttons, banner */
  #wrapper > table:first-of-type > tbody > tr > td{display:block;width:auto!important;padding:2px}
  #wrapper > table:first-of-type > tbody > tr > td:first-child{min-height:108px;background-position:left top;background-repeat:no-repeat;position:relative}
  #wrapper > table:first-of-type > tbody > tr > td:first-child > table{position:absolute;left:0;bottom:2px}
  #wrapper > table:first-of-type td img[width="26"]{width:42px;height:40px;margin:3px 2px}
  #wrapper > table:first-of-type td table{width:auto}
  #wrapper > table:first-of-type td td{white-space:normal!important}
  #wrapper > table:first-of-type > tbody > tr > td:last-child img{width:100%;height:auto;max-height:90px;object-fit:cover}

  body.home td.section img,body.home td.section div,body.home td.section a,body.home td.section span,body.home td.section p{float:none!important}
  body.home td.section img[align]{float:none!important;margin-left:0!important;margin-right:0!important}
  body.home td.section img{display:block;clear:both;max-width:100%!important;height:auto!important}
  body.home td.section ul{clear:both}

  /* ---- home page tiles: tighter + cleaner ---- */
  body.home td.section img[src*="space.gif"],body.home td.section img[width="1"]{display:none}
  body.home td.section br{display:none}
  body.home td.section p,body.home td.section div{margin:2px 0!important;padding:0!important;height:auto!important;min-height:0!important}
  body.home td.section td{padding:2px 0!important;height:auto!important}
  body.home td.section a{display:block;margin:14px 0 6px;padding:2px 0 2px 10px;border-left:4px solid #558800;text-decoration:none;font-size:17px;line-height:1.3}
  body.home td.section li a{display:inline;margin:0;padding:0;border:0}
  body.home td.section img{margin:4px 0 8px!important;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.18)}
  body.home td.section ul{margin:4px 0 8px;padding-left:20px}
  body.home td.section li{margin:3px 0}
  body.home td.section h1{margin:18px 0 4px;padding-bottom:4px;border-bottom:2px solid #558800}

  /* ---- search boards (catalogue search / structure): full-width controls ---- */
  table.board,table.board > tbody,table.board > tbody > tr,table.board > tbody > tr > td{display:block;width:auto!important;text-align:left!important;height:auto!important;box-sizing:border-box}
  table.board select,table.sidebar select,td.sidebar select{width:100%!important;max-width:100%}
  table.board input[type=text],table.sidebar input[type=text]{width:100%!important}
  table.board{padding:6px 8px}

  /* newsletter + help pages */
  body.news > table,body.news > table > tbody,body.news > table > tbody > tr,body.news > table > tbody > tr > td,
  #wrapper ~ table,#wrapper ~ table > tbody,#wrapper ~ table > tbody > tr,#wrapper ~ table > tbody > tr > td{display:block;width:auto!important;box-sizing:border-box}
  #wrapper ~ table > tbody > tr{display:flex;flex-direction:column}

  #wrapper > table > tbody > tr > td.mmain{order:1}
  body.news table,body.news tbody,body.news tr{max-width:100%}
  body.news td.mmain table,body.news td.mmain tbody,body.news td.mmain tr,body.news td.mmain td{display:block;width:auto!important;height:auto!important;box-sizing:border-box}
  body.news td.mmain img{float:none!important;display:block;max-width:100%!important;height:auto!important;margin:8px auto!important}
  body.news td.mmain div,body.news td.mmain p{float:none!important;width:auto!important;max-width:100%}
  body.news td.mmain{padding:6px 8px}
  table[width="317"]{width:100%!important}

  /* two-column form rows (account details etc.): one field per row */
  tr:has(> td[width="50%"]){display:block}
  td[width="50%"]{display:block;width:auto!important;text-align:left!important;box-sizing:border-box}
  td[width="50%"] p{text-align:left!important}
  td[width="50%"] input[type=text],td[width="50%"] input[type=password],td[width="50%"] input[type=email],td[width="50%"] select{width:100%!important}

  /* order / quotation form */
  table.sect{height:auto!important}
  table.mstack,table.mstack > tbody,table.mstack > tbody > tr,table.mstack > tbody > tr > td{display:block;width:auto!important;height:auto!important;box-sizing:border-box;text-align:left!important}
  table.mstack > tbody > tr > td{padding:3px 6px}
  table.mstack td.textr,table.mstack td.textn{font-weight:700}
  table.mstack input[type=text],table.mstack select,table.mstack textarea{width:100%!important}
  table.mstack input[name="req_date"]{width:60%!important}
  table.mstack input[name="sub_total"],table.mstack input[name="discount"],table.mstack input[name="packing"],table.mstack input[name="freight_cost"],table.mstack input[name="gst_value"],table.mstack input[name="grand_total"]{width:140px!important;text-align:left!important}
  table.oitems{width:100%!important}
  table.oitems td{font-size:13px;padding:2px;display:table-cell}
  table.oitems textarea{width:100%!important;height:50px!important}
  /* nested content columns (home page quick links etc.) */
  body.home td.section table,body.home td.section tbody,body.home td.section tr,body.home td.section td,
  table.mcols,table.mcols tbody,table.mcols tr,table.mcols td,table.mcols table{display:block;width:auto!important;height:auto!important;max-width:100%;box-sizing:border-box}
  body.home td.section td,table.mcols td{text-align:left!important;padding:4px 0}
  body.home td.section img,table.mcols img{max-width:100%!important;height:auto!important;display:block;margin:6px 0}
  table.mcols ul{margin:6px 0;padding-left:22px}
  table.mcols li{margin:4px 0}
  td[bgcolor="#eeeeee"]{padding:6px 8px}

  /* forms */
  input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],select,textarea{font-size:16px!important;min-height:40px;max-width:100%;box-sizing:border-box;border-radius:6px}
  input[type=radio],input[type=checkbox]{width:22px;height:22px;vertical-align:middle;margin:4px 6px 4px 0}
  input[type=submit],input[type=button],button{font-size:16px;min-height:44px;padding:8px 16px;border-radius:6px}
  form table,form table > tbody,form table > tbody > tr{max-width:100%}
  .t_input{width:100%!important}

  /* login / form tables with two columns: stack */
  table.mform,table.mform > tbody,table.mform > tbody > tr,table.mform > tbody > tr > td{display:block;width:auto!important;text-align:left!important}

  /* search results */
  .lfloat[style*="width:40px"]{width:32px!important}
  .rfloat img{margin:6px 8px}

  /* basket item cards */
  table.bitem,table.bitem > tbody,table.bitem > tbody > tr,table.bitem > tbody > tr > td{display:block;width:auto!important;height:auto!important}
  table.bitem{border:1px solid #d6d6c9!important;border-radius:8px;margin:10px 0;overflow:hidden;background:#fff}
  table.bitem > tbody > tr > td[bgcolor]:first-child{height:6px!important;padding:0}
  table.bitem > tbody > tr > td:first-child img[src*="space.gif"]{display:none}
  table.bitem > tbody > tr > td:nth-child(2){text-align:center;padding:8px}
  table.bitem > tbody > tr > td:nth-child(2) img{max-width:60%}
  table.bitem .bact,table.bitem .bact > tbody,table.bitem .bact > tbody > tr,table.bitem .bact > tbody > tr > td{display:block;width:auto!important;text-align:left!important}

  table.bitem .bact > tbody > tr:nth-child(2) > td:nth-child(2)::before{content:"Package: ";color:#558800;font-weight:700}
  table.bitem .bact > tbody > tr:nth-child(2) > td:nth-child(3)::before{content:"Quantity: ";color:#558800;font-weight:700}
  table.bitem .bact > tbody > tr:nth-child(2) > td:nth-child(4)::before{content:"Price per package: ";color:#558800;font-weight:700}
  table.bitem .bact > tbody > tr:nth-child(2) > td:nth-child(5)::before{content:"Line total: ";color:#558800;font-weight:700}
  table.bitem .bact > tbody > tr:first-child{display:none!important}
  table.bitem .bact > tbody{display:flex!important;flex-direction:column}
  table.bitem .bact > tbody > tr:nth-child(2){display:contents!important}
  table.bitem .bact > tbody > tr:nth-child(2) > td{order:3}
  table.bitem .bact > tbody > tr:nth-child(2) > td:first-child{order:1}
  table.bitem .bact > tbody > tr:nth-child(n+3){order:2}
  table.bitem .bact > tbody > tr > td{padding:6px 10px}
  table.bitem input[name="quantity[]"]{width:90px!important}
  table.bitem input[name="price[]"],table.bitem input[name="total[]"]{width:110px!important;text-align:left!important;display:inline-block}

  /* messages and big buttons */
  center a img,.headsect img{max-width:46%}
  .headsect{margin:8px 0;text-align:left!important}

  /* footer */
  .footer,td.footer{font-size:13px}
}
@media (max-width: 480px){
  A.footlink{display:inline-block;padding:6px 4px}
}

/* ---- modern icon set (replaces the old GIF icons on every screen size) ---- */
img[src$="images/buttons/home.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22M3 11.5 12 4l9 7.5%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22M5.5 10.5V20h13v-9.5%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22M10 20v-5.5h4V20%22/%3E%3C/svg%3E")}
img[src$="images/buttons/mag_glass.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle stroke=%22%233f6b1f%22 stroke-width=%221.8%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22m15.5 15.5 5 5%22/%3E%3C/svg%3E")}
img[src$="images/buttons/mag_glass_s.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle stroke=%22%233f6b1f%22 stroke-width=%221.8%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22m15.5 15.5 5 5%22/%3E%3C/svg%3E")}
img[src$="images/buttons/struc.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect stroke=%22%233f6b1f%22 stroke-width=%221.8%22 x=%229%22 y=%223%22 width=%226%22 height=%225%22 rx=%221%22/%3E%3Crect stroke=%22%233f6b1f%22 stroke-width=%221.8%22 x=%223%22 y=%2216%22 width=%226%22 height=%225%22 rx=%221%22/%3E%3Crect stroke=%22%233f6b1f%22 stroke-width=%221.8%22 x=%2215%22 y=%2216%22 width=%226%22 height=%225%22 rx=%221%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22M12 8v4M6 16v-4h12v4%22/%3E%3C/svg%3E")}
img[src$="images/buttons/paper.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22M6 3h9l4 4v14H6z%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22M14 3v5h5M9 12h7M9 15.5h7M9 9h3%22/%3E%3C/svg%3E")}
img[src$="images/buttons/users.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle stroke=%22%233f6b1f%22 stroke-width=%221.8%22 cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7%22/%3E%3C/svg%3E")}
img[src$="images/buttons/email.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect stroke=%22%233f6b1f%22 stroke-width=%221.8%22 x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22m3.5 7 8.5 6.5L20.5 7%22/%3E%3C/svg%3E")}
img[src$="images/buttons/help.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle stroke=%22%233f6b1f%22 stroke-width=%221.8%22 cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22M9.5 9.5a2.5 2.5 0 1 1 3.6 2.2c-.8.4-1.1 1-1.1 1.8%22/%3E%3Ccircle cx=%2212%22 cy=%2217%22 r=%221%22 fill=%22%233f6b1f%22/%3E%3C/svg%3E")}
img[src$="images/buttons/pdfbutt.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath stroke=%22%23c0392b%22 stroke-width=%221.8%22 d=%22M6 3h9l4 4v14H6z%22/%3E%3Cpath stroke=%22%23c0392b%22 stroke-width=%221.8%22 d=%22M14 3v5h5%22/%3E%3Ctext x=%2212%22 y=%2217%22 font-family=%22Arial%22 font-weight=%22700%22 font-size=%225.5%22 text-anchor=%22middle%22 fill=%22%23c0392b%22%3EPDF%3C/text%3E%3C/svg%3E")}
img[src$="images/buttons/favbutt.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath stroke=%22%23c98a00%22 stroke-width=%221.6%22 fill=%22%23f5c542%22 d=%22m12 3 2.7 5.6 6.1.8-4.5 4.2 1.1 6.1L12 16.9 6.6 19.7l1.1-6.1-4.5-4.2 6.1-.8z%22/%3E%3C/svg%3E")}
img[src$="images/buttons/quotebutt.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect stroke=%22%232a6fb0%22 stroke-width=%221.8%22 x=%225%22 y=%224%22 width=%2214%22 height=%2217%22 rx=%222%22/%3E%3Cpath stroke=%22%232a6fb0%22 stroke-width=%221.8%22 d=%22M9 4V3h6v1M8.5 10h7M8.5 13.5h7M8.5 17h4%22/%3E%3C/svg%3E")}
img[src$="images/buttons/cartbutt.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 d=%22M3 4h2.5l2.2 10.5h10.3L20 7H6.5%22/%3E%3Ccircle cx=%229.5%22 cy=%2219%22 r=%221.6%22 fill=%22%233f6b1f%22/%3E%3Ccircle cx=%2217%22 cy=%2219%22 r=%221.6%22 fill=%22%233f6b1f%22/%3E%3C/svg%3E")}
img[src$="images/buttons/r_reset.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2284%22 height=%2234%22 viewBox=%220 0 84 34%22%3E%3Crect x=%221%22 y=%221%22 width=%2282%22 height=%2232%22 rx=%227%22 fill=%22%23a63a2a%22/%3E%3Ctext x=%2242.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3EReset%3C/text%3E%3C/svg%3E")}
img[src$="images/buttons/g_find.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2284%22 height=%2234%22 viewBox=%220 0 84 34%22%3E%3Crect x=%221%22 y=%221%22 width=%2282%22 height=%2232%22 rx=%227%22 fill=%22%23558800%22/%3E%3Ctext x=%2242.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3EFind%3C/text%3E%3C/svg%3E")}
img[src$="images/buttons/r_add.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22104%22 height=%2234%22 viewBox=%220 0 104 34%22%3E%3Crect x=%221%22 y=%221%22 width=%22102%22 height=%2232%22 rx=%227%22 fill=%22%23a63a2a%22/%3E%3Ctext x=%2252.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3EAdd new%3C/text%3E%3C/svg%3E")}
img[src$="images/buttons/g_mord.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22176%22 height=%2234%22 viewBox=%220 0 176 34%22%3E%3Crect x=%221%22 y=%221%22 width=%22174%22 height=%2232%22 rx=%227%22 fill=%22%23558800%22/%3E%3Ctext x=%2288.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3EMake order or quote%3C/text%3E%3C/svg%3E")}
img[src$="images/buttons/g_update.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22132%22 height=%2234%22 viewBox=%220 0 132 34%22%3E%3Crect x=%221%22 y=%221%22 width=%22130%22 height=%2232%22 rx=%227%22 fill=%22%23558800%22/%3E%3Ctext x=%2266.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3EUpdate basket%3C/text%3E%3C/svg%3E")}
img[src$="images/buttons/g_go.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2234%22 height=%2234%22 viewBox=%220 0 34 34%22%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%2216%22 fill=%22%23558800%22/%3E%3Ctext x=%2217%22 y=%2222%22 font-family=%22Arial%22 font-weight=%22700%22 font-size=%2213%22 text-anchor=%22middle%22 fill=%22%23fff%22%3EGO%3C/text%3E%3C/svg%3E")}
img[src$="buttons/home.gif"],img[src$="buttons/mag_glass.gif"],img[src$="buttons/struc.gif"],img[src$="buttons/paper.gif"],img[src$="buttons/users.gif"],img[src$="buttons/email.gif"],img[src$="buttons/help.gif"]{width:30px!important;height:30px!important;padding:0 2px}
img[src$="buttons/pdfbutt.gif"],img[src$="buttons/favbutt.gif"],img[src$="buttons/quotebutt.gif"],img[src$="buttons/cartbutt.gif"]{width:28px!important;height:28px!important}
img[src$="buttons/mag_glass_s.gif"]{width:22px!important;height:22px!important}
img[src$="buttons/r_reset.gif"],img[src$="buttons/g_find.gif"],img[src$="buttons/r_add.gif"],img[src$="buttons/g_mord.gif"],img[src$="buttons/g_update.gif"],img[src$="buttons/g_go.gif"]{width:auto!important;height:34px!important}
@media (max-width:820px){
  img[src$="buttons/home.gif"],img[src$="buttons/mag_glass.gif"],img[src$="buttons/struc.gif"],img[src$="buttons/paper.gif"],img[src$="buttons/users.gif"],img[src$="buttons/email.gif"],img[src$="buttons/help.gif"]{width:40px!important;height:40px!important}
  img[src$="buttons/pdfbutt.gif"],img[src$="buttons/favbutt.gif"],img[src$="buttons/quotebutt.gif"],img[src$="buttons/cartbutt.gif"]{width:34px!important;height:34px!important}
}

/* ---- more icons ---- */
img[src$="images/buttons/g_cord.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22210%22 height=%2234%22 viewBox=%220 0 210 34%22%3E%3Crect x=%221%22 y=%221%22 width=%22208%22 height=%2232%22 rx=%227%22 fill=%22%23558800%22/%3E%3Ctext x=%22105.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3EComplete order or quote%3C/text%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/buttons/g_back.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2284%22 height=%2234%22 viewBox=%220 0 84 34%22%3E%3Crect x=%221%22 y=%221%22 width=%2282%22 height=%2232%22 rx=%227%22 fill=%22%23558800%22/%3E%3Ctext x=%2242.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3EBack%3C/text%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/buttons/g_view.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2284%22 height=%2234%22 viewBox=%220 0 84 34%22%3E%3Crect x=%221%22 y=%221%22 width=%2282%22 height=%2232%22 rx=%227%22 fill=%22%23558800%22/%3E%3Ctext x=%2242.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3EView%3C/text%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/buttons/r_save.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2284%22 height=%2234%22 viewBox=%220 0 84 34%22%3E%3Crect x=%221%22 y=%221%22 width=%2282%22 height=%2232%22 rx=%227%22 fill=%22%23a63a2a%22/%3E%3Ctext x=%2242.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3ESave%3C/text%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/buttons/r_sendmail.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22110%22 height=%2234%22 viewBox=%220 0 110 34%22%3E%3Crect x=%221%22 y=%221%22 width=%22108%22 height=%2232%22 rx=%227%22 fill=%22%23a63a2a%22/%3E%3Ctext x=%2255.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3ESend mail%3C/text%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/buttons/back_button.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2284%22 height=%2234%22 viewBox=%220 0 84 34%22%3E%3Crect x=%221%22 y=%221%22 width=%2282%22 height=%2232%22 rx=%227%22 fill=%22%23558800%22/%3E%3Ctext x=%2242.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3EBack%3C/text%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/buttons/back_over.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2284%22 height=%2234%22 viewBox=%220 0 84 34%22%3E%3Crect x=%221%22 y=%221%22 width=%2282%22 height=%2232%22 rx=%227%22 fill=%22%233f6b1f%22/%3E%3Ctext x=%2242.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3EBack%3C/text%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/email_button.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22%3E%3Crect stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22 x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22 d=%22m3.5 7 8.5 6.5L20.5 7%22/%3E%3C/svg%3E");width:30px!important;height:30px!important}
img[src$="images/buttons/printer.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22 d=%22M7 9V3h10v6M7 17H4.5V10h15v7H17%22/%3E%3Crect stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22 x=%227%22 y=%2214%22 width=%2210%22 height=%227%22/%3E%3C/svg%3E");width:30px!important;height:30px!important}
img[src$="images/buttons/more_det.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2228%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23c0392b%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 6 6 6-6 6M12 6l6 6-6 6%22/%3E%3C/svg%3E");width:14px!important;height:14px!important;vertical-align:middle}
ul{list-style-image:none;list-style-type:disc}
li::marker{color:#558800}
body.home td.section a:has(img){border:0!important;padding:0!important;margin:4px 0!important}
@media (max-width:820px){ body.home td.section a:has(img){display:block} }

/* ---- home page content icons + Colortrac picture ---- */
td.section a[href*="pg_id=-1&psg_id=-1&pt_id=-1&pst_id=-1&sup_id=-1"] > img{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22%3E%3Ccircle stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22 d=%22m15.5 15.5 5 5%22/%3E%3C/svg%3E");width:34px!important;height:34px!important;border-radius:0!important;box-shadow:none!important}
td.section a[href*="structure/cat_structure.php"] > img{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22%3E%3Crect stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22 x=%229%22 y=%223%22 width=%226%22 height=%225%22 rx=%221%22/%3E%3Crect stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22 x=%223%22 y=%2216%22 width=%226%22 height=%225%22 rx=%221%22/%3E%3Crect stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22 x=%2215%22 y=%2216%22 width=%226%22 height=%225%22 rx=%221%22/%3E%3Cpath stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22 d=%22M12 8v4M6 16v-4h12v4%22/%3E%3C/svg%3E");width:34px!important;height:34px!important;border-radius:0!important;box-shadow:none!important}
img[src*="g_4831_soyewndy.png"]{content:url("https://www.mandeno.co.nz/images/paragraphs/g_4831_soyewndy.png")}

/* ---- next / previous / to top ---- */
img[src$="images/next.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2292%22 height=%2234%22 viewBox=%220 0 92 34%22%3E%3Crect x=%221%22 y=%221%22 width=%2290%22 height=%2232%22 rx=%2216%22 fill=%22%23fff%22 stroke=%22%23558800%22 stroke-width=%221.5%22/%3E%3Ctext x=%2235.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%233f6b1f%22%3Enext%3C/text%3E%3Cpath d=%22m68 11 6 6-6 6%22 fill=%22none%22 stroke=%22%233f6b1f%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/next_over.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2292%22 height=%2234%22 viewBox=%220 0 92 34%22%3E%3Crect x=%221%22 y=%221%22 width=%2290%22 height=%2232%22 rx=%2216%22 fill=%22%23558800%22 stroke=%22%23558800%22 stroke-width=%221.5%22/%3E%3Ctext x=%2235.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3Enext%3C/text%3E%3Cpath d=%22m68 11 6 6-6 6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/previous.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22108%22 height=%2234%22 viewBox=%220 0 108 34%22%3E%3Crect x=%221%22 y=%221%22 width=%22106%22 height=%2232%22 rx=%2216%22 fill=%22%23fff%22 stroke=%22%23558800%22 stroke-width=%221.5%22/%3E%3Ctext x=%2265.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%233f6b1f%22%3Eprevious%3C/text%3E%3Cpath d=%22m22 11-6 6 6 6%22 fill=%22none%22 stroke=%22%233f6b1f%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/previous_over.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22108%22 height=%2234%22 viewBox=%220 0 108 34%22%3E%3Crect x=%221%22 y=%221%22 width=%22106%22 height=%2232%22 rx=%2216%22 fill=%22%23558800%22 stroke=%22%23558800%22 stroke-width=%221.5%22/%3E%3Ctext x=%2265.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3Eprevious%3C/text%3E%3Cpath d=%22m22 11-6 6 6 6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/totop.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22100%22 height=%2234%22 viewBox=%220 0 100 34%22%3E%3Crect x=%221%22 y=%221%22 width=%2298%22 height=%2232%22 rx=%2216%22 fill=%22%23fff%22 stroke=%22%23558800%22 stroke-width=%221.5%22/%3E%3Ctext x=%2239.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%233f6b1f%22%3Eto top%3C/text%3E%3Cpath d=%22m72 20 6-6 6 6%22 fill=%22none%22 stroke=%22%233f6b1f%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");width:auto!important;height:34px!important}
img[src$="images/totop_over.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22100%22 height=%2234%22 viewBox=%220 0 100 34%22%3E%3Crect x=%221%22 y=%221%22 width=%2298%22 height=%2232%22 rx=%2216%22 fill=%22%23558800%22 stroke=%22%23558800%22 stroke-width=%221.5%22/%3E%3Ctext x=%2239.0%22 y=%2222%22 font-family=%22Arial,Helvetica,sans-serif%22 font-weight=%22700%22 font-size=%2214%22 text-anchor=%22middle%22 fill=%22%23fff%22%3Eto top%3C/text%3E%3Cpath d=%22m72 20 6-6 6 6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");width:auto!important;height:34px!important}

body.home td.section img[src*="bullit.gif"]{display:none!important}

/* ---- home page promotion boxes: equal size, centred, pictures fill (header excluded) ---- */
@media (max-width: 820px){
  body.home :is(div,table)[style*="border"]:not([style*="border-style:none"]):not([style*="border-style: none"]):not(#top):not(#top *){width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:12px auto!important;padding:10px!important;float:none!important;text-align:center!important;border-radius:12px;min-height:460px;display:flex!important;flex-direction:column;justify-content:center;align-items:center}
  body.home :is(div,table)[style*="border"]:not(#top):not(#top *) :is(table,tbody,tr,td){display:block!important;width:100%!important;max-width:100%!important;height:auto!important;box-sizing:border-box;text-align:center!important}
  body.home :is(div,table)[style*="border"]:not(#top):not(#top *) a{border:0!important;padding:0!important;display:inline!important}
  body.home :is(div,table)[style*="border"]:not(#top):not(#top *) img.pfit{width:100%!important;max-width:100%!important;height:auto!important;display:block!important;margin:8px auto!important;float:none!important}
  body.home td.section img{margin:4px auto 8px!important}
}

/* ---- remove green bullet dots ---- */
@media (max-width: 820px){
  img[src*="bullit"],img[src*="bullet"],img[src*="dot"],body.home td.section img[width="5"],body.home td.section img[width="6"],body.home td.section img[width="7"],body.home td.section img[width="8"],body.home td.section img[width="9"],body.home td.section img[width="10"]{display:none!important}
  ul{list-style:disc!important}
}

/* ---- no green bars; icons sit left, text beside them ---- */
@media (max-width: 820px){
  body.home td.section a{border-left:0!important;padding-left:0!important}
  body.home td.section a:has(> img[src*="bullit"]){display:none!important}
  body.home td.section a:has(> img):is([href*="pg_id=-1&psg_id=-1&pt_id=-1&pst_id=-1&sup_id=-1"],[href*="structure/cat_structure.php"]){float:left!important;display:block!important;margin:2px 12px 4px 0!important}
  body.home td.section a:has(> img):is([href*="pg_id=-1&psg_id=-1&pt_id=-1&pst_id=-1&sup_id=-1"],[href*="structure/cat_structure.php"]) img{margin:0!important;box-shadow:none!important;border-radius:0!important;width:48px!important;height:48px!important}
}

/* ---- inline text icons same size as text; hide order code builder link ---- */
@media (max-width: 820px){
  body.home td.section a:has(> img:is([src$="buttons/help.gif"],[src$="buttons/cartbutt.gif"],[src$="buttons/quotebutt.gif"])){display:inline!important;float:none!important;margin:0!important;padding:0!important;border:0!important}
  body.home td.section img:is([src$="buttons/help.gif"],[src$="buttons/cartbutt.gif"],[src$="buttons/quotebutt.gif"]){display:inline!important;float:none!important;width:1.25em!important;height:1.25em!important;margin:0 3px!important;vertical-align:-0.25em;box-shadow:none!important;border-radius:0!important;padding:0!important;clear:none!important}
  body.home td.section :is(h1,h2,p,div,li):has(> a[href*="builder_index.php?group_id=44&f_id=229"]),body.home td.section a[href*="builder_index.php?group_id=44&f_id=229"]{display:none!important}
}

/* ---- new Mandeno logo (all screen sizes) ---- */
#wrapper > table:first-of-type > tbody > tr > td:first-child{background-image:url("../images/mandeno_logo_new.png")!important;background-repeat:no-repeat!important;background-size:250px auto!important;background-position:4px 4px!important;background-color:#fff!important;border-radius:8px}

/* ---- readable text on phones ---- */
@media (max-width: 820px){
  body,td,th,li,p,span,label,div,font,small,input,select,textarea,a{font-size:16px!important;line-height:1.45}
  h1,h1 a,h1 font{font-size:22px!important}
  h2,h2 a,h2 font{font-size:18px!important}
  #wrapper > table:first-of-type td{font-size:14px!important}
  body.home td.section > a,body.home td.section a{font-size:17px!important}
  body.home td.section li a{font-size:16px!important}
  #wrapper > table:first-of-type > tbody > tr > td:first-child{background-size:260px auto!important;min-height:120px}
}

/* ---- catalogue structure page: tidy cards ---- */
@media (max-width: 820px){
  body.cstruct td[valign="top"] > table,body.cstruct td[valign="top"] > table > tbody,body.cstruct td[valign="top"] > table > tbody > tr{display:block;width:100%!important}
  body.cstruct td[bgcolor="#fcfafa"]{display:block!important;width:auto!important;margin:0 0 16px;padding:14px!important;background:#fff!important;border:1px solid #dfe6d5;border-radius:14px;box-shadow:0 1px 5px rgba(0,0,0,.08);box-sizing:border-box}
  body.cstruct td[bgcolor="#fcfafa"] + td:empty{display:none!important}
  body.cstruct p.section{margin:0 0 8px!important;padding:0!important;line-height:1.5!important;text-align:left}
  body.cstruct img.floating{float:none!important;display:block!important;margin:0 auto 12px!important;max-width:100%!important;max-height:190px;width:auto!important;height:auto!important;border:0!important;border-radius:10px;box-shadow:none!important;object-fit:contain}
  body.cstruct p.section a.bigorange{display:inline!important;font-size:20px!important;line-height:1.3!important}
  body.cstruct p.section img:not(.floating){display:inline-block!important;vertical-align:middle;margin:0 6px 0 0!important;max-height:34px;width:auto!important;height:auto!important;float:none!important;border-radius:0!important;box-shadow:none!important}
  body.cstruct p.section img[src*="mag_glass"]{width:22px!important;height:22px!important;margin-left:6px!important}
  body.cstruct p.section br{display:inline}
  body.cstruct .textb{font-size:0!important;display:block;line-height:1.2}
  body.cstruct .textb br{display:none}
  body.cstruct .textb a.blue{display:inline-block!important;font-size:15px!important;margin:4px 6px 4px 0!important;padding:6px 12px!important;background:#eef3e6;border-radius:16px;text-decoration:none!important;line-height:1.25}
}

/* ---- hide the banner ribbon under the icon bar on phones ---- */
@media (max-width: 820px){
  #wrapper > table:first-of-type > tbody > tr > td:last-child:not(:first-child){display:none!important}
}

/* ---- plain logo header: no rounding, no grey bar ---- */
#wrapper > table:first-of-type > tbody > tr > td:first-child{border-radius:0!important}
@media (max-width: 820px){
  #wrapper > table:first-of-type td table,#wrapper > table:first-of-type td table td{background:transparent!important;border:0!important}
  #wrapper > table:first-of-type{border-radius:0!important}
}

/* ---- grey title strips become white ---- */
@media (max-width: 820px){
  .hgrbar{background:#fff!important;border:0!important;height:auto!important;padding:6px 8px!important}
  .headsect{background:#fff!important;border:0!important;border-bottom:2px solid #558800!important}
}

/* ---- tap-to-enlarge for pictures with small text ---- */
.zoombtn{display:block;margin:6px auto 12px;padding:10px 18px;border:0;border-radius:22px;background:#558800;color:#fff;font-size:16px;font-weight:700}
.zoomov{position:fixed;inset:0;z-index:99999;background:#111;overflow:auto;-webkit-overflow-scrolling:touch}
.zoomov img{display:block;width:230vw;max-width:none;height:auto;margin:56px 0 24px}
.zoomx{position:fixed;top:10px;right:10px;z-index:100000;padding:10px 16px;border:0;border-radius:20px;background:#fff;color:#222;font-size:16px;font-weight:700}

/* ---- Grayhill promo: real readable text ---- */
.gh-text{padding:6px 4px;text-align:left}
.gh-text h3{margin:12px 0 4px;font-size:17px!important;color:#cc2500;font-weight:700}
.gh-text p{margin:0 0 8px!important;font-size:16px!important;line-height:1.5!important;color:#222;text-align:left!important}

/* ---- Account Details: left-aligned labels, Invoice left / Ship right ---- */
@media (max-width: 820px){
  body.udet p.section{text-align:left!important}
  body.udet table[bgcolor="#eeeeee"]:has(input[name="cp_name"]),body.udet table[bgcolor="#eeeeee"]:has(input[name="cp_name"]) > tbody,body.udet table[bgcolor="#eeeeee"]:has(input[name="cp_name"]) > tbody > tr,body.udet table[bgcolor="#eeeeee"]:has(input[name="cp_name"]) > tbody > tr > td,
  body.udet table[bgcolor="#eeeeee"]:has(input[name="old_psswd"]),body.udet table[bgcolor="#eeeeee"]:has(input[name="old_psswd"]) > tbody,body.udet table[bgcolor="#eeeeee"]:has(input[name="old_psswd"]) > tbody > tr,body.udet table[bgcolor="#eeeeee"]:has(input[name="old_psswd"]) > tbody > tr > td{display:block!important;width:100%!important;text-align:left!important;box-sizing:border-box}
  body.udet table[bgcolor="#eeeeee"]:has(input[name="inv_address1"]){display:table!important;width:100%!important;table-layout:fixed}
  body.udet table[bgcolor="#eeeeee"]:has(input[name="inv_address1"]) > tbody{display:table-row-group!important;width:auto!important}
  body.udet table[bgcolor="#eeeeee"]:has(input[name="inv_address1"]) > tbody > tr{display:table-row!important;width:auto!important}
  body.udet table[bgcolor="#eeeeee"]:has(input[name="inv_address1"]) > tbody > tr > td{display:table-cell!important;width:50%!important;text-align:left!important;vertical-align:top;padding:2px 4px!important;box-sizing:border-box}
  body.udet table[bgcolor="#eeeeee"]:has(input[name="inv_address1"]) td.textw{text-align:left!important;padding:6px 8px!important;background:#bbbaac}
  body.udet table[bgcolor="#eeeeee"]:has(input[name="inv_address1"]) td.textw b{display:block;color:#fff;font-size:16px}
  body.udet table[bgcolor="#eeeeee"]:has(input[name="inv_address1"]) input.t_input,body.udet table[bgcolor="#eeeeee"]:has(input[name="inv_address1"]) select{display:block;width:100%!important;max-width:100%!important}
  body.udet input.t_input{width:100%!important;max-width:100%!important;display:block}
  body.udet table[bgcolor="#eeeeee"] br{display:none!important}
}

/* ---- breathing room between labels and boxes ---- */
@media (max-width: 820px){
  input.t_input,input[type=text],input[type=password],input[type=email],select,textarea{margin-top:6px!important;margin-bottom:12px!important}
  body.udet p.section{line-height:1.5!important}
  body.udet input.t_input,body.udet select{margin-top:4px!important;margin-bottom:12px!important}
  input[type=radio],input[type=checkbox]{margin:0 8px 0 0!important}
}

/* ---- any layout table with a side menu: stack, content first, menu after ---- */
@media (max-width: 820px){
  table:has(> tbody > tr > td.sidebar),table:has(> tbody > tr > td.sidebar) > tbody{display:block!important;width:100%!important;height:auto!important;box-sizing:border-box}
  table:has(> tbody > tr > td.sidebar) > tbody > tr{display:flex!important;flex-direction:column;width:100%!important;height:auto!important}
  table:has(> tbody > tr > td.sidebar) > tbody > tr > td{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;box-sizing:border-box;order:1}
  table:has(> tbody > tr > td.sidebar) > tbody > tr > td.sidebar{order:2}
  td.sidebar table.sidebar,td.sidebar table{width:100%!important}
}

/* ---- item page: icons + compact layout ---- */
img[src$="images/email_button.gif"],img[src$="images/printer_button.gif"],img[src$="images/shopping_cart.gif"],img[src$="images/pdf_button.gif"]{width:30px!important;height:30px!important;border:0!important;vertical-align:middle}
img[src$="images/email_button.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M3 7l9 6 9-6%22/%3E%3C/svg%3E")}
img[src$="images/printer_button.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 9V3h10v6%22/%3E%3Crect x=%223%22 y=%229%22 width=%2218%22 height=%228%22 rx=%222%22/%3E%3Crect x=%227%22 y=%2214%22 width=%2210%22 height=%227%22/%3E%3C/svg%3E")}
img[src$="images/shopping_cart.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 4h2l2.4 10.5a1 1 0 0 0 1 .8h8.2a1 1 0 0 0 1-.8L19 8H6%22/%3E%3Ccircle cx=%229%22 cy=%2219%22 r=%221.3%22/%3E%3Ccircle cx=%2217%22 cy=%2219%22 r=%221.3%22/%3E%3C/svg%3E")}
img[src$="images/pdf_button.gif"]{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%233f6b1f%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 3h8l5 5v13H6z%22/%3E%3Cpath d=%22M14 3v5h5%22/%3E%3Cpath d=%22M9 13h6M9 17h6%22/%3E%3C/svg%3E")}
@media (max-width: 820px){
  table:has(> tbody > tr > td[rowspan="6"]){display:block!important;width:100%!important}
  table:has(> tbody > tr > td[rowspan="6"]) > tbody{display:flex!important;flex-wrap:wrap;width:100%!important;align-items:center}
  table:has(> tbody > tr > td[rowspan="6"]) > tbody > tr{display:contents!important}
  table:has(> tbody > tr > td[rowspan="6"]) > tbody > tr > td{display:block!important;width:auto!important;box-sizing:border-box;flex:0 0 36%;padding:3px 4px!important;text-align:left!important;white-space:nowrap}
  table:has(> tbody > tr > td[rowspan="6"]) > tbody > tr > td + td{flex:0 0 62%;white-space:normal}
  table:has(> tbody > tr > td[rowspan="6"]) > tbody > tr > td[rowspan="6"][width="200"]{flex:0 0 100%;text-align:center!important;order:0;white-space:normal}
  table:has(> tbody > tr > td[rowspan="6"]) > tbody > tr > td[rowspan="6"][valign="top"]{flex:0 0 100%;order:99;white-space:normal;margin-top:8px}
  table:has(> tbody > tr > td[rowspan="6"]) > tbody > tr > td[colspan]{flex:0 0 100%;white-space:normal}
  table:has(> tbody > tr > td[rowspan="6"]) .ordercode{white-space:nowrap;font-size:15px!important}
  table:has(> tbody > tr > td[rowspan="6"]) td[valign="top"] table{width:100%!important}
  table:has(> tbody > tr > td[rowspan="6"]) td[valign="top"] table td{display:table-cell!important;white-space:normal;padding:6px 4px!important;font-size:16px!important}
  table:has(> tbody > tr > td[rowspan="6"]) td[valign="top"] table td:first-child{width:44px!important;text-align:center!important}
}

/* ---- printing an item page: whole page, no menus ---- */
@media print{
  #top,td.sidebar,.hgrbar,#wrapper > table:first-of-type{display:none!important}
  td.sidebar + td,td[valign="top"]{display:table-cell!important}
  body{background:#fff!important}
  img[src*="mandeno_logo_new"]{display:block}
  a{color:#000!important;text-decoration:none!important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* item page: fix label/value pairing */
@media (max-width: 820px){
  table:has(> tbody > tr > td[rowspan="6"]) > tbody > tr > td[rowspan="6"][width="200"] + td{flex:0 0 36%!important}
  table:has(> tbody > tr > td[rowspan="6"]) > tbody > tr > td[rowspan="6"][width="200"] + td + td{flex:0 0 62%!important}
}