img{width:170px!important;height:222px;box-shadow:0 1px 20px #c7186733;border-radius:10px}html,body{margin:0;padding:0;width:100%;height:100%}section{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin:0;overflow:hidden;height:100vh}section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://img.pikbest.com/photo/20250127/pink-orange-sunset-heart-clouds-in-a-dreamy-romantic-sky_11453590.jpg!w700wp);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(2px);transform:scale(1.1);z-index:-1}.box{display:flex}.detail-container{display:flex;gap:10px;margin:20px}.image-container{margin-bottom:20px}.detail-imagee{width:485px!important;height:664px!important;border-radius:10px;box-shadow:0 4px 10px #0003}form{display:flex;gap:10px}.side-image{box-shadow:0 4px 10px #0003;border-radius:10px}.description-container{width:50%;margin:0!important;display:flex;flex-direction:column;align-items:center}.description-text{font-size:18px;margin:10px;padding:10px;width:80%;border:1px solid #ddd;border-radius:6px;min-height:40px}.description-input{width:100%;padding:10px;font-size:18px;border-radius:6px;border:1px solid #ccc;margin-bottom:10px}.submit-btn,.edit-btn{padding:6px 12px;font-size:16px;border:none;border-radius:6px;cursor:pointer;background-color:#4caf50;color:#fff}.edit-btn{background-color:#2196f3}.image-wrapper{display:flex;gap:20px}.image-container{flex:2}.detail-imagee{width:100%;height:400px;object-fit:cover}.side-images{flex:1;display:flex;flex-direction:column;gap:15px}.side-image{width:100%;height:120px;object-fit:cover;cursor:pointer}.description-container{margin:40px auto;width:100%;padding:20px;background-color:#f9f9f9;border-radius:15px;box-shadow:0 8px 20px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.description-container form{display:flex;gap:10px;margin-bottom:30px;align-items:center;justify-content:center}.description-input{flex:1;padding:8px 15px;border-radius:10px;border:1px solid #ccc;transition:.3s all;outline:none;margin:0}.description-input:focus{border-color:#4f46e5;box-shadow:0 0 8px #4f46e54d}select{padding:10px 15px;border-radius:10px;border:1px solid #ccc;outline:none;cursor:pointer;transition:.3s all}select:focus{border-color:#4f46e5;box-shadow:0 0 8px #4f46e54d}.submit-btn{padding:10px 20px;background-color:#4f46e5;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:.3s all}.submit-btn:hover{background-color:#3730a3;transform:translateY(-2px)}.descriptions-display{display:flex;flex-direction:column;margin:4px;width:74%;align-items:center}.description-text{display:flex;align-items:center;justify-content:flex-start;gap:15px;margin:5px;padding:12px 15px;border-radius:12px;background-color:#fff;box-shadow:0 4px 12px #0000000d;cursor:pointer;transition:.3s all}.description-text:hover{background-color:#f0f0ff;transform:translateY(-2px)}.description-text.right:before{content:"";display:inline-block;width:40px;height:40px;border-radius:50%;background-color:#ddd;flex-shrink:0;background-image:url(/eiffel.png);background-size:cover;background-position:center;background-repeat:no-repeat}.description-text.left:after{content:"";display:inline-block;width:40px;height:40px;border-radius:50%;background-image:url(/baby.png);background-size:cover;background-position:center;background-repeat:no-repeat;flex-shrink:0;margin:0}.description-text span{display:flex;align-items:center;gap:10px;width:100%}.description-text span:first-child{justify-content:flex-start}.description-text span:has(:contains("OPTION1")){justify-content:flex-end}.description-text span:has(:contains("OPTION2")){justify-content:flex-start}.description-text input{padding:8px 12px;border-radius:10px;border:1px solid #ccc;outline:none;flex:1;transition:.3s all}.description-text input:focus{border-color:#4f46e5;box-shadow:0 0 8px #4f46e54d}.description-text.right{justify-content:flex-end;text-align:right}.description-text.left{justify-content:flex-start;text-align:left}.description-text button{padding:6px 12px;background-color:#4f46e5;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:.3s all}.description-text button:hover{background-color:#3730a3;transform:translateY(-1px)}
