.afaq-options-wrap{direction:rtl;font-family:'Tajawal',Arial,sans-serif;margin:20px 0 24px;display:flex;flex-direction:column;gap:16px}
.afaq-opt-section{background:#fff;border:1.5px solid #f0ece3;border-radius:16px;padding:18px 20px 20px;transition:border-color .25s}
.afaq-opt-section:focus-within{border-color:rgba(184,150,90,.45)}
.afaq-opt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.afaq-opt-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#2c2c2c}
.afaq-opt-selected{font-size:13px;font-weight:600;color:#b8965a;transition:all .25s}
.afaq-adj-price{font-size:12px;color:#b8965a;font-weight:700;background:rgba(184,150,90,.1);padding:1px 8px;border-radius:20px;margin-right:4px}
.afaq-size-guide-link{font-size:11px;color:#b8965a;text-decoration:underline;font-weight:600;white-space:nowrap}
.afaq-swatches{display:flex;flex-wrap:wrap;gap:10px}
.afaq-swatch{position:relative;cursor:pointer}
.afaq-swatch-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.afaq-swatch-inner{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 12px;border:1.5px solid #f0ece3;border-radius:12px;background:#faf8f4;transition:all .22s;min-width:72px;cursor:pointer}
.afaq-swatch:hover:not(.afaq-swatch-oos) .afaq-swatch-inner{border-color:#b8965a;background:rgba(184,150,90,.07);transform:translateY(-2px)}
.afaq-swatch-input:checked~.afaq-swatch-inner{border-color:#b8965a;background:rgba(184,150,90,.1);box-shadow:0 4px 16px rgba(184,150,90,.2)}
.afaq-swatch-dot{width:34px;height:34px;border-radius:50%;background:var(--swatch-color,#333);box-shadow:0 2px 8px rgba(0,0,0,.15),inset 0 1px 3px rgba(255,255,255,.3);position:relative;transition:transform .2s;border:2.5px solid rgba(255,255,255,.7);outline:2px solid transparent;outline-offset:2px}
.afaq-swatch-input:checked~.afaq-swatch-inner .afaq-swatch-dot{outline-color:#b8965a;transform:scale(1.1)}
.afaq-swatch-dot.oos{opacity:.35;background:repeating-linear-gradient(45deg,var(--swatch-color,#333) 0px,var(--swatch-color,#333) 4px,rgba(255,255,255,.5) 4px,rgba(255,255,255,.5) 8px)}
.afaq-swatch-x{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.9);font-size:13px;font-weight:700}
.afaq-swatch-dot.low{outline:2px dashed #e65100;outline-offset:3px}
.afaq-swatch-name{font-size:11px;font-weight:700;color:#2c2c2c;white-space:nowrap;max-width:64px;overflow:hidden;text-overflow:ellipsis}
.afaq-swatch-input:checked~.afaq-swatch-inner .afaq-swatch-name{color:#b8965a}
.afaq-swatch-adj{font-size:10px;font-weight:800;color:#b8965a;line-height:1}
.afaq-swatch-qty{font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;line-height:1.4;white-space:nowrap}
.qty-in{background:rgba(46,125,50,.1);color:#2e7d32}
.qty-low{background:rgba(230,81,0,.1);color:#e65100}
.qty-out{background:rgba(198,40,40,.1);color:#c62828;text-decoration:line-through}
.afaq-swatch-oos{cursor:not-allowed}
.afaq-swatch-oos .afaq-swatch-inner{opacity:.5}
.afaq-lens-select-wrap{position:relative;margin-bottom:10px}
.afaq-lens-select{width:100%;font-family:'Tajawal',sans-serif;font-size:14px;font-weight:600;color:#2c2c2c;background:#faf8f4;border:1.5px solid #f0ece3;border-radius:12px;padding:12px 44px 12px 16px;appearance:none;-webkit-appearance:none;direction:rtl;cursor:pointer;outline:none;transition:all .25s}
.afaq-lens-select:focus{border-color:#b8965a;background:#fff;box-shadow:0 0 0 4px rgba(184,150,90,.12)}
.afaq-lens-arrow{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#b8965a;font-size:16px;pointer-events:none;transition:transform .2s}
.afaq-lens-select:focus+.afaq-lens-arrow{transform:translateY(-50%) rotate(180deg)}
.afaq-lens-info{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:#faf8f4;border:1px solid #f0ece3;border-radius:10px;font-size:13px}
.afaq-lens-stock-tag{font-weight:700;font-size:12px;padding:3px 10px;border-radius:20px}
.tag-in{background:rgba(46,125,50,.1);color:#2e7d32;border:1px solid rgba(46,125,50,.2)}
.tag-low{background:rgba(230,81,0,.1);color:#e65100;border:1px solid rgba(230,81,0,.2)}
.tag-out{background:rgba(198,40,40,.1);color:#c62828;border:1px solid rgba(198,40,40,.2)}
.afaq-lens-price-adj{font-weight:700;color:#b8965a;font-size:13px}
.afaq-total-row{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#2c2c2c,#1a1a1a);border-radius:14px;padding:14px 20px;color:#fff}
.afaq-total-label{font-size:13px;font-weight:600;color:rgba(255,255,255,.7)}
.afaq-total-price{font-size:24px;font-weight:800;color:#d4af7a;transition:transform .2s ease}
.afaq-total-price.updating{transform:scale(1.08)}
.afaq-total-price .woocommerce-Price-currencySymbol{font-size:16px}
.afaq-total-price .amount{color:#d4af7a!important}
@media(max-width:480px){.afaq-swatches{gap:7px}.afaq-swatch-inner{min-width:60px;padding:8px 8px}.afaq-swatch-dot{width:28px;height:28px}.afaq-total-price{font-size:20px}.afaq-total-row{padding:12px 16px}}

/* ══ AR BUTTON ══ */
.afaq-ar-btn-wrap {
  margin: 12px 0 4px;
}
.afaq-ar-btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 20px;
  background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
  color: #fff;
  border: 2px solid rgba(184,150,90,0.4);
  border-radius: 16px;
  font-family: 'Tajawal', sans-serif;
  cursor: pointer;
  text-align: right;
  transition: all 0.35s ease;
  overflow: hidden;
}
.afaq-ar-btn:hover {
  background: linear-gradient(135deg, #b8965a 0%, #8a6e3e 100%);
  border-color: transparent;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(184,150,90,0.45);
}
.afaq-ar-btn-pulse {
  position: absolute;
  top: 50%; left: 20px;
  transform: translateY(-50%);
  width: 10px; height: 10px;
  background: #b8965a;
  border-radius: 50%;
  animation: afaq-ar-pulse 2s ease-in-out infinite;
}
.afaq-ar-btn:hover .afaq-ar-btn-pulse { background: rgba(255,255,255,0.7); }
@keyframes afaq-ar-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(184,150,90,0.7); }
  50%      { box-shadow: 0 0 0 8px rgba(184,150,90,0); }
}
.afaq-ar-btn-icon {
  font-size: 26px;
  line-height: 1;
  flex-shrink: 0;
  margin-right: 4px;
}
.afaq-ar-btn-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.afaq-ar-btn-title {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
.afaq-ar-btn-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.55);
}
.afaq-ar-btn:hover .afaq-ar-btn-sub { color: rgba(255,255,255,0.8); }
.afaq-ar-btn-arrow {
  font-size: 18px;
  color: rgba(255,255,255,0.3);
  transition: all 0.3s;
}
.afaq-ar-btn:hover .afaq-ar-btn-arrow { color: #fff; transform: translateX(-4px); }

/* ─── نص ثابت فوق العدسات ─── */
.afaq-lens-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: linear-gradient(135deg, rgba(184,150,90,.08), rgba(184,150,90,.04));
    border: 1.5px solid rgba(184,150,90,.25);
    border-radius: 9px;
    padding: 9px 12px;
    margin-bottom: 10px;
    font-size: 12.5px;
    color: #8a6e3e;
    font-weight: 600;
    direction: rtl;
    line-height: 1.5;
}
.afaq-lens-note svg {
    fill: #b8965a;
    flex-shrink: 0;
    margin-top: 1px;
}

/* ─── تمييز القسم المطلوب ─── */
.afaq-opt-section.afaq-section-error {
    border: 2px solid #e53935 !important;
    border-radius: 12px;
    box-shadow: 0 0 0 3px rgba(229,57,53,.1);
    animation: afaqSectionShake .4s ease;
}
@keyframes afaqSectionShake {
    0%,100%{ transform:translateX(0); }
    25%{ transform:translateX(-5px); }
    75%{ transform:translateX(5px); }
}
.afaq-lens-select.afaq-input-error {
    border-color: #e53935 !important;
    box-shadow: 0 0 0 3px rgba(229,57,53,.1) !important;
    animation: afaqSectionShake .4s ease;
}

/* ─── بادج "مطلوب" في عنوان القسم ─── */
.afaq-opt-required-badge {
    font-size: 10px; font-weight: 700;
    padding: 2px 8px; border-radius: 20px;
    background: rgba(198,40,40,.1); color: #c62828;
    border: 1px solid rgba(198,40,40,.2);
    margin-right: 6px; flex-shrink: 0;
}

/* ══ أزرار اختيار المقاسات v2 ══ */
.afaq-lens-radio-group {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 9px !important;
    margin-bottom: 12px;
}
.afaq-lens-radio-item {
    position: relative;
    cursor: pointer;
    width: 100% !important;
    flex: none !important;
}
.afaq-lens-radio-item input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.afaq-lens-radio-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px;
    padding: 12px 14px;
    border: 1.5px solid #e0d8ca;
    border-radius: 11px;
    background: #fdfaf6;
    transition: border-color .2s, background .2s, box-shadow .2s;
    width: 100%;
    box-sizing: border-box;
    direction: rtl;
    min-height: 52px;
}
.afaq-lens-rdot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #d0c8b8;
    background: #fff;
    flex-shrink: 0;
    transition: all .2s;
    order: 0;
}
.afaq-lens-radio-item input:checked ~ .afaq-lens-radio-inner .afaq-lens-rdot {
    border-color: #b8965a;
    background: #b8965a;
    box-shadow: inset 0 0 0 4px #fff;
}
.afaq-lens-radio-size {
    font-size: 13.5px;
    font-weight: 700;
    color: #1a1a1a;
    font-family: 'Tajawal', sans-serif;
    flex: 1;
    line-height: 1.45;
    order: 1;
    text-align: right;
}
.afaq-lens-radio-desc {
    font-size: 11px;
    color: #999;
    display: block;
    margin-top: 1px;
    font-weight: 400;
}
.afaq-lens-radio-badges {
    display: flex;
    align-items: center;
    gap: 6px;
    order: 2;
    flex-shrink: 0;
}
.afaq-lens-radio-price {
    font-size: 12px;
    font-weight: 800;
    color: #b8965a;
    background: rgba(184,150,90,.12);
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
}
.afaq-lens-radio-badge {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
}
.afaq-lens-radio-badge.oos { background: #fdedec; color: #c62828; }
.afaq-lens-radio-badge.low { background: #fff3cd; color: #856404; }
.afaq-lens-radio-badge.in  { background: #eafaf1; color: #27ae60; }
.afaq-lens-radio-item:hover .afaq-lens-radio-inner {
    border-color: #b8965a;
    background: rgba(184,150,90,.04);
}
.afaq-lens-radio-item input:checked ~ .afaq-lens-radio-inner {
    border-color: #b8965a !important;
    border-width: 2px;
    background: rgba(184,150,90,.07);
    box-shadow: 0 0 0 3px rgba(184,150,90,.12);
}
.afaq-lens-radio-item.afaq-lens-oos { pointer-events: none; }
.afaq-lens-radio-item.afaq-lens-oos .afaq-lens-radio-inner {
    opacity: .5;
    border-style: dashed;
    background: #f9f9f9;
}

.afaq-lens-radio-badge.in  { background: #eafaf1; color: #27ae60; }

/* ── حالات التفاعل ── */
.afaq-lens-radio-item:hover .afaq-lens-radio-inner {
    border-color: #b8965a;
    background: rgba(184,150,90,.04);
}
.afaq-lens-radio-item input:checked ~ .afaq-lens-radio-inner {
    border-color: #b8965a;
    border-width: 2px;
    background: rgba(184,150,90,.07);
    box-shadow: 0 0 0 3px rgba(184,150,90,.12);
}
/* نفد المخزون */
.afaq-lens-radio-item.afaq-lens-oos { pointer-events: none; }
.afaq-lens-radio-item.afaq-lens-oos .afaq-lens-radio-inner {
    opacity: .5;
    border-style: dashed;
    background: #f9f9f9;
}
