.resource-ordering-module{font-family:Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px;position:relative}.resource-ordering-header{margin-bottom:30px;text-align:center}.resource-ordering-header h2{color:#333;font-size:2.2rem;font-weight:600;margin-bottom:10px}.resource-ordering-description{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.resource-cart-button-container{position:absolute;right:0;top:0;z-index:100}.resource-cart-button{align-items:center;background:#e97677;border:none;border-radius:25px;box-shadow:0 4px 12px rgba(233,118,119,.3);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;max-width:150px;overflow:hidden;padding:12px 20px;position:relative;text-overflow:ellipsis;transition:all .3s ease,opacity .15s ease;white-space:nowrap}.resource-cart-button.initial-show{animation:slideInRight .5s ease}.resource-cart-button:hover{background:#d85c5e;box-shadow:0 6px 16px rgba(233,118,119,.4);transform:translateY(-2px)}.empty-cart-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:14px 28px;text-align:center;transition:all .3s ease}.empty-cart-button:hover{background:#5a6268;transform:translateY(-1px)}.cart-count{background:hsla(0,0%,100%,.2);border-radius:12px;font-size:12px;font-weight:700;padding:2px 8px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes buttonFlash{0%{background-color:currentColor;transform:scale(1)}50%{background-color:#fff;color:#339995;transform:scale(1.05)}to{background-color:currentColor;transform:scale(1)}}@keyframes cartButtonExpand{0%{max-width:150px}10%{max-width:400px}90%{max-width:400px}to{max-width:150px}}.button-flash{animation:buttonFlash .4s ease}.cart-button-expand{max-width:400px!important;min-width:400px!important;overflow:hidden!important;transition:max-width .3s ease,min-width .3s ease!important;white-space:nowrap!important;width:auto!important}.feedback-overlay{align-items:center;background:inherit;border-radius:inherit;bottom:0;color:inherit;display:flex;gap:8px;left:0;padding:12px 20px;position:absolute;right:0;top:0;z-index:1}.resource-list{display:flex;flex-direction:column;gap:20px}.resource-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:grid;gap:20px;grid-template-columns:120px 1fr auto;padding:20px;transition:all .3s ease}.resource-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.resource-image{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.resource-image img{height:100%;object-fit:cover;width:100%}.resource-image-placeholder{align-items:center;color:#6c757d;display:flex;justify-content:center}.resource-info{flex:1}.resource-title{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 8px}.resource-description{color:#666;font-size:.95rem;line-height:1.5;margin:0}.resource-ordering{display:flex;flex-direction:column;gap:12px;min-width:200px}.quantity-controls{display:flex;flex-direction:column;gap:6px}.quantity-label{color:#495057;font-size:.9rem;font-weight:500}.quantity-input-group{background:#fff;border:1px solid #ced4da;border-radius:6px;overflow:hidden}.quantity-input-group,.quantity-select-group{align-items:center;display:flex;width:100%}.quantity-select{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.quantity-select:focus{border-color:#339995;box-shadow:0 0 0 2px rgba(51,153,149,.1)}.quantity-select:hover{border-color:#339995}.quantity-btn{align-items:center;background:#f8f9fa;border:none;color:#495057;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;transition:background-color .2s ease;width:36px}.quantity-btn:hover{background:#e9ecef}.quantity-btn:disabled{background:#f8f9fa;color:#ced4da;cursor:not-allowed}.quantity-input{background:#fff;border:none;flex:1;font-size:14px;font-weight:500;height:36px;outline:none;text-align:center}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number]{appearance:textfield;-moz-appearance:textfield}.add-to-cart-btn{background:#339995;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s ease;width:100%}.add-to-cart-btn:hover{background:#2a7d7a;transform:translateY(-1px)}.add-to-cart-btn:active{transform:translateY(0)}.add-to-cart-btn.added{background:#6c757d;transform:scale(.95)}.cart-actions{display:flex;gap:8px;width:100%}.update-cart-btn{align-items:center;background:#339995;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:500;justify-content:center;padding:10px 16px;text-align:center;transition:all .2s ease}.update-cart-btn:hover{background:#2a7d7a;transform:translateY(-1px)}.remove-from-cart-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:500;justify-content:center;padding:10px 16px;text-align:center;transition:all .2s ease}.remove-from-cart-btn:hover{background:#c82333;transform:translateY(-1px)}.order-popup-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:2000}.order-popup-overlay.active{opacity:1;visibility:visible}.order-popup{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-height:80vh;max-width:500px;overflow:hidden;transform:scale(.9) translateY(-20px);transition:transform .3s ease;width:90%}.order-popup-overlay.active .order-popup{transform:scale(1) translateY(0)}.order-popup-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.order-popup-header h3{color:#333;font-size:1.4rem;margin:0}.order-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.order-popup-close:hover{background:#e9ecef;color:#495057}.order-popup-content{max-height:400px;overflow-y:auto;padding:20px}.order-summary{margin-bottom:20px}.order-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:12px 0}.order-item:last-child{border-bottom:none}.order-item-info{flex:1}.order-item-title{color:#333;font-weight:500;margin:0 0 4px}.order-item-quantity{color:#666;font-size:.9rem;margin:0}.order-actions{align-items:center;display:flex;gap:15px;justify-content:center}.confirm-order-btn{background:#339995;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:140px;padding:14px 28px;text-align:center;transition:background-color .2s ease}.confirm-order-btn:hover{background:#2a7d7a}.order-popup-success{padding:40px 20px;text-align:center}.success-icon{color:#28a745;margin-bottom:20px}.order-popup-success h3{color:#333;margin:0 0 10px}.order-popup-success p{color:#666;line-height:1.5;margin:0 0 20px}.order-popup-success .order-popup-close{background:#339995;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;height:auto;line-height:normal;margin:0 auto;min-width:140px;padding:14px 28px;text-align:center;transition:background-color .2s ease;width:auto}.order-popup-success .order-popup-close:hover{background:#2a7d7a}@media (max-width:768px){.resource-ordering-module{padding:15px}.resource-cart-button-container{right:10px;top:10px}.resource-cart-button{font-size:12px;padding:10px 16px}.resource-item{gap:15px;grid-template-columns:80px 1fr;grid-template-rows:auto auto}.resource-image{height:70px;width:70px}.resource-ordering{border-top:1px solid #f1f3f4;grid-column:1/-1;min-width:auto;padding-top:15px}.quantity-controls{align-items:center;flex-direction:row;gap:12px}.quantity-label{min-width:70px}.order-popup{margin:10px;width:95%}}@media (max-width:480px){.resource-ordering-header h2{font-size:1.8rem}.resource-item{padding:15px}.resource-title{font-size:1.1rem}.resource-description{font-size:.9rem}}