.sub-product-selector{width:100%;margin-bottom:30px}.sub-product-title{color:#fff;text-align:right;margin-bottom:16px;font-size:18px;font-weight:600}.sub-product-options{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.sub-product-option{cursor:pointer;background:linear-gradient(135deg,#1e202dcc,#171923e6);border:2px solid #747a9b33;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sub-product-option:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#1e96f21a,#1e96f20d);transition:opacity .3s;position:absolute;inset:0}.sub-product-option:hover:before{opacity:1}.sub-product-option:hover{border-color:#1e96f266;transform:translateY(-2px);box-shadow:0 8px 32px #1e96f21a}.sub-product-option.selected{background:linear-gradient(135deg,#1e96f21a,#1e96f20d);border-color:#1e96f2;box-shadow:0 4px 20px #1e96f233}.sub-product-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sub-product-info{z-index:2;flex-direction:column;flex:1;align-items:flex-end;display:flex;position:relative}.sub-product-name{color:#fff;text-align:right;margin-bottom:4px;font-size:16px;font-weight:600}.sub-product-price{color:#1e96f2;direction:rtl;font-size:18px;font-weight:700}.sub-product-radio-indicator{z-index:2;border:2px solid #1e96f2;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.radio-dot{background-color:#1e96f2;border-radius:50%;width:12px;height:12px;animation:.3s ease-out radio-pulse}@keyframes radio-pulse{0%{transform:scale(0)}to{transform:scale(1)}}.sub-product-actions{background:#1e202d4d;border:1px solid #747a9b33;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.quantity-control{background:#171923cc;border:1px solid #747a9b4d;border-radius:12px;align-items:center;gap:16px;padding:8px;display:flex}.quantity-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e96f2,#1b7ad1);border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #1e96f24d}.quantity-button svg{width:16px;height:16px}.quantity-button:hover:not(:disabled){background:linear-gradient(135deg,#1b7ad1,#1664b0);transform:translateY(-1px);box-shadow:0 6px 20px #1e96f266}.quantity-button:active:not(:disabled){transform:translateY(0)}.quantity-button:disabled{color:#ffffff80;cursor:not-allowed;box-shadow:none;background:#747a9b4d}.quantity-value{color:#fff;text-align:center;min-width:30px;font-size:18px;font-weight:600}.sub-product-total{color:#1e96f2;text-align:center;direction:rtl;background:#1e96f21a;border:1px solid #1e96f24d;border-radius:8px;padding:12px 16px;font-size:18px;font-weight:700}.sub-product-loading{justify-content:center;align-items:center;padding:20px;display:flex}.sub-product-loading .loading-spinner{border:3px solid #1e96f24d;border-top-color:#1e96f2;border-radius:50%;width:24px;height:24px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.sub-product-option{padding:14px 16px}.sub-product-name{font-size:15px}.sub-product-price{font-size:16px}.sub-product-radio-indicator{width:20px;height:20px}.radio-dot{width:10px;height:10px}.quantity-button{width:36px;height:36px}.quantity-control{gap:12px}}[dir=rtl] .sub-product-option{flex-direction:row-reverse}[dir=rtl] .sub-product-info{align-items:flex-start}.sub-product-option:focus-visible,.quantity-button:focus-visible{outline-offset:2px;outline:2px solid #1e96f2}.sub-product-actions{animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.comments-container{direction:rtl;max-width:100%;margin:0 auto}.comments-header{border-bottom:1px solid #232636;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.comments-header h3{color:#fff;margin:0;font-size:20px;font-weight:700}.add-comment-button{color:#fff;cursor:pointer;background-color:#394ff0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.add-comment-button:hover{background-color:#2a3ed8;transform:translateY(-1px)}.comment-form-container{background-color:#1a1f31;border:1px solid #232636;border-radius:12px;margin-bottom:24px;padding:20px}.form-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.form-header h4{color:#fff;margin:0;font-size:18px;font-weight:600}.close-form-button{color:#747a9b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .3s}.close-form-button:hover{color:#fff}.comment-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#e4e9fd;font-size:14px;font-weight:500}.form-group input,.form-group textarea{color:#fff;direction:rtl;background-color:#232636;border:1px solid #2a2f42;border-radius:8px;padding:12px 16px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#394ff0;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#747a9b}.form-group textarea{resize:vertical;min-height:100px}.form-actions{justify-content:flex-start;gap:12px;margin-top:8px;display:flex}.submit-button{color:#fff;cursor:pointer;background-color:#394ff0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.submit-button:hover:not(:disabled){background-color:#2a3ed8}.submit-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{color:#747a9b;cursor:pointer;background-color:#0000;border:1px solid #232636;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s}.cancel-button:hover{color:#fff;border-color:#394ff0}.comments-list{flex-direction:column;gap:16px;display:flex}.comment-item{background-color:#1a1f31;border:1px solid #232636;border-radius:12px;padding:20px}.comment-item.reply{background-color:#15192a;border-left:3px solid #394ff0;margin-right:40px}.comment-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.comment-user{align-items:center;gap:12px;display:flex}.user-avatar{background-color:#232636;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-info{flex-direction:column;gap:4px;display:flex}.user-email{color:#fff;font-size:14px;font-weight:600}.comment-date{color:#747a9b;direction:ltr;font-size:12px}.comment-status{align-items:center;display:flex}.status-badge{border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.status-badge.approved{color:#34c759;background-color:#34c7591a}.status-badge.waiting{color:#ff9500;background-color:#ff95001a}.status-badge.rejected{color:#ff3b30;background-color:#ff3b301a}.comment-content{margin-bottom:16px}.comment-title{color:#fff;margin:0 0 8px;font-size:16px;font-weight:600}.comment-text{color:#e4e9fd;margin:0;font-size:14px;line-height:1.6}.comment-actions{justify-content:space-between;align-items:center;display:flex}.reply-button{color:#747a9b;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:14px;transition:color .3s;display:flex}.reply-button:hover{color:#394ff0}.replies-count{color:#747a9b;font-size:12px}.replies-container{flex-direction:column;gap:12px;margin-top:16px;display:flex}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.loading-spinner{border:2px solid #394ff04d;border-top-color:#394ff0;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.loading-container span{color:#747a9b;font-size:14px}.no-comments{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.no-comments svg{opacity:.6}.no-comments p{color:#747a9b;margin:0;font-size:14px;line-height:1.5}.no-comments p:first-of-type{font-size:16px;font-weight:600}.load-more-container{justify-content:center;margin-top:20px;display:flex}.load-more-button{color:#394ff0;cursor:pointer;background-color:#0000;border:1px solid #394ff0;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.load-more-button:hover:not(:disabled){color:#fff;background-color:#394ff0}.load-more-button:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.star:hover:not(.readonly) svg{animation:.3s ease-in-out starPulse}.star-rating{align-items:center;gap:4px;display:flex}.star{cursor:pointer;color:#747a9b;background:0 0;border:none;border-radius:4px;padding:2px;transition:all .2s}.star:hover:not(.readonly){color:gold;transform:scale(1.1)}.star.filled{color:gold}.star.readonly{cursor:default}.star:focus:not(.readonly){outline-offset:2px;outline:2px solid #394ff0}.star svg{filter:drop-shadow(0 1px 2px #0000001a);display:block}.comment-rating{margin:4px 0}.comment-rating .star{padding:1px}.comment-rating .star svg{width:16px;height:16px}.form-group .star-rating{margin-top:8px}.form-group .star-rating .star{padding:4px}.form-group .star-rating .star:hover:not(.readonly){background-color:#394ff01a}.form-group .star-rating-container{flex-direction:column;gap:8px;display:flex}.rating-text{color:#747a9b;margin-top:4px;font-size:12px}@media (max-width:768px){.comments-header{flex-direction:column;align-items:stretch;gap:16px}.form-row{grid-template-columns:1fr}.comment-item.reply{margin-right:20px}.comment-actions{flex-direction:column;align-items:flex-start;gap:12px}.form-actions{flex-direction:column}.submit-button,.cancel-button{justify-content:center;width:100%}.star-rating{gap:6px}.star svg{width:18px;height:18px}}@media (max-width:480px){.comment-item{padding:16px}.comment-item.reply{margin-right:16px}.user-avatar{width:32px;height:32px}.comment-form-container{padding:16px}.comment-header{flex-direction:column;align-items:flex-start;gap:12px}.comment-user{align-self:stretch}.user-info{flex:1}.star-rating{gap:4px}.star svg{width:16px;height:16px}.rating-text{font-size:11px}}