.create{width:100%;min-height:100%;padding:80px;display:flex;flex-direction:column;justify-content:center;gap:30px}.create h1{font-size:40px;font-weight:900;text-align:left}.create form{display:flex;flex-direction:column;gap:20px;width:100%}.create form .product-row{display:flex;gap:20px}.product-row>div{display:flex;flex-direction:column;width:100%;gap:8px}.create input{border:1px solid gray;height:35px;outline:none;padding:6px 12px}.create textarea{border:solid 1px gray;outline:none}.create .button{display:flex;align-items:flex-end;height:100%}.create .button button{background-color:var(--accent-color);padding:6px 20px;cursor:pointer;width:120px;color:#fff;outline:none;font-size:18px;font-weight:600}#product-details{width:100%;height:100%;display:flex;flex-direction:column}.detail-hero{width:100%;background-color:var(--secondary-color);padding:12px 80px;display:flex;flex-direction:column;gap:10px}.detail-hero h3{color:#000;font-size:22px;font-weight:700}.detail-hero p{color:#ccd5ae;font-size:18px}.detail-hero i{color:#444;font-size:22px;cursor:pointer}.details{width:100%;display:flex;padding:20px 40px 40px;justify-content:space-between;gap:40px}.description{display:flex;flex-direction:column;gap:20px;margin-top:20px}.description h2{font-weight:700;text-decoration:underline}.detail-img{display:flex;justify-content:center;align-items:center;height:400px;padding:30px;border-radius:20px;gap:50px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;width:50%}.detail-img img{width:100%;height:100%;border-radius:20px;object-fit:contain}.detail-text{display:flex;flex-direction:column;gap:12px;width:50%}.title{font-size:18px;font-weight:500}.price{font-size:18px;font-weight:700}.availability{font-size:16px}.availability>span{color:var(--accent-color)}.detail-text input[name=checkbox]:checked{background-color:var(--accent-color);color:#8a2be2}.detail-text input[name=quantity]{border:1px solid var(--accent-color);width:200px;height:40px;font-size:18px;padding:6px}.detail-text button{background-color:var(--accent-color);width:200px;height:40px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.detail-text h4{padding:6px 15px;background-color:var(--color-1);color:#fff;opacity:.4}@media (max-width: 767px){.details{flex-direction:column;padding:20px 15px 0}.detail-hero{padding:12px 15px}.detail-img{width:100%;height:100%}.detail-img img{object-fit:contain}.detail-text{width:100%}.detail-hero h3{font-size:18px}.detail-text button{margin-top:10px}}@media (max-width: 1024px) and (min-width: 768px){.products{grid-template-columns:repeat(4,1fr)}}