* {
    box-sizing: border-box;
  }

body {
    background: #fffaf0;
}

.header {
    background: #e10f1c;
background: linear-gradient(90deg, rgba(225,15,28,1) 0%, rgba(255,250,240,1) 100%);
    text-align: center;
    position: relative;
}
.logo-right {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    height: 80px;
    margin-right: 50px;
    z-index: 950;
}
.logo-left {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    height: 80px;
    margin-left: 50px;
    z-index: 950;
}
.home-right {
    position: absolute;
    right: -17px;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 50px;
    z-index: 950;
}
.home-left {
    position: absolute;
    left: 0px;
}
.welcome {
    width: 85%;
    float: right;
    padding: 15px;
}
.menu {
    width: 15%;
    float: left;
    background: #fffaf0;
}
.content {
    width: 85%;
    float: right;
    padding: 20px;
    background: floralwhite;
    
}
.welcome-text {
    padding-left: 30px;
}
.products {
    width: 85%;
    float: right;
    padding: 15px;
}
.product-detail {
    width: 300px;
    margin: 10px 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    float: left;
    background-color:white;
    height: 490px;
}
.product-detail img {
    max-width: 100%;
    margin-bottom: 20px;
}
.product-detail h2 {
    margin: 20px 0 10px 0;
}
.product-detail p {
    margin: 10px 0;
    color: #666;
}
.category-detail {
    margin: 0 20px 20px 0px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    float: left;
    background-color:white;
    width: 100%;
}
.category-detail img {
    margin-bottom: 20px;
    float: left;
    padding-right: 30px;
    width: 320px;
}
.category-detail h2 {
    margin: 20px 0 10px 0;
    color: black;
}
.category-detail p {
    margin: 10px 0;
    color: #666;
}
.agbs-content {
    margin-left: 17%;
    position: absolute;
    float: right;
    line-height: 90%;
}
.agbs-content p {
    padding-right: 100px;
    margin-left: 60px;
}
.special-detail {
    margin: 35px 20px;
    padding-right: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    float: left;
    background-color:white;
}
.special-detail img {
    max-width: 100%;
    margin-bottom: 20px;
}
.special-detail h2 {
    margin: 20px 0 10px 0;
}
.special-detail p {
    margin: 10px 0;
    color: #666;
}