/* Ruby International Traders — responsive public-page update, 2026-10-23.
   Replaces _app/site.css in the PHP GoDaddy package. No server settings changed. */
html { -webkit-text-size-adjust:100%; }
body { margin:0; overflow-wrap:break-word; }
#wrapper { width:1064px; max-width:100%; margin:0 auto; min-height:100vh; background:#fff; }
#container { width:100%; max-width:100%; margin:0; background:none; }
#prefooter1 { box-sizing:border-box; width:100%!important; max-width:100%; margin:0; padding:0 6px; }
#prefooter1 img { max-width:100%; }
a,button,input,textarea,select { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:3px solid #006a48!important; outline-offset:3px; }
.ruby-slider-frame { position:relative; width:520px; max-width:100%; }
#yourSliderId { position:relative!important; float:none!important; display:block!important; left:auto!important; top:auto!important; width:100%!important; height:auto!important; aspect-ratio:520/341; margin:0; padding:0; overflow:hidden; list-style:none; }
#yourSliderId>li { position:absolute; inset:0; width:100%!important; height:100%!important; margin:0; padding:0; list-style:none; }
#yourSliderId>li:first-child { display:block; }
#yourSliderId>li:not(:first-child) { display:none; }
#yourSliderId a { display:block; width:100%; height:100%; }
#yourSliderId img { display:block; width:100%!important; height:100%!important; object-fit:contain; }
.ruby-slide-next,.ruby-slide-pause { position:absolute; z-index:3; bottom:10px; border:1px solid #ccc; background:#fff; color:#174a38; min-width:44px; height:44px; border-radius:50%; cursor:pointer; box-shadow:0 1px 5px #0003; }
.ruby-slide-next { right:10px; font:28px Arial,sans-serif; }
.ruby-slide-pause { right:62px; font:15px Arial,sans-serif; }
ul#css3menu1 { position:relative; }
ul#css3menu1>li { position:static!important; }
ul#css3menu1>li>ul { box-sizing:border-box; max-width:100%; width:320px; left:auto; right:0; z-index:10; }
ul#css3menu1 ul li { white-space:normal; }
ul#css3menu1 ul a { box-sizing:border-box; height:auto!important; min-height:44px; padding:12px!important; line-height:1.45!important; white-space:normal; cursor:pointer; }
ul#css3menu1 li.ruby-menu-open>ul { display:block; visibility:visible; opacity:1; }
ul#css3menu1>li.ruby-menu-dismissed>ul { display:none!important; }
.ruby-menu-label { display:none!important; }
.ruby-nav-toggle { display:none; }
.ruby-brand-layout { display:flex; align-items:center; justify-content:space-between; gap:16px; }
#prefooter1 .ruby-brand-layout>img { float:none; width:721px; max-width:70%; height:auto; }
.ruby-main-nav { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:14px; font-size:13px; }
.ruby-main-nav a { display:inline-block; white-space:nowrap; }
.ruby-notice { padding:15px 20px; margin:12px 0; background:#edf7e9; border:1px solid #c2dcc2; color:#174a38; }
.ruby-error { background:#fff0ee; border-color:#e6bab4; color:#8e251a; }
input:not([type=hidden]),textarea,select,button { max-width:100%; box-sizing:border-box; }
input:not([type=hidden]):not([type=checkbox]):not([type=radio]),textarea,select { min-height:44px; }
textarea { resize:vertical; min-height:120px; }
[data-ruby-contact] button[type=submit] { min-height:44px; padding:10px 24px; cursor:pointer; }

@media(max-width:1100px) {
  body { background:#fff; font-size:16px; line-height:1.6; overflow-wrap:anywhere; }
  #prefooter1 { padding:16px clamp(16px,3vw,32px) 28px; }
  #prefooter1 table,#prefooter1 tbody,#prefooter1 thead,#prefooter1 tfoot,#prefooter1 tr,#prefooter1 td,#prefooter1 th {
    box-sizing:border-box; display:block; width:100%!important; max-width:100%; min-width:0!important; height:auto!important; min-height:0; border-spacing:0;
  }
  #prefooter1 td,#prefooter1 th { padding:0; text-align:left!important; }
  #prefooter1 p,#prefooter1 li,#prefooter1 span { max-width:100%; line-height:1.65!important; }
  #prefooter1 p { text-align:left!important; text-indent:0!important; margin:0 0 14px!important; }
  #prefooter1 span[style*="pt"],#prefooter1 span[style*="px"] { font-size:inherit!important; }
  #prefooter1 span[style*="16pt"],#prefooter1 span[style*="18pt"] { font-size:1.5rem!important; line-height:1.35!important; }
  #prefooter1 ul:not(#yourSliderId):not(ul#css3menu1):not(ul#css3menu1 ul),#prefooter1 ol { padding-left:24px!important; margin:12px 0 20px!important; }
  #prefooter1 li { width:auto!important; max-width:100%; margin-bottom:6px; }
  #prefooter1 img { height:auto!important; max-width:100%!important; box-sizing:border-box; }
  #prefooter1 td>img,#prefooter1 td>span>img { float:none; display:block; margin:14px 0; }
  #prefooter1 img[src*="logo_stm"] { float:none; display:block; width:auto; height:auto!important; max-width:100%!important; margin:0 0 12px; }
  #prefooter1 .ruby-spacer { display:none!important; }
  #prefooter1 .ruby-brand-cell { padding-bottom:16px; }
  .ruby-brand-layout { flex-direction:column; align-items:flex-start; gap:2px; }
  #prefooter1 .ruby-brand-layout>img { max-width:100%; margin:0; }
  .ruby-main-nav { justify-content:flex-start; gap:6px 16px; font-size:14px; }
  #prefooter1 .ruby-brand-cell a { display:inline-block; padding:8px 6px; min-height:44px; box-sizing:border-box; }
  #prefooter1 .ruby-slider-cell { padding-bottom:16px; }
  .ruby-slider-frame { width:100%!important; max-width:680px; margin:0 auto; }
  #yourSliderId { height:auto!important; aspect-ratio:674/335; background:#f5f5f5; }
  #yourSliderId img { width:100%!important; height:100%!important; margin:0!important; }
  #prefooter1 .ruby-menu-cell { padding:0 0 24px; }
  .ruby-nav-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; padding:13px 16px; min-height:48px; border:1px solid #c5d7ca; background:#f1f7f2; border-radius:5px; color:#164b32; font:600 16px/1.4 Verdana,sans-serif; text-align:left; cursor:pointer; }
  .ruby-nav-toggle::after { content:'+'; font-size:22px; line-height:1; }
  .ruby-nav-toggle[aria-expanded=true]::after { content:'−'; }
  ul#css3menu1 { display:block; float:none; width:100%!important; max-width:100%; padding:8px 0 0; font-size:16px; z-index:auto; }
  ul#css3menu1.ruby-nav-collapsed { display:none!important; }
  ul#css3menu1>li { display:block; float:none; width:100%!important; margin:0 0 6px!important; white-space:normal; }
  ul#css3menu1>li>a { position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; min-height:48px; box-sizing:border-box; border:1px solid #dedede; border-left:5px solid #398e38; background:#fff; color:#243c2e; border-radius:4px; font:600 15px/1.5 Verdana,sans-serif; text-align:left; cursor:pointer; }
  ul#css3menu1>li:nth-child(2)>a { border-left-color:#d0b400; }
  ul#css3menu1>li:nth-child(3)>a { border-left-color:#ca2533; }
  ul#css3menu1>li:nth-child(4)>a { border-left-color:#55a731; }
  ul#css3menu1>li:nth-child(5)>a { border-left-color:#7951a0; }
  ul#css3menu1>li:nth-child(6)>a { border-left-color:#ac871b; }
  ul#css3menu1>li:nth-child(7)>a { border-left-color:#dc771c; }
  ul#css3menu1>li:nth-child(8)>a { border-left-color:#ce766a; }
  ul#css3menu1>li:nth-child(9)>a { border-left-color:#a5538c; }
  ul#css3menu1>li:nth-child(10)>a { border-left-color:#2b70a0; }
  ul#css3menu1>li>a img { display:none!important; }
  ul#css3menu1>li>a>span:not(.ruby-menu-label) { display:none!important; }
  ul#css3menu1>li>a::before { content:attr(title); }
  ul#css3menu1.ruby-menu-enhanced>li>a::before { content:none; }
  ul#css3menu1 .ruby-menu-label { display:block!important; font:inherit!important; }
  ul#css3menu1>li>a[aria-expanded]::after { content:'+'; font:22px/1 Arial,sans-serif; }
  ul#css3menu1>li>a[aria-expanded=true]::after { content:'−'; }
  ul#css3menu1>li>ul { display:none; position:static; width:100%; max-width:100%; padding:5px 0; margin:0; background:#f5f7f5; box-shadow:none; }
  ul#css3menu1>li:hover>ul,ul#css3menu1>li:focus-within>ul { display:none; }
  ul#css3menu1>li.ruby-menu-open>ul { display:block; }
  ul#css3menu1:not(.ruby-menu-enhanced)>li>ul { display:block; }
  ul#css3menu1>li>ul>li { float:none; margin:0!important; width:100%!important; }
  ul#css3menu1 ul a,ul#css3menu1 ul li:hover>a { background:transparent; border:0; color:#164b32; font:15px/1.5 Verdana,sans-serif; padding:12px 16px!important; text-align:left; }
  ul#css3menu1>li>a:hover,ul#css3menu1>li>a:focus-visible,ul#css3menu1 ul a:hover { background:#eaf3ec; }
  ul#css3menu1>li:hover>a { display:flex; background:#eaf3ec; border-style:solid; color:#243c2e; font:600 15px/1.5 Verdana,sans-serif; }
  #prefooter1 td[bgcolor]:not(.ruby-spacer) { padding:10px 14px; border-radius:3px; margin:0 0 16px; }
  #prefooter1 td[bgcolor] span { white-space:normal; }
  #prefooter1 input:not([type=hidden]):not([type=checkbox]):not([type=radio]),#prefooter1 textarea,#prefooter1 select {
    width:100%!important; max-width:600px; min-height:46px; font:16px/1.5 Verdana,sans-serif; padding:10px!important; border:1px solid #9baaa0; border-radius:4px; background:#fff; color:#203c2a;
  }
  #prefooter1 .ruby-field-label { padding-top:14px; padding-bottom:5px; font-size:15px!important; }
  #prefooter1 .ruby-field-cell { padding-bottom:6px; }
  #prefooter1 button[type=submit] { min-height:46px; padding:12px 26px; margin-top:14px; border:0; border-radius:4px; background:#195a3e; color:#fff; font:600 16px Verdana,sans-serif; }
  #prefooter1 .ruby-card-table { display:flex; flex-direction:column; }
  #prefooter1 .ruby-card-table>tbody,#prefooter1 .ruby-card-table>tbody>tr,#prefooter1 .ruby-card-table>tr { display:contents; }
  #prefooter1 .ruby-card-table td { padding-bottom:12px; }
  #prefooter1 .ruby-card-table td:has(img) { padding-bottom:26px; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }
/* Live-site finish: native text, natural page scrolling, no preview scaling. */
body{font:16px/1.65 Verdana,Arial,sans-serif;background:#edf1ed;overflow-wrap:anywhere}
#wrapper{width:1140px;max-width:100%;min-height:100svh;box-shadow:0 0 24px #2544260b}
#prefooter1{padding:18px clamp(16px,3vw,30px) 28px!important}
#prefooter1 p,#prefooter1 span,#prefooter1 td{font-family:inherit!important;line-height:1.65!important}
#prefooter1 span[style*="pt"],#prefooter1 span[style*="px"]{font-size:inherit!important}
#prefooter1 span[style*="16pt"],#prefooter1 span[style*="18pt"]{font-size:1.5rem!important;line-height:1.35!important}
#prefooter1 p{text-indent:0!important}
#prefooter1 table{max-width:100%;table-layout:auto}
#prefooter1 img{max-width:100%;height:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 22px;min-width:0}
.site-brand{display:block;min-width:0;flex:1;max-width:660px}
.site-brand img{display:block;width:100%;height:auto!important;margin:0!important;float:none!important}
.site-topnav{display:flex;gap:4px;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex-shrink:0}
.site-topnav a{display:block;min-height:44px;padding:10px 12px;font-size:14px;text-decoration:none;border-radius:4px}
.site-topnav a:hover{background:#edf5ee}
.site-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;margin:0 0 28px;min-width:0}
.site-hero>*{min-width:0}
.site-hero .ruby-slider-frame{width:100%;max-width:100%;margin:0}
.site-hero #yourSliderId{aspect-ratio:674/380;background:#f5f6f5;border-radius:5px}
.site-hero #yourSliderId img{object-fit:contain}
.ruby-geo-credit{text-align:center;padding:18px;font-size:12px;color:#587362}
.ruby-geo-credit a{color:inherit}
.ruby-honeypot{display:none!important}
@media(min-width:1101px){
 .site-products ul#css3menu1{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;width:100%!important;float:none;padding:0}
 .site-products ul#css3menu1>li{width:auto;min-width:0;float:none;margin:0}
 .site-products ul#css3menu1>li>a,.site-products ul#css3menu1>li:hover>a{height:310px;display:flex;align-items:center;justify-content:center;padding:8px 0;border:0;border-radius:3px;cursor:pointer;background:var(--category,#19ad76);color:#14291c;font:15px/1.25 Verdana,Arial,sans-serif}
 .site-products ul#css3menu1>li>a img,.site-products ul#css3menu1>li>a>span:not(.ruby-menu-label){display:none!important}
 .site-products ul#css3menu1>li>a .ruby-menu-label{display:block!important;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font:inherit;line-height:1.25!important}
 .site-products ul#css3menu1>li:nth-child(2){--category:#ffd052}.site-products ul#css3menu1>li:nth-child(3){--category:#ef657e}.site-products ul#css3menu1>li:nth-child(4){--category:#8ac58c}.site-products ul#css3menu1>li:nth-child(5){--category:#c0a2d3}.site-products ul#css3menu1>li:nth-child(6){--category:#d8bd76}.site-products ul#css3menu1>li:nth-child(7){--category:#ffad63}.site-products ul#css3menu1>li:nth-child(8){--category:#f8b19b}.site-products ul#css3menu1>li:nth-child(9){--category:#dba8c9}.site-products ul#css3menu1>li:nth-child(10){--category:#76bed8}
 .site-products ul#css3menu1>li>a:hover{filter:brightness(.95)}
 .site-products ul#css3menu1>li>ul{top:100%;margin-top:4px;border-radius:4px;box-shadow:0 8px 20px #19392330;background:#1e3b2c}
}
@media(max-width:1100px){
 .site-header{flex-wrap:wrap;gap:4px;margin-bottom:16px}
 .site-brand{flex-basis:100%;max-width:660px}
 .site-topnav{justify-content:flex-start}
 .site-hero{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:22px}
 .site-hero .ruby-slider-frame{max-width:674px;margin:auto}
 .site-hero #yourSliderId{aspect-ratio:674/335}
 .site-products .ruby-nav-toggle{margin:0}
 .site-products ul#css3menu1 .ruby-menu-label{writing-mode:horizontal-tb;transform:none;white-space:normal}
}
@media(max-width:500px){.site-topnav a{padding:8px 10px;font-size:14px}.site-header{gap:3px}.site-hero{margin-bottom:20px}#prefooter1{padding-top:14px!important}}

[hidden]{display:none!important}