input { border: none}
input::placeholder { color: #9a9a9a70}
#ifbot { display:none}
h1.product { font-size: 1.8em; margin: 0.67em 0; text-align: center}
.outlet li::before { content: ">"}  
.center{ text-align: center}
.gallery { padding-bottom: 2rem}
.name { border-bottom-width:2px; border-bottom-style:solid; border-radius:0px; border-color:#f2d022a3;margin: 0.5em 0 2em}
.callback-form { margin-bottom: 2em}
.btn-primary {
    padding: 0.5em 1em;
    margin-top: 2em;
    background: #2fe1455e}
.btn-primary:hover {
    background: #00ff2087;
    color: #1521cf}
.btn-primary:active {
    background: #00ff2087;
    color: #1521cf;
    border-width: 0 2px 2px 0;
    border-style:solid;
    border-color:#9a9a9a87}
.form-group {
    margin: auto}
.form-group span {
    font-size: 1.5rem;
    font-weight: bold;
    padding-left: 0.5em}
.options {
    margin: 2em 0 0}
.square-control {
    display: inline-block}
.square-control-small span {
    height: 18px;
    border: 1px solid #8b8b8b;
    display: inline-block;
    line-height: 16px;
    font-size: 14px;
    padding: 0 2px;
    min-width: 29px;
    margin: 0.2em 0.2em 0.2em 0.1em;
    text-align: center;/*
    background: #ebebeb*/}
.square-control span {
    height: 43px;
    border: 1px solid #000;
    display: inline-block;
    line-height: 43px;
    font-size: 15px;
    padding: 0 3px;
    min-width: 64px;
    cursor: pointer;
    margin: .3em .3em .3em .2em;
    text-align: center}
.square-control input[type="radio"] {display:none}
.square-control input[type="radio"]:checked+span {
    color: #fff;
    background-color: #000}
.square-control span:hover {
    color: #fff;
    background-color: #9a9a9a70;
    border: 1px solid #9a9a9a70}
.round-control span {
    height: 80px;
    display: inline-block;
    font-size: 15px;
    padding: 0 4px;
    min-width: 80px;
    margin: 1.1em .2em 0;
    text-align: center;
    border: 1px solid #8b8b8b
}
.round-control span:first-of-type { outline: 1px solid #000; outline-offset: 2px}
.round-control a > span {outline:0 !important}
span.color{
    height:14px;
    min-width:14px;
    display:inline-block}
.price-group {
  /*  margin:1em 0 4em*/}
.price-group p{ font-size:16px}
.modal-content { text-align:center}
.sizes td { vertical-align:middle}
.category-wrap { margin-bottom:3em;padding:0 .5em}
/*.category-head h2 { display: inline-block;margin-right:1em }*/
.old-price { font-size: 1em}
.old-price:before, .old-price:after { background-color: #d14d4d}
.price { font-size: 1.3em }
span.price a {font-family:'PT Sans Narrow',sans-serif;font-weight:500;color:#3d3d3d;font-size: 1em}
.recommend-wrapper{
    display:inline-flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-end;
    max-width:750px}
.recommend{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    flex-grow:1;
    flex-shrink:0}
.recommend:has(>.pic:only-of-type){
    width:50% !important}
.recommend h2{
    width:100%;
    margin:1em 0 .2em .2em}
.pic{ 
    width:27%;
    padding:.2em;
    flex-grow:1}
.overflow {overflow:hidden}
@media (max-width: 995px){
    .sizes { margin-left:auto}
    .round-control span { height: 50px; min-width: 50px}
    .outlet li {font-size: .8em}
    .category-desc p { font-size: .9em;line-height: 1.1}
    .category-head {line-height: 1.2}
    .category-head h2 { font-weight: 400; color:#3d3d3de8}
    .price { font-size: 1em}
    span.price a { font-size: 1.2em}
    .old-price { font-size: .8em}
    .square-control span { min-width:45px;margin:.3em .1em}
}
@media (max-width: 830px){
    .modal-dialog { width:auto}
    .square-control-small span { border:none;background:none;height:15px;font-size:10px;min-width:15px}
    h2{ font-size:1em}
    .col-md-12 h2 { margin-top: -2rem}
}
@media (min-width: 768px){
    .modal-dialog { width:fit-content}
}
@media (max-width: 430px){
    .modal-dialog { width:fit-content}
    .sizes td{ padding: .3rem}
    h1.product{ font-size:1.5em}
    .old-price { font-size: .7em}
    .price { font-size: 1em}
}