

 .rv{
                direction:rtl;
                margin:24px 0;
                font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
                --rv-ac:#8B0E0E;
                --rv-ac2:#a51616;
                --rv-t:#111827;
                --rv-m:#6b7280;
                --rv-b:#e5e7eb;
                --rv-bg:#ffffff;
                --rv-soft:#f9fafb;
                --rv-soft2:#f3f4f6;
                --rv-r:16px;
                --rv-s:0 14px 40px rgba(17,24,39,.12);
            }
            .rv *{box-sizing:border-box}
            .rv-wrap{
                background:var(--rv-bg);
                border:1px solid var(--rv-b);
                border-radius:var(--rv-r);
                overflow:hidden;
                box-shadow:var(--rv-s);
            }
            .rv-head{
                padding:16px 16px;
                background:linear-gradient(135deg,var(--rv-ac) 0%,var(--rv-ac2) 100%);
                color:#fff;
                display:flex;
                align-items:center;
                justify-content:space-between;
                gap:12px;
            }
            .rv-title{
                margin:0;
                font-size:15px;
                font-weight:950;
                letter-spacing:.1px;
                line-height:1.2;
            }
            .rv-badge{
                display:flex;
                align-items:center;
                gap:12px;
                padding:10px 12px;
                border-radius:999px;
                background:rgba(255,255,255,.14);
                backdrop-filter:blur(6px);
                -webkit-backdrop-filter:blur(6px);
                border:1px solid rgba(255,255,255,.18);
                white-space:nowrap;
            }
            .rv-avg{
                font-size:18px;
                font-weight:950;
                line-height:1;
                min-width:44px;
                text-align:center;
            }
            .rv-meta{
                display:flex;
                flex-direction:column;
                gap:2px;
                min-width:120px;
            }
            .rv-stars{display:flex;align-items:center;gap:2px}
            .rv-count{
                font-size:11px;
                opacity:.92;
            }
            .rv-body{
                padding:14px 14px 12px;
                background:var(--rv-bg);
            }
            .rv-list{
                display:flex;
                flex-direction:column;
                gap:10px;
            }
            .rv-item{
                background:linear-gradient(180deg,var(--rv-soft), #fff);
                border:1px solid var(--rv-b);
                border-radius:14px;
                padding:12px;
                transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
            }
            .rv-item:hover{
                border-color:rgba(17,24,39,.14);
                box-shadow:0 12px 28px rgba(17,24,39,.12);
                transform:translateY(-1px);
            }
            .rv-top{
                display:flex;
                align-items:flex-start;
                gap:10px;
                margin-bottom:8px;
            }
            .rv-av{
                width:40px;height:40px;
                border-radius:14px;
                overflow:hidden;
                flex:0 0 40px;
                background:#fff;
                border:1px solid var(--rv-b);
            }
            .rv-av img{width:100%;height:100%;object-fit:cover;display:block}
            .rv-who{flex:1;min-width:0}
            .rv-name{
                margin:0 0 4px;
                font-size:13px;
                font-weight:950;
                color:var(--rv-t);
                line-height:1.2;
                white-space:nowrap;
                overflow:hidden;
                text-overflow:ellipsis;
                max-width:100%;
            }
            .rv-sub{
                display:flex;
                align-items:center;
                justify-content:space-between;
                gap:10px;
                flex-wrap:wrap;
            }
            .rv-rate{display:flex;align-items:center;gap:8px}
            .rv-rate .rv-stars svg{width:14px;height:14px;display:block}
            .rv-date{
                font-size:11px;
                color:var(--rv-m);
                background:var(--rv-soft2);
                border:1px solid rgba(17,24,39,.08);
                padding:6px 10px;
                border-radius:999px;
                white-space:nowrap;
            }
            .rv-text{
                color:var(--rv-t);
                font-size:13px;
                line-height:1.75;
                margin:0;
                word-wrap:break-word;
            }
            .rv-text p{margin:0;color:var(--rv-m)}
            .rv-empty{
                text-align:center;
                padding:26px 12px 18px;
                border:1px dashed rgba(17,24,39,.18);
                border-radius:14px;
                background:linear-gradient(180deg,#fff, #fafafa);
            }
            .rv-empty-ic{
                width:44px;height:44px;
                margin:0 auto 10px;
                opacity:.55;
            }
            .rv-empty-ic svg{width:100%;height:100%}
            .rv-empty h3{
                margin:0 0 6px;
                font-size:14px;
                font-weight:950;
                color:var(--rv-t);
            }
            .rv-empty p{
                margin:0;
                font-size:12.5px;
                color:var(--rv-m);
            }
            .rv-actions{
                display:flex;
                gap:10px;
                align-items:center;
                justify-content:space-between;
                margin-top:12px;
                flex-wrap:wrap;
            }
            .rv-btn{
                display:inline-flex;
                align-items:center;
                gap:8px;
                padding:10px 12px;
                border-radius:14px;
                border:0;
                background:var(--rv-ac);
                color:#fff;
                font-size:13px;
                font-weight:950;
                cursor:pointer;
                transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
                line-height:1;
            }
            .rv-btn:hover{
                background:#6b0a0a;
                transform:translateY(-1px);
                box-shadow:0 12px 26px rgba(139,14,14,.30);
            }
            .rv-btn svg{width:16px;height:16px}
            .rv-link{
                background:transparent;
                border:1px solid rgba(17,24,39,.12);
                color:var(--rv-t);
                padding:10px 12px;
                border-radius:14px;
                cursor:pointer;
                font-size:13px;
                font-weight:950;
                transition:background .15s ease, border-color .15s ease, transform .15s ease;
            }
            .rv-link:hover{
                background:#fff;
                border-color:rgba(17,24,39,.20);
                transform:translateY(-1px);
            }
            .rv-hidden{display:none}
            .rv-modal{
                position:fixed;
                inset:0;
                z-index:9999;
                display:none;
                align-items:center;
                justify-content:center;
                padding:16px;
                background:rgba(17,24,39,.62);
                backdrop-filter:blur(6px);
                -webkit-backdrop-filter:blur(6px);
            }
            .rv-modal.is-open{display:flex}
            .rv-card{
                width:min(560px, 100%);
                background:#fff;
                border-radius:18px;
                overflow:hidden;
                box-shadow:0 30px 80px rgba(0,0,0,.32);
                border:1px solid rgba(255,255,255,.2);
                transform:translateY(8px);
                animation:rvPop .18s ease forwards;
            }
            @keyframes rvPop{to{transform:translateY(0)}}
            .rv-card-h{
                padding:14px 14px;
                background:linear-gradient(135deg,var(--rv-ac) 0%,var(--rv-ac2) 100%);
                color:#fff;
                display:flex;
                align-items:center;
                justify-content:space-between;
                gap:12px;
            }
            .rv-card-h h3{margin:0;font-size:14px;font-weight:950}
            .rv-x{
                width:34px;height:34px;
                border-radius:14px;
                border:1px solid rgba(255,255,255,.2);
                background:rgba(255,255,255,.14);
                color:#fff;
                cursor:pointer;
                font-size:18px;
                line-height:1;
                display:inline-flex;
                align-items:center;
                justify-content:center;
                transition:background .15s ease;
            }
            .rv-x:hover{background:rgba(255,255,255,.24)}
            .rv-card-b{padding:16px}
            .rv-form p{margin:0 0 12px}
            .rv-form label{
                display:block;
                margin:0 0 6px;
                font-size:12.5px;
                font-weight:950;
                color:var(--rv-t);
            }
            .rv-form input[type="text"],
            .rv-form input[type="email"],
            .rv-form textarea{
                width:100%;
                border:1px solid var(--rv-b);
                border-radius:14px;
                padding:10px 12px;
                font-size:13px;
                background:#fff;
                transition:border-color .15s ease, box-shadow .15s ease;
            }
            .rv-form textarea{min-height:110px;resize:vertical}
            .rv-form input:focus,
            .rv-form textarea:focus{
                outline:none;
                border-color:rgba(139,14,14,.55);
                box-shadow:0 0 0 4px rgba(139,14,14,.10);
            }
            .rv-submit{
                width:100%;
                color:#fff;
                border:none;
                border-radius:14px;
                padding:12px 14px;
                font-size:13px;
                font-weight:950;
                cursor:pointer;
                transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
            }
            .rv-submit:hover{
                background:#6b0a0a;
                transform:translateY(-1px);
                box-shadow:0 12px 26px rgba(139,14,14,.30);
            }
            .rv-note{
                border-radius:16px;
                padding:14px;
                border:1px solid rgba(17,24,39,.12);
                background:linear-gradient(180deg,#fff, #fafafa);
                text-align:center;
            }
            .rv-note strong{
                display:block;
                font-size:13px;
                font-weight:950;
                color:var(--rv-t);
                margin:0 0 6px;
            }
            .rv-note p{
                margin:0;
                font-size:12.5px;
                color:var(--rv-m);
                line-height:1.6;
            }
            .rv-login{
                margin-top:12px;
                padding:12px 14px;
                border-radius:16px;
                border:1px solid rgba(239,68,68,.28);
                background:rgba(239,68,68,.06);
                color:#7f1d1d;
                font-size:12.8px;
                font-weight:950;
                text-align:center;
            }
            .rv-login a{
                color:var(--rv-ac);
                text-decoration:none;
                border-bottom:1px solid rgba(139,14,14,.45);
            }
            .rv-login a:hover{border-bottom-color:var(--rv-ac)}
            .rv-stars-input{
                display:flex;
                align-items:center;
                justify-content:space-between;
                gap:10px;
                padding:12px;
                border:1px solid var(--rv-b);
                border-radius:14px;
                background:linear-gradient(180deg,#fff,var(--rv-soft));
            }
            .rv-stars-ui{
                direction:ltr;
                display:inline-flex;
                gap:6px;
                align-items:center;
            }
            .rv-stars-ui input{position:absolute;opacity:0;pointer-events:none}
            .rv-stars-ui label{
                margin:0;
                width:38px;height:38px;
                display:inline-flex;
                align-items:center;
                justify-content:center;
                border-radius:14px;
                border:1px solid rgba(17,24,39,.10);
                background:#fff;
                cursor:pointer;
                transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
                user-select:none;
            }
            .rv-stars-ui label:hover{
                transform:translateY(-1px);
                box-shadow:0 10px 18px rgba(17,24,39,.10);
                border-color:rgba(139,14,14,.25);
            }
            .rv-stars-ui svg{width:18px;height:18px;display:block}
            .rv-stars-ui .is-on path{fill:var(--rv-ac)}
            .rv-stars-ui .is-off path{fill:#d1d5db}
            .rv-stars-hint{
                font-size:12.5px;
                color:var(--rv-m);
                font-weight:900;
                white-space:nowrap;
            }
            .rv-form .form-submit{margin:0}
            .rv-form .form-submit input{margin:0}
            @media (max-width:560px){
                .rv-head{flex-direction:column;align-items:flex-start}
                .rv-badge{width:100%;justify-content:center}
                .rv-actions{justify-content:stretch}
                .rv-btn,.rv-link{flex:1;justify-content:center}
                .rv-stars-input{flex-direction:column;align-items:stretch}
                .rv-stars-hint{text-align:center}
                .rv-stars-ui{justify-content:center}
            }
  












  

  




 .woocommerce-product-gallery{
      pointer-events:none !important;
      user-select:none !important;
    }
    .woocommerce-product-gallery img{
      pointer-events:none !important;
      cursor:default !important;
    }
    .woocommerce-product-gallery a{
      pointer-events:none !important;
      cursor:default !important;
    }
    .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
      display:none !important;
    }
    
    .wc-credit-wrap{
      width:100%;
      max-width:460px;
      margin:10px auto;
      direction:rtl;
      position:relative;
    }

    .wc-credit-card{
      border:1px solid #e5e7eb;
      border-radius:12px;
      background:#fff;
      box-shadow:0 1px 3px rgba(0,0,0,.05);
      padding:16px;
      transition:all .3s;
      position:relative;
    }

    .wc-credit-card:hover{
      border-color:#d1d5db;
      box-shadow:0 4px 12px rgba(0,0,0,.08);
    }

    .wc-credit-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom:16px;
    }

    .wc-credit-title{
      display:flex;
      align-items:center;
      gap:7px;
      font-weight:700;
      color:#111827;
      font-size:14px;
    }

    .wc-credit-title svg{
      width:18px;
      height:18px;
      stroke:#8b0e0e;
      fill:none;
    }

    .wc-credit-badge{
      display:inline-flex;
      align-items:center;
      gap:5px;
      padding:4px 10px;
      border-radius:6px;
      background:#8b0e0e;
      color:#fff;
      font-weight:600;
      font-size:11px;
    }

    .wc-credit-badge svg{
      width:13px;
      height:13px;
      stroke:#fff;
      fill:none;
    }

    .wc-credit-grid{
      display:grid;
      gap:12px;
      position:relative;
    }

    @media(min-width:640px){
      .wc-credit-grid{
        grid-template-columns:1fr 1fr;
      }
    }

    .wc-credit-field{
      background:#f9fafb;
      border:1px solid #e5e7eb;
      border-radius:8px;
      padding:12px;
      transition:all .2s;
      position:relative;
    }

    .wc-credit-field.full-width{
      grid-column:1 / -1;
      position:relative;
      z-index:500;
    }

    .wc-credit-field:hover{
      background:#fff;
      border-color:#d1d5db;
    }

    .wc-credit-field:focus-within{
      background:#fff;
      border-color:#8b0e0e;
      box-shadow:0 0 0 3px rgba(139,14,14,.06);
    }

    .wc-credit-field label{
      display:flex;
      align-items:center;
      gap:6px;
      font-weight:700;
      color:#374151;
      margin:0 0 8px;
      font-size:12px;
    }

    .wc-credit-field label svg{
      width:15px;
      height:15px;
      stroke:#6b7280;
      fill:none;
    }

    .wc-credit-field label .required{
      color:#ef4444;
      font-weight:700;
      margin-right:2px;
    }

    .wc-credit-input{
      width:100% !important;
      height:40px;
      border-radius:6px;
      border:1px solid #d1d5db;
      background:#fff;
      padding:0 12px;
      font-size:14px;
      font-weight:600;
      color:#111827;
      outline:none;
      transition:all .2s;
      text-align:center;
      position:relative;
      z-index:1;
    }

    .wc-credit-input:focus{
      border-color:#8b0e0e;
      box-shadow:0 0 0 3px rgba(139,14,14,.08);
    }

    .wc-credit-input::placeholder{
   
      font-weight:500;
    }

    .wc-credit-select-wrap{
      position:relative;
      z-index:600;
    }

    .wc-credit-select-trigger{
      width:100%;
      height:40px;
      border-radius:6px;
      border:1px solid #d1d5db;
      background:#fff;
      padding:0 36px 0 12px;
      font-size:14px;
      font-weight:600;
      color:#111827;
      cursor:pointer;
      transition:all .2s;
      display:flex;
      align-items:center;
      gap:8px;
      text-align:right;
      position:relative;
      z-index:600;
    }

 

    .wc-credit-select-trigger.active{
      border-color:#8b0e0e;
      box-shadow:0 0 0 3px rgba(139,14,14,.08);
    }

    .wc-credit-select-trigger svg{
      width:18px;
      height:18px;
      flex-shrink:0;
    }

    .wc-credit-select-trigger .placeholder{
      color:#9ca3af;
      font-weight:500;
    }

    .wc-credit-select-arrow{
      position:absolute;
      left:12px;
      top:50%;
      transform:translateY(-50%);
      width:16px;
      height:16px;
      stroke:#6b7280;
      transition:transform .2s;
      pointer-events:none;
      z-index:601;
    }

    .wc-credit-select-trigger.active + .wc-credit-select-arrow{
      transform:translateY(-50%) rotate(180deg);
    }

    .wc-credit-select-dropdown{
      position:absolute;
      top:calc(100% + 4px);
      left:0;
      right:0;
      background:#fff;
      border:1px solid #e5e7eb;
      border-radius:8px;
      box-shadow:0 10px 40px rgba(0,0,0,.25);
      max-height:280px;
      overflow-y:auto;
      z-index:99999 !important;
      display:none;
    }

    .wc-credit-select-dropdown.active{
      display:block;
      animation:slideDown .2s ease;
    }

    @keyframes slideDown{
      from{opacity:0;transform:translateY(-8px)}
      to{opacity:1;transform:translateY(0)}
    }

    .wc-credit-select-option{
      padding:10px 12px;
      display:flex;
      align-items:center;
      gap:10px;
      cursor:pointer;
      transition:all .15s;
      border-bottom:1px solid #f3f4f6;
      position:relative;
      z-index:99999;
    }

    .wc-credit-select-option:last-child{
      border-bottom:none;
    }

    .wc-credit-select-option:hover{
      background:#f9fafb;
    }

    .wc-credit-select-option.selected{
      background:#fef2f2;
      color:#8b0e0e;
      font-weight:700;
    }

    .wc-credit-select-option svg{
      width:22px;
      height:22px;
      flex-shrink:0;
      pointer-events:none !important;
    }

    .wc-credit-select-option .option-text{
      flex:1;
      font-size:13px;
      font-weight:600;
      pointer-events:none !important;
    }

    .wc-credit-footer{
      margin-top:16px;
      padding-top:16px;
      border-top:2px solid #f3f4f6;
    }

    .wc-credit-total{
      display:flex;
      align-items:center;
      justify-content:space-between;
      background:#f9fafb;
      padding:12px 16px;
      border-radius:8px;
      border:1px solid #e5e7eb;
    }

    .wc-credit-total-label{
      display:flex;
      align-items:center;
      gap:6px;
      font-size:13px;
      color:#6b7280;
      font-weight:600;
    }

    .wc-credit-live{
      width:7px;
      height:7px;
      border-radius:50%;
      background:#10b981;
      box-shadow:0 0 0 2px rgba(16,185,129,.2);
      animation:pulse-live 2s infinite;
    }

    .wc-credit-total-amount{
      font-size:20px;
      font-weight:800;
      color:#8b0e0e;
      letter-spacing:.3px;
    }

    @keyframes pulse-live{
      0%, 100%{opacity:1;transform:scale(1)}
      50%{opacity:.6;transform:scale(1.2)}
    }

    @media(max-width:639px){
      .wc-credit-card{
        padding:14px;
      }
      .wc-credit-grid{
        grid-template-columns:1fr;
      }
      .wc-credit-input{
        height:38px;
        font-size:13px;
      }
      .wc-credit-select-trigger{
        height:38px;
        font-size:13px;
      }
      .wc-credit-total-amount{
        font-size:18px;
      }
    }



