.protein-banner-container{width:100%;max-width:1366px;height:800px;position:relative;background-color:#e9e4d9;overflow:hidden;margin:0 auto;font-family:Montserrat,sans-serif}.protein-banner-container .organic-shapes{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1}.protein-banner-container .organic-shape{position:absolute;background-color:#d5e8d4;opacity:.2;border-radius:50%;transition:transform .5s ease}.protein-banner-container .shape1{top:100px;left:100px;width:200px;height:200px;transform:scale(1.2)}.protein-banner-container .shape2{bottom:120px;right:150px;width:180px;height:180px;transform:scale(0.9)}.protein-banner-container .shape3{top:140px;right:180px;width:160px;height:160px;transform:scale(1.1)}.protein-banner-container .shape4{bottom:140px;left:160px;width:150px;height:150px;transform:scale(0.8)}.protein-banner-container .center-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.8) 0,rgba(255,255,255,0) 70%);z-index:2;pointer-events:none}.protein-banner-container .center-image-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:475px;height:500px;z-index:3;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.protein-banner-container .product-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));transition:transform .3s ease}.protein-banner-container .image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#fff 0,#f5f2ea 100%);border:2px dashed #d5e8d4;border-radius:10px;transition:transform .3s ease}.protein-banner-container .image-placeholder-icon{font-size:40px;color:#2d5d2a;margin-bottom:10px;opacity:.7}.protein-banner-container .image-placeholder-text{font-size:14px;color:#2d5d2a;text-align:center;padding:0 20px}.protein-banner-container .info-box{position:absolute;width:380px;background-color:rgba(255,255,255,.85);border-radius:12px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;z-index:5}.protein-banner-container .info-box:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.1)}.protein-banner-container .box-1{top:80px;left:50px;height:250px}.protein-banner-container .box-2{top:80px;right:50px;height:250px}.protein-banner-container .box-3{bottom:80px;left:50px;height:250px}.protein-banner-container .box-4{bottom:80px;right:50px;height:250px}.protein-banner-container .info-title{color:#2d5d2a;margin-block-start:0;font-size:20px;font-weight:700;margin-bottom:15px;position:relative}.protein-banner-container .info-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:26px;height:26px;background-color:#2d5d2a;color:white;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;opacity:.9}.protein-banner-container .info-text{color:#333;font-size:14px;line-height:1.6}.protein-banner-container .connecting-line{position:absolute;background:none;border-top:1px dashed #2d5d2a;opacity:.4;z-index:1;transform-origin:0}.protein-banner-container .line-1{top:190px;left:430px;width:150px;transform:rotate(30deg)}.protein-banner-container .line-2{top:190px;right:430px;width:150px;transform:rotate(-30deg);transform-origin:100% 0}.protein-banner-container .line-3{bottom:190px;left:430px;width:150px;transform:rotate(-30deg)}.protein-banner-container .line-4{bottom:190px;right:430px;width:150px;transform:rotate(30deg);transform-origin:100% 100%}@media (max-width:1200px){.protein-banner-container{height:auto;padding:20px}.protein-banner-container .center-image-container{position:relative;margin:300px auto 30px;transform:none;left:auto;top:auto}.protein-banner-container .info-box{position:relative;margin:20px auto;left:auto;right:auto;top:auto;bottom:auto}.protein-banner-container .connecting-line{display:none}.protein-banner-container .organic-shapes{display:none}}