/* DUX / Bootstrap 5 bridge: Bootstrap -> this file -> Font Awesome -> main -> tech.
   Keep the existing theme's pixel metrics; leave Bootstrap's rem scale at 16px.
   This is not a Bootstrap 3 component bundle. main.css owns hide/pagination. */
html{font-size:100%}
body{font-size:14px;line-height:1.42857143}

/* Reboot defaults otherwise enlarge untargeted headings and paragraph gaps. */
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1,h2,h3{margin-top:20px;margin-bottom:10px}
h4,h5,h6{margin-top:10px;margin-bottom:10px}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:14px}
h6{font-size:12px}
p{margin:0 0 10px}
small,.small{font-size:85%}
label{max-width:100%;margin-bottom:5px;font-weight:700}

/* main.css supplies the 1200px cap and responsive side margins. Auto width
   must also apply below 768px, where width:100% would add those margins. */
.container{
	--bs-gutter-x:0;
	--bs-gutter-y:0;
	width:auto;
	padding-left:0;
	padding-right:0;
}
.container::before,.container::after{display:table;content:""}
.container::after{clear:both}

/* Only controls used by the theme: no replacement grid, panels or JS states. */
.btn{--bs-btn-font-size:14px;--bs-btn-line-height:1.42857143}
.btn-sm{--bs-btn-font-size:12px;--bs-btn-line-height:1.5}
.btn-lg{--bs-btn-font-size:18px;--bs-btn-line-height:1.3333333}
.form-control,.form-select{font-size:14px;line-height:1.42857143;padding:6px 12px}
.form-control:not(textarea),.form-select{height:34px}
.form-select{padding-right:32px;background-position:right 12px center}
.form-control-lg{font-size:18px;line-height:1.3333333;padding:10px 16px}
.form-control-lg:not(textarea){height:46px;min-height:46px}

/* Real legacy thumbnail wrappers remain in product/sidebar templates.
   main.css already provides their zero padding, border and margin. */
.thumbnail{display:block}