@font-face{font-family:Treadserrat;src:url('/images/style/treadserrat.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

/* === Theme Palette (Treadall Core, RGBA-Driven) === */
:root{
  /* Base Brand Hues */
  --brand-rgb:0,135,22;        /* Treadall green */
  --brand2-rgb:0,108.18;
  --orng-rgb:255,135,22;       /* Accent orange */
  --bg-rgb:255,255,255;        /* Background - white */
  
  /* Core Colors */
  --brand:rgba(var(--brand-rgb),1);            /* main green → links, h2/h3, buttons, focus border */
  --brand2:rgba(var(--brand2-rgb),1);          /* auto darker variant → button hover, footer */
  --orng:rgba(var(--orng-rgb),1);              /* accent orange → sup, key highlights */

  /* Derived Brand Layers */
  --surf:rgba(var(--brand-rgb),0.04);          /* light surface → inputs bg, table header, subtle areas */
  --bord:rgba(var(--brand-rgb),0.80);          /* borders → inputs, tables, outlines */
  --orng2:rgba(var(--orng-rgb),0.08);          /* light orange background → orange buttons */
  --orng3:rgba(var(--orng-rgb),0.35);          /* orange border → orange buttons */

  /* Backgrounds & Text */
  --bg:rgba(var(--bg-rgb),1);                                   /* base background → body, cards */
  --bgst1:rgba(var(--bg-rgb),0.75);                    /* semi transparent base background */
  --bgst2:rgba(var(--bg-rgb),0.85);                    /* semi transparent base background */
  --bgst3:rgba(var(--bg-rgb),0.95);                    /* semi transparent base background */
  --txt:#111;                                  /* primary text → paragraphs, product text, prices */
  --txt1:#000;                                 /* highlight black */
  --txt2:#2a2a2a;                              /* secondary dark text → date, contact links */
  --txt3:#444;                                 /* tertiary text → subhead, footer links */
  --txt4:#fff;                                 /* text on dark backgrounds → buttons, footer, LeftMenu */

  /* Grays & Neutrals */
  --gray:#ccc;                                 /* neutral line → hr, tables, separators */
  --gray2:#ddd;                                /* lighter gray → breadcrumb underline, footer top */
  --gray3:#777;                                /* darker gray → contact line, search form */
  --ln:#e4e8e6;    /* neutral line for tables/dividers (NOT green) */
  --sf2:#f6f8f7;   /* neutral soft fill (header rows / subtle panels) */
  --txth:#161816;  /* darker heading/text for table headers */
  --txm:#5b605c;   /* muted helper text */
  --acc:rgba(var(--brand-rgb),1); /* alias if you ever want “accent” separate later */

  /* Effects & Shadows */
  --glw-g:rgba(var(--brand-rgb),0.18);      /* green glow → focus rings, hover outlines */
  --glw-w:rgba(255,255,255,0.6);           /* white glow → icons on dark backgrounds */
  --sh-sft:0 2px 6px rgba(0,0,0,0.06);     /* soft shadow → cards, tables, buttons */
  --sh-hrd:0 10px 25px rgba(0,0,0,0.12);   /* hard shadow → modals */

  /* Mega */
  --msh:0 8px 8px -5px rgba(0,0,0,0.06);   /* bottom shadow → mega menu */
  --mminh:315px;                             /* Minimum height for Mega */

  /* Radii & Padding */
  --rad-sm:4px;     /* small elements → inputs, tags, small buttons */
  --rad-md:8px;     /* medium elements → cards, tables, dropdowns */
  --rad-lg:12px;    /* large containers → mega menu panels, modals */
  --pad-sm: 5px 10px;
  --pad-md: 6px 12px;
  --pad-lg: 7px 14px;

  --maxw:1440px;                                                  /* main content max width */
  --wpad:clamp(16px,2vw,32px);                                                   /* main content width padding */
  --maxpad:calc(var(--wpad) + max(0px,(100vw - var(--maxw))/2));   /* padding for full width */

  /* === Typography Scale (Treadall Type System) === */
  --fs-xs: .75rem;   /* micro text → labels, minor UI, breadcrumbs */
  --fs-sm: .85rem;   /* small text → body copy, table cells, lists */
  --fs-md: .95rem;     /* default size → nav, mega menu, standard UI text */
  --fs-lg: 1.25rem;  /* section headers, big buttons, feature labels */
  --fs-xl: 1.5rem;   /* main headings inside modules or panels */

  /* === Motion System (Apple + Shopify) === */
  --t-fast:150ms;
  --t-med:250ms;
  --t-slow:350ms;
  --move-xs:2px;
  --move-sm:6px;
  --move-md:12px;
  --move-lg:20px;
  --scale-pop:.98;
  --scale-grow:1.02;
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-pop:cubic-bezier(.35,1.1,.5,1);

}
*,*::before,*::after{box-sizing:border-box}

/* Base Elements */
body{font-family:Treadserrat,Roboto,Helvetica,sans-serif;font-weight:400;font-size:var(--fs-sm);height:100%;margin:0;padding:0;overflow-x:hidden;color:var(--txt)}
h1,h2,h3,h4,h5,h6{font-family:Treadserrat,Roboto,Helvetica,sans-serif;font-weight:700;color:var(--txt)}
p{line-height:1.4;margin:4px 0 15px 0;color:var(--txt)}
hr{margin:0;padding:0;color:var(--gray);height:1px;border:0;background:var(--gray)}
blockquote{margin-left:28px;color:var(--txt3)}

/* Headings */
h1{flex-basis:100%;margin:0;font-size:clamp(1.4rem,3vw,1.8rem);color:var(--txt)}
#subhead{flex-basis:100%;margin:0;font-size:clamp(.85rem,2vw,1rem);color:var(--txt3);font-weight:500}
h2{font-size:var(--fs-xl);margin:10px 0 5px 0;color:var(--txt)}
h3{font-size:var(--fs-lg);margin:0;color:var(--txt)}
h3.tight{margin:0}
h3 a{color:var(--brand)}
h3 a:hover{text-decoration:none}
h4{font-size:var(--fs-md);margin:0 0 4px 0;color:var(--txt)}

/* Links, Images, Buttons */
a{color:var(--brand);font-weight:700;text-decoration:none}
a:hover{color:var(--brand2);font-weight:700;text-decoration:underline}
img{max-width:100%;height:auto;display:block}
img.pic{border:1px solid var(--gray)}
a.nob img{border:0}
.imgb{position:relative;display:inline-block;border:1px solid var(--gray);border-radius:var(--rad-md);overflow:hidden;box-shadow:none;transition:box-shadow var(--t-med) var(--ease),border-color var(--t-fast) var(--ease)}
a.imgb{cursor:pointer}
span.imgb{cursor:default}
.imgb:hover{border-color:var(--brand);box-shadow:var(--sh-sft)}
a.imgb:focus{outline:none}
a.imgb:focus-visible{border-color:var(--brand);box-shadow:0 0 0 2px var(--glw-g),var(--sh-sft)}
.imgb img{border:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 50%}
.imgb>.btn{position:absolute;right:var(--move-md);bottom:var(--move-md);z-index:2;box-shadow:var(--sh-sft)}
.imgb:hover>.btn{background:var(--bgst2);border-color:var(--brand);box-shadow:var(--sh-sft);color:var(--txt)}
.imgb>.btn:hover{background:var(--bg);box-shadow:var(--sh-sft);color:var(--txt)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:var(--pad-md);border-radius:var(--rad-md);font-weight:700;font-size:var(--fs-sm);text-decoration:none;border:1px solid var(--bord);cursor:pointer;transition:box-shadow var(--t-fast) var(--ease),background var(--t-med) var(--ease),border-color var(--t-med) var(--ease),color var(--t-med) var(--ease)}
.btn:hover{box-shadow:var(--sh-sft);text-decoration:none}
.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--txt4)}
.btn.primary:hover{background:var(--brand2);border-color:var(--brand2);color:var(--txt4)}
.btn.main{background:var(--bgst1);color:var(--txt);border-color:var(--gray)}
.btn.main:hover{background:var(--bgst3);border-color:var(--bord);color:var(--txt1)}
.btn:focus{outline:none}
.btn:focus-visible{box-shadow:0 0 0 2px var(--glw-g),var(--sh-sft)}

/* Lists */
ul,ol{margin:2px 0 10px 30px;padding:0;font-size:var(--fs-sm)}
ol li{margin:10px 0;font-size:var(--fs-sm)}
li{margin:0 0 2px 0;padding:0;font-size:var(--fs-sm)}
li.body{padding-left:.1em;margin:.5em;color:var(--txt);font-size:var(--fs-sm)}
dl{margin:6px 0 5px 10px;padding:0;font-size:var(--fs-sm)}
dd{margin:0 5px;padding:0;font-size:var(--fs-sm)}

/* Forms and Inputs - Modernized for Treadall Theme */
form{margin:10px 0;padding:0;font-size:var(--fs-md)}
button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{font-size:var(--fs-sm);color:var(--txt);background:var(--bg);border:1px solid rgba(var(--brand-rgb),.35);border-radius:var(--rad-md);padding:8px 10px;margin:6px 0;transition:border-color .2s,box-shadow .2s,background .2s}
input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--glw-g);outline:none;background:var(--bg)}
input[type="text"],input[type="email"],input[type="tel"],select{width:min(460px,100%)}
textarea{width:min(640px,100%);min-height:170px;resize:vertical;display:block}
input.Textbox{width:150px;background:var(--bg);padding:8px 10px;border-radius:var(--rad-md);font-size:var(--fs-sm)}
dl{margin:10px 0 16px 0;padding:12px;border:1px solid rgba(var(--brand-rgb),.22);border-radius:var(--rad-md);background:var(--sf2)}
dd{margin:0;padding:6px 0;display:grid;grid-template-columns:170px 1fr;gap:10px;align-items:center}
dd input,dd select{width:100%;margin:0}
option{font-size:var(--fs-sm);color:var(--txt);background:var(--surf)}
select option{padding:4px 10px}
input.formbutton{max-width:220px;font-weight:800;font-size:var(--fs-sm);color:var(--txt4);background:var(--brand);border:1px solid var(--brand);border-radius:var(--rad-md);padding:8px 16px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s}
input.formbutton:hover{background:var(--brand2);border-color:var(--brand2);color:var(--txt4);box-shadow:var(--sh-sft);transform:translateY(-1px)}
input.formbutton:active{transform:translateY(0)}
input.formbutton.secondary,input.formbutton[type="reset"]{color:var(--brand);background:var(--surf);border:1px solid rgba(var(--brand-rgb),.30)}
input.formbutton.secondary:hover,input.formbutton[type="reset"]:hover{background:rgba(var(--brand-rgb),.10);border-color:rgba(var(--brand-rgb),.45);color:var(--brand)}


/* === Global Table System (Modernized for Treadall) === */
table{margin:0;padding:0;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm)}
.t1{width:fit-content;max-width:100%;min-width:520px;margin:20px 0 14px;border:1px solid rgba(var(--brand-rgb),.22);border-radius:var(--rad-md);overflow:hidden;background:var(--bg);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.t1 th,.t1 td{padding:12px 18px;border-bottom:1px solid rgba(var(--brand-rgb),.12);border-left:1px solid rgba(var(--brand-rgb),.10);text-align:center;vertical-align:middle;font-size:var(--fs-md);line-height:1.3}
.t1 th:first-child,.t1 td:first-child{border-left:0;background:rgba(var(--brand-rgb),.040);font-weight:700}
.t1 tr:last-child th,.t1 tr:last-child td{border-bottom:0}
.t1 th{background:rgba(var(--brand-rgb),.055);color:var(--txt2);font-weight:700}
.t1 td{background:var(--bg);color:var(--txt);font-weight:500}
.t1 tr:first-child th{background:rgba(var(--brand-rgb),.10);color:var(--txt);font-weight:800}
.t1 tr:first-child th a{color:var(--brand);text-decoration:none;font-weight:800}
.t1 tr:first-child th a:hover{text-decoration:none}
.t1 tr:nth-child(even) td{background:rgba(var(--brand-rgb),.022)}
.t1 tr:hover td{background:rgba(var(--brand-rgb),.050)}
.t1 .gre{color:rgba(var(--brand-rgb),1);font-weight:800;letter-spacing:.01em}
.t1 .low,.t1 .yel{color:rgba(var(--orng-rgb),1);font-weight:800;letter-spacing:.01em}
.t1 td:nth-child(n+2){font-variant-numeric:tabular-nums;white-space:nowrap}
.t1 tr:first-child th:first-child{border-top-left-radius:var(--rad-md)}
.t1 tr:first-child th:last-child{border-top-right-radius:var(--rad-md)}
.t1 tr:last-child td:first-child,.t1 tr:last-child th:first-child{border-bottom-left-radius:var(--rad-md)}
.t1 tr:last-child td:last-child,.t1 tr:last-child th:last-child{border-bottom-right-radius:var(--rad-md)}

/* Top Wrapper */
#Top{position:relative;width:100%;z-index:200}

/* Header Elements */
#UBar{z-index:300;position:relative;background:var(--brand);height:38px;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
#UBar .util{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--maxw);padding:0 24px;margin:0 auto;box-sizing:border-box}
#UBar .trust{flex:1;position:relative;overflow:hidden;color:var(--txt4);font-size:var(--fs-md);font-weight:600;letter-spacing:.01em;white-space:nowrap;line-height:1.4em;padding-top:2px;min-height:1.4em}
#UBar .trust span{position:absolute;top:0;left:0;opacity:0;transform:translateX(-110%);animation:trustSlide 14s ease-in-out infinite}
#UBar .trust span:nth-child(1){animation-delay:0s}
#UBar .trust span:nth-child(2){animation-delay:4s}
#UBar .trust span:nth-child(3){animation-delay:8s}
@keyframes trustSlide{0%{opacity:0;transform:translateX(-110%)}3%,20%{opacity:1;transform:translateX(0)}25%{opacity:0;transform:translateX(10%)}100%{opacity:0;transform:translateX(110%)}}
#UBar .links{display:flex;letter-spacing:.05em;align-items:center;gap:20px}
#UBar .links > a{display:flex;align-items:center;color:var(--txt4);font-weight:600;font-size:var(--fs-md);text-decoration:none;opacity:1;transition:opacity var(--t-fast) var(--ease);line-height:1;height:20px}
#UBar .links > a:hover{opacity:1}
#UBar .links .reg{padding:0}
#UBar .links .rbtn{margin:0}
#UBar .ico{width:24px;height:24px;fill:currentColor;display:inline-block;flex-shrink:0;position:relative;top:-.5px;vertical-align:middle;opacity:.95;margin-right:6px}

/* Header */
#Header{z-index:250;display:flex;justify-content:space-between;align-items:flex-start;max-width:var(--maxw);width:100%;margin:0 auto;padding:8px 27px;background:var(--bg);box-sizing:border-box;position:relative}
#HLeft{flex-shrink:0}
#HLeft a{display:block;line-height:0;text-decoration:none}
.logo{display:block;height:clamp(40px,6vw,64px);width:auto;border:none}
.logo:hover{border:0}
#HRight{z-index:250;display:flex;align-items:center;justify-content:flex-end;height:clamp(40px,6vw,64px)}
.reg{position:relative;padding:8px 0}

/* Chevron (universal SVG) */
.chev,.leave{margin-left:6px;opacity:.7;flex-shrink:0;border:0;transition:transform var(--t-slow) var(--ease),opacity var(--t-slow) var(--ease)}
.chev{transform:rotate(0deg)}
.chev:hover,a:hover .leave{opacity:1;border:0}
.chv:hover .chev,.reg:hover .chev,#Menu li.on .chev{transform:rotate(90deg);opacity:1}

/* Region & Language Section */
.rbtn{display:flex;align-items:center;gap:6px;padding:var(--pad-sm);background:var(--bgst1);border:1px solid var(--gray);border-radius:var(--rad-md);cursor:pointer;font-weight:700;font-size:var(--fs-sm);line-height:1;color:var(--txt);box-sizing:border-box;transition:box-shadow var(--t-fast) var(--ease),background var(--t-med) var(--ease),border-color var(--t-med) var(--ease),color var(--t-med) var(--ease)}
.rbtn:hover,.reg:hover .rbtn{background:var(--bgst3);border-color:var(--bord);color:var(--txt1);box-shadow:var(--sh-sft)}
.rbtn:focus{outline:none}
.rbtn:focus-visible{box-shadow:0 0 0 2px var(--glw-g),var(--sh-sft)}
.flg{display:block;border:none;margin:0;border-radius:var(--rad-sm);opacity:.95;flex-shrink:0;transition:opacity var(--t-fast) var(--ease)}
.flg:hover{opacity:1}
.reg{display:inline-flex;position:relative;flex:0 0 auto;width:auto}
.reg:after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.rmenu{display:none;position:absolute;top:calc(100% + 10px);right:0;width:100%;min-width:0;background:var(--bg);border:1px solid var(--bord);border-radius:var(--rad-md);box-shadow:var(--sh-hrd);padding:0;z-index:250;overflow:hidden;box-sizing:border-box;animation:fadePop var(--t-med) var(--ease-pop) forwards}
.reg:hover .rmenu{display:block}
.rmenu a{display:flex;align-items:center;gap:6px;padding:var(--pad-sm);margin:0;border:0;box-sizing:border-box;font-weight:700;font-size:var(--fs-sm);line-height:1;color:var(--txt);text-decoration:none;cursor:pointer;white-space:nowrap;border-radius:calc(var(--rad-md) - 3px);transition:background var(--t-med) var(--ease),color var(--t-med) var(--ease)}
.rmenu a:hover{background:var(--surf);color:var(--txt1)}
.rmenu a:focus{outline:none}
.rmenu a:focus-visible{box-shadow:0 0 0 2px var(--glw-g)}
.rmenu a .leave{margin-left:auto;opacity:.85;flex-shrink:0;width:16px;height:16px;display:block}
@keyframes fadePop{0%{opacity:0;transform:translateY(calc(var(--move-sm) * -1)) scale(var(--scale-pop))}100%{opacity:1;transform:translateY(0) scale(1)}}

/* Top Nav Bar */
#Menu{z-index:200;position:relative;display:flex;justify-content:flex-start;align-items:center;padding:0 var(--maxpad);width:100%;height:48px;line-height:48px;margin-bottom:3px;background:var(--bg);border:0}
#Menu>ul{display:flex;align-items:center;list-style:none;margin:0;padding:0}
#Menu li{position:relative;margin:0;padding:0;white-space:nowrap}
#Menu li a,.m button{display:flex;align-items:center;justify-content:flex-start;padding:var(--pad-md);background:transparent;border:1px solid transparent;border-radius:var(--rad-md);cursor:pointer;font-weight:700;font-size:var(--fs-md);line-height:1;color:var(--txt2);text-decoration:none;transition:background var(--t-med) var(--ease),border-color var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),color var(--t-med) var(--ease);box-sizing:border-box;height:38px;margin:5px 8px}
.b{background-color:inherit;border:0}
#Menu li:hover>a,#Menu li:hover>button{background:var(--surf);border-color:var(--bord);box-shadow:none;color:var(--txt2)}
#Menu li.m:hover>a{color:var(--txt1)}
#Menu li.on>a,#Menu li.on>button{background:var(--surf);border-color:var(--bord);box-shadow:none;color:var(--txt1)}

/* --- Positioning Fix --- */
#BWrap{position:relative;width:100%;padding:0;z-index:1}
#CWrap{position:relative;width:100%;padding:0 var(--maxpad);z-index:1}

/* --- MEGA MENU (Optimized for Transform & Visibility) --- */
#Mega{z-index:100;position:absolute;top:calc(-1*var(--mminh));left:0;width:100%;min-height:var(--mminh);padding:0 var(--maxpad) 15px;background:var(--bg);border-top:0;border-bottom:1px solid var(--bord);box-shadow:var(--msh);transform:translateY(0);pointer-events:none;transition:transform var(--t-slow) var(--ease-pop),opacity var(--t-med) var(--ease);display:flex;align-items:stretch;justify-content:flex-start;gap:30px}
#Mega.open{transform:translateY(var(--mminh));pointer-events:auto}
#Mega .cols{display:flex;align-items:stretch;order:1;flex:1;min-width:0}
#Mega>.cols>.col[data-items]{display:none}
#Mega>.cols>.col[data-items].on{display:flex}
#Mega>.cols>.col{display:flex;align-items:stretch;flex-direction:column;flex:0 1 clamp(200px, 18vw, 220px);min-width:200px;height:100%}
#Mega .col{position:relative;margin:0;--mcolgap:10px}
#Mega .col a{display:flex;align-items:center;gap:10px;font-weight:600;font-size:var(--fs-sm);width:100%;padding:var(--pad-md);background:transparent;border:1px solid transparent;border-radius:var(--rad-md);cursor:pointer;line-height:1;color:var(--txt2);text-decoration:none;transition:background var(--t-med) var(--ease),border-color var(--t-med) var(--ease),color var(--t-med) var(--ease);box-sizing:border-box}
#Mega .col a:hover{background:var(--surf);border-color:var(--bord);color:var(--txt2)}
#Mega .col a.on{background:var(--surf);border-color:var(--bord);color:var(--txt1)}
#Mega .col a:after{content:"";display:none}
#Mega .col a.sub:after{content:"";display:block;margin-left:auto;width:6px;height:6px;border-right:2px solid var(--txt2);border-bottom:2px solid var(--txt2);transform:translateX(-4px) rotate(-45deg);opacity:.35;transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
#Mega .col a.sub:hover:after,#Mega .col a.sub.on:after{opacity:.85;transform:translateX(0) rotate(-45deg)}
#Mega .col a.sub+.col{position:absolute;top:0;bottom:0;left:calc(100% + var(--mcolgap));min-width:200px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-2px);transition:opacity 120ms var(--ease),transform 120ms var(--ease),visibility 0s linear 220ms}
#Mega .col a.sub+.col:before{content:"";position:absolute;top:0;bottom:0;left:calc(-1 * var(--mcolgap));width:var(--mcolgap)}
#Mega .col a.sub:hover+.col,#Mega .col a.sub.on+.col,#Mega .col a.sub+.col:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition:opacity 120ms var(--ease),transform 120ms var(--ease),visibility 0s}
#Mega .imgcol{display:flex;max-width:400px;flex: 0 1 clamp(260px, 32vw, 420px);flex-direction:column;order:2;margin:2px 15px 0 auto;padding:0}
#Mega.img-mid .cols{order:2}
#Mega.img-mid .imgcol{order:1;margin-left:0;margin:2px auto 0 15px}


/* Hero Section */
#Hero{width:100%;background:var(--surf);padding:calc(var(--move-lg) * 1.4) var(--maxpad);border-bottom:1px solid var(--bord)}
#HeroMain{width:min(var(--maxw),100%);background:var(--bg);border:1px solid var(--bord);border-radius:var(--rad-lg);box-shadow:var(--sh-hrd);padding:calc(var(--move-lg) * 1);display:flex;flex-direction:column;gap:calc(var(--move-lg) * .7)}
#HeroMain.heroStrip{--hh:200px}
#HeroMain.heroStrip .hTop{display:grid;grid-template-columns:1fr auto;grid-template-areas:"h1 h1" "sub ctas";gap:4px 16px;align-items:end}
#HeroMain.heroStrip .hTitles{min-width:0;display:contents}
#HeroMain.heroStrip .hTitles h1{grid-area:h1;line-height:1.15}
#HeroMain.heroStrip .hTitles #subhead{grid-area:sub;max-width:80ch}
#HeroMain.heroStrip .hCtas{grid-area:ctas;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}
#HeroMain.heroStrip .hStrip{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
#HeroMain.heroStrip .hShot{width:100%;height:var(--hh)}


/* Breadcrumb */
.Crumb{width:100%;margin:0;padding:0;border-bottom:1px solid var(--ln);padding-bottom:10px}
.Crumb ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0;flex-wrap:wrap}
.Crumb li{display:flex;align-items:center;font-size:var(--fs-xs);line-height:1.2;color:var(--txm);white-space:nowrap}
.Crumb .chev{margin:0 10px;opacity:.45;flex-shrink:0;transform:none;transition:none}
.Crumb a{color:var(--txt2);font-weight:600;text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:rgba(0,0,0,0);transition:color var(--t-med) var(--ease),text-decoration-color var(--t-med) var(--ease)}
.Crumb a:hover{color:var(--brand);text-decoration-color:rgba(var(--brand-rgb),.55)}
.Crumb a:focus{outline:none}
.Crumb a:focus-visible{box-shadow:0 0 0 2px var(--glw-g);border-radius:6px}
.Crumb li:last-child{color:var(--txt);font-weight:650}

/* Product Menu */
.LeftMenu-toggle,.LeftMenu{display:none}
.LeftMenu{float:left;flex:0 0 190px;width:190px;font-size:var(--fs-sm);font-weight:700;margin:8px 0;padding:0;border:0;border-radius:var(--rad-md);background:transparent;transition:top var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease)}
.LeftMenu.sticky{position:fixed;top:0;z-index:11;box-shadow:var(--sh-hrd);background:var(--bg)}
.LMenuHead{background:var(--brand);color:var(--txt4);font-size:var(--fs-lg);padding:var(--pad-md);border:1px solid var(--brand);border-radius:var(--rad-md) var(--rad-md) 0 0;margin:0;line-height:1.2em}
.LMenuBody{margin:0 0 10px;padding:0;background:var(--bg);border:1px solid var(--bord);border-top:none;border-radius:0 0 var(--rad-md) var(--rad-md);overflow:hidden;max-height:calc(100vh - 80px);overflow-y:auto;scroll-behavior:smooth}
.LMenuBody:last-child{margin-bottom:0}
.LMenuBody ul{margin:0;padding:0;list-style:none}
.LMenuBody li{margin:0;padding:0;border-bottom:1px solid var(--bord);position:relative}
.LMenuBody li:last-child{border-bottom:none}
.LMenuBody li a{display:block;padding:var(--pad-md);color:var(--txt);text-decoration:none;border-left:3px solid transparent;transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),border-left-color var(--t-fast) var(--ease)}
.LMenuBody li:hover>a{color:var(--brand);background:var(--surf);border-left-color:var(--brand);text-decoration:none}
.LMenuBody li ul{display:none;position:absolute;top:0;left:190px;width:190px;background:var(--surf);border:1px solid var(--bord);border-radius:var(--rad-md);box-shadow:var(--sh-sft);z-index:10}
.LMenuBody li:hover>ul,.LMenuBody li.over>ul{display:block}
.LMenuBody li ul li{border-bottom:1px solid var(--gray)}
.LMenuBody li ul li:last-child{border-bottom:none}
.LMenuBody li ul li a{padding:var(--pad-sm);font-size:var(--fs-xs);color:var(--txt);background:var(--surf);border-left:3px solid transparent;transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),border-left-color var(--t-fast) var(--ease)}
.LMenuBody li ul li:hover>a{color:var(--brand);background:var(--surf);border-left-color:var(--brand);text-decoration:none}

/* Page Body */
#ContentWrap{display:flex;flex-wrap:wrap;padding:var(--wpad);overflow:visible;position:relative;flex:1;top:0}
.Content{font-size:var(--fs-md);width:525px;margin:0;padding:0}
.ContentWide{font-size:var(--fs-md);width:735px;margin:0;padding:0}
.ContentWidest{font-size:var(--fs-md);margin:0;padding:0}
#LayoutColumn2{background:var(--bg);flex:1}
#LayoutColumn2 .Block{clear:both}
.Block{margin-top:10px;margin-bottom:10px}
.Right{float:left;font-size:var(--fs-md);margin:0;padding:0}
.fleft{float:left;margin:0;padding:0}
.fright{float:right;margin:0 0 0 15px;padding:0}

#LayoutColumn2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#LayoutColumn2>:not(.prod){grid-column:1/-1}
.prod{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;border:1px solid var(--bord);border-radius:var(--rad-md);background:var(--bg);box-shadow:none;box-sizing:border-box;transition:box-shadow var(--t-med) var(--ease),border-color var(--t-fast) var(--ease)}
.prod:hover{border-color:var(--brand);box-shadow:var(--sh-sft)}
.desc{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.prod .pic,.prod img.pic{margin:0;width:150px;height:150px;border:1px solid var(--gray);border-radius:var(--rad-md);overflow:hidden;box-shadow:none;box-sizing:border-box;align-self:flex-start;transition:box-shadow var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.prod .pic:hover,.prod img.pic:hover{border-color:var(--brand);box-shadow:var(--sh-sft)}
.prod .pic img,.prod img.pic{width:100%;height:100%;display:block;object-fit:cover;object-position:center 50%;border:0}

.prodWide{display:grid;grid-template-columns:minmax(280px,520px) minmax(0,1fr);gap:20px;align-items:start;margin-bottom:24px}
.prodWide .pic{margin:0;--pmh:clamp(320px,52vh,520px);display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:var(--pmh);gap:10px;align-items:stretch;min-height:var(--pmh);box-sizing:border-box}
.prodWide .pic br{display:none}
.prodWide .pic .pm{grid-column:2;grid-row:1;display:block;height:var(--pmh);min-height:var(--pmh);max-height:var(--pmh);border:1px solid var(--brand);border-radius:var(--rad-md);overflow:hidden;background:var(--sf2);cursor:zoom-in;box-shadow:none;transition:box-shadow var(--t-fast) var(--ease)}
.prodWide .pic .pm:hover{box-shadow:var(--sh-sft)}
.prodWide .pic .pm img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;border:0;background:var(--sf2)}
.prodWide .pic .pthumbs{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:8px;max-height:var(--pmh);overflow-x:hidden;overflow-y:auto}
.prodWide .pic>a,.prodWide .pic .pthumbs a{flex:none;display:block;width:60px;height:60px;border:1px solid var(--gray);border-radius:var(--rad-sm);overflow:hidden;box-shadow:none;transition:box-shadow var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.prodWide .pic>a:hover,.prodWide .pic .pthumbs a:hover,.prodWide .pic>a.on,.prodWide .pic .pthumbs a.on{border-color:var(--brand);box-shadow:var(--sh-sft)}
.prodWide .pic>a img,.prodWide .pic .pthumbs a img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border:0}
.descWide{min-width:0}

.recycle{float:left;margin:0 0 10px 0;padding:0;width:100%}
.recycle img{border:0}
.rpic{float:left;width:27px;display:block;margin:0;padding:0}
.rtxt{text-align:left}
.pdf{float:left;display:block;clear:both;margin:10px 0 0;padding:0}
.pdf a img{border:none;vertical-align:middle;padding-right:5px;margin-bottom:5px}

#Footer{clear:both;position:relative;left:0;right:0;width:100%;margin-top:28px;z-index:10}
#Footer a{text-decoration:none;font-weight:500}
#Footer a:hover{text-decoration:underline}
.f-top{background:var(--surf);border-top:1px solid var(--bord);padding:30px var(--wpad) 20px;display:flex;justify-content:center}
.f-cols{max-width:var(--maxw);width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;align-items:stretch}
.f-col{background:var(--bg);border:1px solid var(--bord);border-radius:var(--rad-md);box-shadow:var(--sh-sft);padding:16px 18px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.f-col h3,.f-col h4{margin:0 0 8px 0}
.f-col ul{list-style:none;padding:0;margin:0}
.f-col ul li{margin:0 0 10px 0}
.f-col ul li:last-child{margin-bottom:0}
.f-col ul li a{color:var(--txt2);font-size:var(--fs-md);line-height:1.4;display:inline-block;padding:2px 0}
.f-col ul li a:hover{color:var(--brand)}
.f-bar{background:var(--brand2);padding:25px var(--wpad);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.f-social{display:flex;justify-content:center;align-items:center;gap:16px}
.f-social svg{width:32px;height:32px;display:block;fill:var(--txt4);opacity:.9;transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.f-social a:hover svg{opacity:1;transform:translateY(-2px)}
.f-pay{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}
.f-pay img{height:28px;width:auto;opacity:.85;transition:opacity var(--t-fast) var(--ease)}
.f-pay img:hover{opacity:1}
.f-copy{font-size:var(--fs-sm);margin:25px 0}
.f-copy,.f-copy a{color:var(--txt4)}

/* Lightbox Image Gallery */
dialog{display:none;border:none;padding:0;margin:0;position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;flex-direction:column;align-items:center;justify-content:center;background:var(--glw-w);backdrop-filter:blur(1px);overflow:hidden;inset:0;z-index:500}
dialog[open]{display:flex}
dialog::backdrop{background:var(--glw-w);backdrop-filter:blur(1px);position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0}
html,body{height:100%;margin:0;padding:0}
dialog[open],dialog[open]~body,html{overflow:hidden;width:100%;height:100%}
.lb-main{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:0;flex:none}
#lightbox-img{position:relative;max-width:90vw;max-height:80vh;display:block;border-radius:10px;box-shadow:0 4px 24px rgba(0,0,0,.15);transition:opacity .25s ease}
.lb-prev,.lb-next{background:none;border:none;color:#222;font-size:3.5rem;line-height:1;cursor:pointer;opacity:.55;transition:opacity .25s,background-color .25s,color .25s;touch-action:manipulation;display:flex;align-items:center;justify-content:center;width:80px;height:80px;z-index:10}
.lb-prev.hover,.lb-next.hover,.lb-prev:hover,.lb-next:hover{opacity:1;background-color:rgba(0,0,0,0.08);color:#000;font-weight:bold;border-radius:50%}
.lb-prev:focus,.lb-next:focus{outline:none}
#lightbox-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#333;font-size:3.5rem;cursor:pointer;opacity:.65;transition:opacity .25s,transform .25s;touch-action:manipulation;z-index:15}
#lightbox-close:hover{opacity:1;transform:scale(1.1)}
#lightbox-caption{margin-top:10px;font-size:1rem;font-weight:500;color:#222;text-align:center;font-family:Treadserrat,sans-serif}
#lightbox-thumbs{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap;justify-content:center}
#lightbox-thumbs img{width:88px;height:88px;object-fit:cover;cursor:pointer;border:2px solid transparent;border-radius:6px;opacity:.8;transition:border-color .25s,opacity .25s,transform .2s}
#lightbox-thumbs img:hover{opacity:1;transform:scale(1.05)}
#lightbox-thumbs img.active{border-color:var(--brand);opacity:1}
.lb-loading a[rel^="lytebox["]{pointer-events:none;opacity:.6;cursor:wait;position:relative}
.lb-loading::before{content:"Loading gallery...";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;font:600 1.1em/1.4 sans-serif;padding:14px 22px;border-radius:8px;z-index:500;animation:fadepulse 1.2s ease-in-out infinite alternate}
@keyframes fadepulse{from{opacity:.5}to{opacity:1}}

sup{margin-left:5px;color:var(--orng);vertical-align:baseline;position:relative;top:-0.4em}
sup.supblk{margin-left:1px;color:var(--txt)}
.link{float:left;display:block;clear:right;list-style:none;margin:0;padding:2px 0}
.link li{padding:5px 0}
.formbutton{float:left;margin:2px 10px;font-weight:700;text-decoration:none;display:block;padding:3px 10px;background-color:var(--orng2);border:1px solid var(--orng3)}
.formbutton:hover{background:var(--orng);color:var(--txt4)}
.formbutton a:hover,.formbutton:hover a{color:var(--txt4)}
.buttons{align-self:flex-start;margin-top:8px;background:var(--surf);border:1px solid var(--bord);border-radius:3px;transition:background-color .2s ease,border-color .2s ease}
.buttons a{display:block;font-size:.85em;font-weight:700;padding:6px 14px;color:var(--brand);text-decoration:none}
.buttons:hover{background:var(--brand);border-color:var(--brand)}
.buttons:hover a{color:var(--txt4)}
.price2{color:var(--txt);font-weight:700}

@media (max-width:767px){
  form{margin-bottom:50px}
img[width="734"]{width:100%;height:auto}
.contact{display:none}
#Menu{position:relative}
#Menu ul{display:none}
h1,#subhead{margin-left:50px}
.LeftMenu-toggle{margin:30px 15px;display:flex;align-items:center;justify-content:center;width:42px;height:38px;position:sticky;top:5px;left:10px;z-index:500;cursor:pointer;background:var(--bg);border:1px solid var(--brand);border-radius:6px;text-align:center;box-shadow:0 0 20px 8px var(--glw-w);transition:background-color .25s,border-color .25s}
.LeftMenu-toggle:hover{border-color:var(--brand2)}
.LeftMenu-icon{display:inline-block;vertical-align:middle;margin:0}
.icon-bar{display:block;width:22px;height:3px;margin:4px auto;background:var(--brand);border-radius:2px;transition:background-color .25s}
#Wrapper{display:block;width:100%;position:relative;padding:0;overflow:visible;min-height:calc(100vh - 53px)}
.LeftMenu{float:none;position:sticky;top:53px;z-index:20;min-width:210px;max-width:210px;padding:0 10px;max-height:calc(100vh - 63px);transition:opacity .25s ease,transform .25s ease;opacity:0;pointer-events:none;transform:translateY(-20px)}
.LeftMenu.open{opacity:1;pointer-events:auto;transform:translateY(0);overflow-y:auto;background-color:var(--glw-w);box-shadow:0 0 20px 8px var(--glw-w)}
#ContentWrap{display:block;width:100%;position:absolute;overflow:visible;margin:0;transition:margin-top .25s ease}
.Crumb ul{margin-left:50px;margin-bottom:14px}
#LayoutColumn2{width:100%;padding:0 10px;margin-bottom:15px}
#Footer{font-size:.75rem}
.prodWide{grid-template-columns:1fr}
.prodWide .pic{grid-template-columns:1fr;grid-template-rows:var(--pmh) auto;--pmh:min(72vw,420px);min-height:0}
.prodWide .pic .pm{grid-column:1;grid-row:1}
.prodWide .pic .pthumbs{grid-column:1;grid-row:2;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden}
}
@media (min-width:768px){
	.LMenuHead:nth-last-of-type(2),.LMenuBody:last-of-type{display:none}
  .LeftMenu.hide{display:none}
}
@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}100%{opacity:1;transform:translateY(0)}}