#middleColumn h1.cat-title {
	font-size: 3.5vw;
	border: none;
	margin-bottom: 5px
}
section.cat-sdesc {
	font-size: 18px;
	border-bottom: solid 10px;
	padding-bottom: 15px;
	margin-bottom: 0;
}

section.cat-banner-landscape {
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 200px;
}
section.cat-banner-portrait {
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 350px;
    border-radius: 20px;
    border: 2px solid #c4c4c4;
    box-shadow: 0 0 20px 0px #c4c4c4;
}
section.cat-banner-square {
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 350px;
    height: 350px;
    border-radius: 20px;
}


.MtileBox {
	margin-bottom: 20px;
    gap: 40px 40px;
    margin-top: 30px;
}

.MtileCat {
	width: 350px;
	display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
}
.MtileCat.fs {
    justify-content: flex-start;
    gap: 10px;
}

.cat-ldesc {
    border: 2px solid #c4c4c4;
    box-shadow: 0 0 20px 0px #c4c4c4;
    padding: 20px 10px;
    font-size: 1.1em;
    border-radius: 20px;
}

.MtileCat .s1 {
	display: grid;
    grid-template-columns: 280px 1fr;
    align-items: start;
    justify-items: end;
    margin-bottom: 10px;
}
.MtileCat .s1-img {
    display: block;
    border: 2px solid #c4c4c4;
    background-color: #c4c4c4;
    border-radius: 28px;
}
.MtileCat .s1-img.portrait {
    height: 100%;
}

.s1 .thumbnail, .s1 .nothumbnail, .s1-img .thumbnail {
    width: 100%;
    height: 100%;
    min-width: 280px;
    min-height: 210px;
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    box-shadow: 0 0 20px 2px #c4c4c4;
}

.s1 .badges {
    padding: 5px;
}

.MtileCat .s2  {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
}

.MtileCat a {
    display: block;
}

.MtileCat .name {
	font-weight: bold;
    font-style: italic;
    font-family: serif;
    font-size: 1.3em;
    color: #425c53;
}
.MtileCat .common-names {
	color: #425c53;
    font-weight: bold;
    font-family: 'burncoose';
    font-size: 1.3em;
    text-transform: uppercase;
}
.MtileCat .short-desc {
	color: #425c53;
	color: #4f4f4f;
}

.MtileCat .prods {
    display: flex;
    flex-direction: column;
    align-items: stretch;
	background-color: #c4dbbf;
	color: #4f4f4f;
    gap: 1px;
    padding: 1px 0 3px 0;
    margin-top: 10px;
}

.prods .add_to_wishlist_line {
    padding: 0;
}

.MtileCat .prod {
    display: grid;
    background-color: white;
    padding: 3px 0;
    justify-content: start;
    justify-items: start;
    align-items: center;
    grid-template-columns: 1fr 1fr max-content;
    grid-template-areas:
        "av-pre av-pre av-pre"
        "pot_size prod_cost prod_buy"
        "notice-min-qty notice-min-qty notice-min-qty"
        "av-post av-post av-post";
}

.prod .av-pre { grid-area: av-pre; }
.prod .av-post { grid-area: av-post; }
.prod .pot_size { grid-area: pot_size; }
.prod .prod_cost { grid-area: prod_cost; }
.prod .prod_buy { grid-area: prod_buy; }
.prod .notice-min-qty {
    grid-area: notice-min-qty;
    width: 100%;
    text-align: right;
}

.prod .bl-av-notes {
    margin: 0.5em 0;
}

.MtileCat .prod input {
    margin: 0;
}
.MtileCat .prod input[type='number'] {
    width: 3.5em;
}

.messages {
    margin: 10px 0;
}

.msg-ok {
    color: #425c53;
}