jQuery(function ($) {
  // --- Google & eBay search buttons ---
  if (typeof CLIPON_VARS !== 'undefined' && (CLIPON_VARS.searchBrand || CLIPON_VARS.searchModel)) {
    var searchTerm = (CLIPON_VARS.searchBrand + ' ' + CLIPON_VARS.searchModel).trim();
    var googleUrl  = 'https://www.google.com/search?q=' + encodeURIComponent(searchTerm);
    var ebayUrl    = 'https://www.ebay.com/sch/i.html?_nkw=' + encodeURIComponent(searchTerm);

    var $googleBtn = $('<a>', {
      href: googleUrl,
      target: '_blank',
      class: 'clipon-search-btn clipon-search-btn-google',
      html: '<svg width="14" height="14" viewBox="0 0 18 18" style="vertical-align:middle;margin-right:5px"><path fill="#4285F4" d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z"/><path fill="#34A853" d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z"/><path fill="#FBBC05" d="M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z"/><path fill="#EA4335" d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 3.58 9 3.58z"/></svg>' + searchTerm
    });

    var $ebayBtn = $('<a>', {
      href: ebayUrl,
      target: '_blank',
      class: 'clipon-search-btn clipon-search-btn-ebay',
      html: '<span class="ebay-e">e</span><span class="ebay-b">b</span><span class="ebay-a">a</span><span class="ebay-y">y</span><span class="ebay-term"> ' + searchTerm + '</span>'
    });

    var $wrap = $('<span class="clipon-search-btns-wrap">');
    $wrap.append($googleBtn).append($ebayBtn);
    $('.wrap h1.wp-heading-inline').after($wrap);
  }
  const MIRROR_SWITCH_ID = 'clipon_mirror_toggle';
  const BASE_COLOR = '#cccccc';

  function isColorSwatchSelected() {
    return $('select.postform').val() === 'color';
  }

  function insertMirrorSwitch() {
    if ($(`#${MIRROR_SWITCH_ID}`).length) return;

    const html = `
      <div id="mirror-options" style="margin-top: 10px;">
        <label>
          <input type="checkbox" id="${MIRROR_SWITCH_ID}"> Mirrored
        </label>
      </div>
    `;

    $('select.postform').closest('td, .form-field').append(html);

    $(`#${MIRROR_SWITCH_ID}`).on('change', function () {
      if (this.checked) {
        addMirrorPreview();
      } else {
        $('#mirror-preview-canvas, #mirrored_preview, .mirror-preview-image').remove();
      }
    });
  }

function getMirrorColor() {
  const $input = $('.woo-color');
  return $input.length && $input.val().startsWith('#') ? $input.val() : '#666666';
}


  function addMirrorPreview() {
    const $originalPicker = $('.colorSelector').last().closest('.form-field');

    if ($('#mirror-preview-canvas').length) return;

    const html = `
      <canvas id="mirror-preview-canvas" width="90" height="90" style="display:none;"></canvas>
      <input type="hidden" name="mirrored_preview" id="mirrored_preview" value="">
      <div class="mirror-preview-image"></div>
    `;

    $originalPicker.after(html);

    bindColorChange();
    updateMirrorPreview();
  }

function bindColorChange() {
  // Listen to standard change events
  $('.woo-color')
    .off('.clipon')
    .on('change.clipon input.clipon blur.clipon keyup.clipon', updateMirrorPreview);

  // Also monitor DOM changes in case the plugin updates the value silently
  const input = document.querySelector('.woo-color');
  if (input) {
    const observer = new MutationObserver(updateMirrorPreview);
    observer.observe(input, { attributes: true, attributeFilter: ['value'] });
  }
}




function updateMirrorPreview() {
  const mirrorColor = getMirrorColor();

  const canvas = document.getElementById('mirror-preview-canvas');
  if (!canvas) return;

  const ctx = canvas.getContext('2d');
  const grad = ctx.createRadialGradient(27, 27, 10, 45, 45, 90);
  grad.addColorStop(0, '#cccccc');
  grad.addColorStop(1, mirrorColor);

  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.fillStyle = grad;
  ctx.fillRect(0, 0, canvas.width, canvas.height);

  const dataURL = canvas.toDataURL('image/png');
  $('#mirrored_preview').val(dataURL);
  $('.mirror-preview-image').html(`<img src="${dataURL}" width="90" height="90">`);
}


  function initMirrorSupport() {
    $('select.postform').on('change', function () {
      if (isColorSwatchSelected()) {
        insertMirrorSwitch();
      } else {
        $('#mirror-options, #mirror-preview-canvas, #mirrored_preview, .mirror-preview-image').remove();
      }
    });

    if (isColorSwatchSelected()) {
      insertMirrorSwitch();
    }
  }

  initMirrorSupport();
});

jQuery(function ($) {
  // Only run this on the lens-color attribute list page
  if (window.location.href.includes('taxonomy=pa_lens-color')) {
    $('tr[data-mirrored="1"]').each(function () {
      const $row = $(this);
      const termId = $row.attr('id').replace('tag-', '');
      const previewData = $row.find('td .mirror-preview-image img').attr('src') ||
                          $('input[name="mirrored_preview"]').val();

      if (previewData) {
        const $thumbnailCell = $row.find('td.column-thumbnail');
        $thumbnailCell.html(`<img src="${previewData}" width="30" height="30" style="border-radius:50%; border:1px solid #ccc;">`);
      }
    });
  }
});

jQuery(function ($) {
  const previewValue = $('#mirrored_preview').val();

  // Only run on taxonomy list screen
  if (window.location.href.includes('taxonomy=pa_lens-color') && previewValue) {
    // Find the last table row (newly added term) and inject thumbnail
    const $lastRow = $('table.wp-list-table tbody tr').first(); // or .last() if ordered differently
    const $thumbCell = $lastRow.find('td.column-thumbnail');

    if ($thumbCell.length) {
      $thumbCell.html(`<img src="${previewValue}" width="30" height="30" style="border-radius:50%; border:1px solid #ccc;">`);
    }
  }
});

// Customizer

jQuery(function ($) {
  // ---------- Helpers ----------
  const $root   = $('#cliponRoot');
  if (!$root.length) return; // Not a product page — exit early
  const $box    = $root.find('.clipon-box');
  const $wrap   = $box.find('.clipon-image-wrapper');
  const $img    = $('#clipon-single-image');
  const $uploader = $box.find('.clipon-upload-single .clipon-upload-btn');

  const $guides = $wrap.find('.clipon-guides');
  const $v1 = $guides.find('.v1'), $v2=$guides.find('.v2'), $v3=$guides.find('.v3');
  const $h1 = $guides.find('.h1'), $h2=$guides.find('.h2'), $h3=$guides.find('.h3'), $h4=$guides.find('.h4');

  const $editBtn  = $wrap.find('.clipon-edit');
  const $traceBtn = $wrap.find('.clipon-trace');
  const $resetTabBtn = $root.find('#clipon-reset-right');
  const $resetBtn = $wrap.find('.clipon-reset');

  const $tabs     = $root.find('.clipon-tab');
  const $tabCal   = $tabs.filter('[data-panel="cal"]');
  const $tabTrace = $tabs.filter('[data-panel="trace"]');
  const $panels   = { cal: $('#panel-cal'), trace: $('#panel-trace') };

  const $gear     = $panels.cal.find('.clipon-gear');
  const $settings = $panels.cal.find('.clipon-settings');
  const $calibrationSwitch = $panels.cal.find('.calibration-mode-switch');

  const $incStep  = $settings.find('.step');
  const $incZoom  = $settings.find('.zoomInc');
  const $incSX    = $settings.find('.sxInc');
  const $incSY    = $settings.find('.syInc');
  const $incRot   = $settings.find('.rotInc');

  const $frame = {
    A:  $panels.cal.find('.clipon-eye-a'),
    B:  $panels.cal.find('.clipon-eye-b'),
    Br: $panels.cal.find('.clipon-bridge'),
    H:  $panels.cal.find('.clipon-height'),
    Mat:$panels.cal.find('.clipon-material'),
    DPI:$panels.cal.find('.clipon-dpi'),
    Col:$panels.cal.find('.clipon-color'),
  };

  const $tracePanel = $panels.trace;
  const $traceMsg   = $tracePanel.find('.clipon-trace-msg');
  const $modeSwitch = $tracePanel.find('.clipon-mode-switch');
  const $drillToggle= $tracePanel.find('.clipon-drill-toggle');
  const $drillPanel = $tracePanel.find('.clipon-drill-panel');
  const $drLeftTop    = $tracePanel.find('.clipon-drill-left-top');
  const $drLeftBottom = $tracePanel.find('.clipon-drill-left-bottom');
  const $drBridge   = $tracePanel.find('.clipon-drill-bridge');
  const $drFactorSpring = $tracePanel.find('.clipon-drill-factor-spring');
  const $drFactorMag = $tracePanel.find('.clipon-drill-factor-mag');
  const $magOnly    = $tracePanel.find('.mag-only');
  const $springOnly = $tracePanel.find('.spring-only');

  const $svg     = $('#clipon-trace-svg');
  const $path    = $('#clipon-trace-path');
  const $gDrills = $('#clipon-drills');
  const $gAnch   = $('#clipon-trace-handles');
  const $gLines  = $('#clipon-control-lines');
  const $gCtrl   = $('#clipon-control-handles');
  const $mask    = $wrap.find('.trace-mask');

  const $download = $root.find('.clipon-download');
const $virtualBtn = $root.find('.clipon-virtual-btn');
// Virtual Clip-On popup handlers
  const $virtualPopup = $root.find('.clipon-virtual-popup');
  const $virtualClose = $virtualPopup.find('.clipon-virtual-close');
  const $virtualOverlay = $virtualPopup.find('.clipon-virtual-overlay');

  $virtualBtn.on('click', function() {
	renderVirtualClipon();  
    $virtualPopup.show();
  });

  $virtualClose.on('click', function() {
    $virtualPopup.hide();
  });

  $virtualOverlay.on('click', function() {
    $virtualPopup.hide();
  });
 // Handle background toggle change
$(document).on('change', '#clipon-show-background', function() {
  renderVirtualClipon();
});
$('#clipon-generate-variations').on('click', function() {
  generateVariationImages();
});

function generateVariationImages() {
  const $btn = $('#clipon-generate-variations');
  const $progress = $('#clipon-generation-progress');
  const $progressText = $('#clipon-progress-text');
  
  const key = activeSize || '_single';
  const ts = traceBySize.get(key);
  
  if (!ts) {
    alert('No trace data available');
    return;
  }
  
  $btn.prop('disabled', true);
  $progress.show();
  $progressText.text('Fetching variations...');
  
  // Get product variations
  $.ajax({
    url: CLIPON_VARS.ajaxUrl,
    type: 'POST',
    data: {
      action: 'clipon_get_variations',
      nonce: CLIPON_VARS.uploadNonce,
      post_id: CLIPON_VARS.postId
    },
    success: function(response) {
      if (response.success && response.data) {
        // Filter by current bridge mode
        const currentMode = ts.magMode || 'spring';
        const filtered = response.data.filter(v => v.bridge_type === currentMode);
        
        console.log('All variations:', response.data);
        console.log('Current mode:', currentMode);
        console.log('Filtered variations:', filtered);
        
        if (filtered.length === 0) {
          alert('No variations found for ' + currentMode + ' bridge');
          $btn.prop('disabled', false);
          $progress.hide();
          return;
        }
        
        processVariations(filtered, $progressText, function() {
          $btn.prop('disabled', false);
          $progress.hide();
          alert('Generated ' + filtered.length + ' ' + currentMode + ' variation images successfully!');
        });
      } else {
        alert('Failed to fetch variations');
        $btn.prop('disabled', false);
        $progress.hide();
      }
    },
    error: function() {
      alert('Error fetching variations');
      $btn.prop('disabled', false);
      $progress.hide();
    }
  });
}

function processVariations(variations, $progressText, callback) {
  console.log('=== PROCESSING VARIATIONS ===');
  console.log('Total variations to process:', variations.length);
  variations.forEach((v, i) => {
    console.log(`${i}: ID=${v.id}, Bridge=${v.bridge_type}, Color=${v.lens_color_name}, File=${v.filename}`);
  });
  
  let index = 0;
  
  function processNext() {
    if (index >= variations.length) {
      console.log('=== ALL VARIATIONS PROCESSED ===');
      callback();
      return;
    }
    
    const variation = variations[index];
    console.log(`>>> Processing variation ${index + 1}/${variations.length}: ${variation.filename}`);
    $progressText.text(`Generating ${index + 1} of ${variations.length}...`);
    
    generateVariationImage(variation, function() {
      console.log(`<<< Completed variation ${index + 1}: ${variation.filename}`);
      index++;
      setTimeout(processNext, 100);
    });
  }
  
  processNext();
}

function generateVariationImage(variation, callback) {
  console.log('=== Generating variation ===');
  console.log('Variation ID:', variation.id);
  console.log('Filename:', variation.filename);
  
  const canvas = document.getElementById('clipon-virtual-canvas');
  if (!canvas) {
    callback();
    return;
  }
  
  const ctx = canvas.getContext('2d');
  const canvasWidth = 800;
  const canvasHeight = 400;
  
  // Clear canvas
  ctx.clearRect(0, 0, canvasWidth, canvasHeight);
  ctx.fillStyle = '#ffffff';
  ctx.fillRect(0, 0, canvasWidth, canvasHeight);
  
  const img = $img[0];
  const pathD = $path.attr('d');
  const key = activeSize || '_single';
  const ts = traceBySize.get(key);
  
  if (!img || !img.complete || !pathD || !ts) {
    callback();
    return;
  }
  
  const wrapWidth = $wrap.width();
  const wrapHeight = $wrap.height();
  const scale = Math.min((canvasWidth / 2) / wrapWidth, canvasHeight / wrapHeight);
  const dpi = parseFloat($frame.DPI.val()) || 350;
  const pxPerMm = dpi / 25.4;
  
  const clipWidthPx = 2.5 * pxPerMm;
  const clipLengthPx = 5.3 * pxPerMm;
  const stickOutPx = 1 * pxPerMm;
  const clipCenterOffset = stickOutPx - (clipLengthPx / 2);
  const springWidthPx = 19 * pxPerMm;
  const magneticWidthPx = 13 * pxPerMm;
  
  const lensColorData = variation.lens_color;
  const isImagePattern = lensColorData && (lensColorData.startsWith('http') || lensColorData.startsWith('/'));
  const bridgeType = variation.bridge_type || 'spring';
  
  console.log('Is image pattern?', isImagePattern);
  
  // Prevent multiple callback calls
  let callbackCalled = false;
  function safeCallback() {
    if (!callbackCalled) {
      callbackCalled = true;
      callback();
    }
  }
  
  // Set timeout for entire image loading process (8 seconds)
  const loadTimeout = setTimeout(function() {
    console.error('TIMEOUT loading images for:', variation.filename);
    safeCallback();
  }, 8000);
  
  // Load images
  const clipImg = new Image();
  clipImg.crossOrigin = 'anonymous';
  
  const bridgeImg = new Image();
  bridgeImg.crossOrigin = 'anonymous';
  
  let lensImg = null;
  if (isImagePattern) {
    lensImg = new Image();
    lensImg.crossOrigin = 'anonymous';
  }
  
  let imagesLoaded = {
    clip: false,
    bridge: false,
    lens: !isImagePattern
  };
  
  function checkAllLoaded() {
    if (imagesLoaded.clip && imagesLoaded.bridge && imagesLoaded.lens) {
      clearTimeout(loadTimeout);
      console.log('All images loaded, drawing...');
      
      const capturedLensImg = lensImg;
      drawBothSides(capturedLensImg);
    }
  }
  
  // Clip image handlers
  clipImg.onerror = function() {
    console.error('Clip image failed to load');
    clearTimeout(loadTimeout);
    safeCallback();
  };
  
  clipImg.onload = function() {
    console.log('Clip image loaded');
    imagesLoaded.clip = true;
    checkAllLoaded();
  };
  
  // Bridge image handlers
  bridgeImg.onerror = function() {
    console.error('Bridge image failed to load');
    clearTimeout(loadTimeout);
    safeCallback();
  };
  
  bridgeImg.onload = function() {
    console.log('Bridge image loaded');
    imagesLoaded.bridge = true;
    checkAllLoaded();
  };
  
  // Lens image handlers
  if (lensImg) {
    lensImg.onerror = function() {
      console.error('Lens image failed to load:', lensColorData);
      // Continue without lens image (will use fallback)
      imagesLoaded.lens = true;
      checkAllLoaded();
    };
    
    lensImg.onload = function() {
      console.log('Lens image loaded:', lensColorData, lensImg.naturalWidth, 'x', lensImg.naturalHeight);
      imagesLoaded.lens = true;
      checkAllLoaded();
    };
  }
  
  // Start loading images
  clipImg.src = 'https://cliponexpress.com/wp-content/uploads/2015/12/clip.png';
if (bridgeType === 'spring') {
  bridgeImg.src = 'https://cliponexpress.com/wp-content/uploads/2015/12/spring.png';
} else {
  // Read magnetic bridge type - target specifically the bridge field container
  const magneticBridgeSelect = $root.find('.clipon-bridge-field .clipon-bridge-select');
  const magneticBridgeValue = $root.find('.clipon-bridge-field .clipon-position-value');
  
  let magneticBridgeType = '';
  if (magneticBridgeSelect.length > 0) {
    magneticBridgeType = magneticBridgeSelect.val() || '';
  } else if (magneticBridgeValue.length > 0) {
    magneticBridgeType = magneticBridgeValue.text().trim();
  }
  
  console.log('Magnetic bridge type from form:', magneticBridgeType);
  
  // Check if "Curved" appears anywhere in the string
  const isCurved = magneticBridgeType.toLowerCase().includes('curved');
  
  bridgeImg.src = isCurved
    ? 'https://cliponexpress.com/wp-content/uploads/icons/curvedmagnetic.png'
    : 'https://cliponexpress.com/wp-content/uploads/2015/12/straightmagnet.png';
  
  console.log('Is curved?', isCurved, '- Using bridge image:', bridgeImg.src);
}
  if (lensImg) {
    lensImg.src = lensColorData;
  }
  
  function drawBothSides(passedLensImage) {
    console.log('=== drawBothSides START ===');
    
    try {
      drawSideForVariation(false, lensColorData, bridgeType, bridgeImg, passedLensImage);
      drawSideForVariation(true, lensColorData, bridgeType, bridgeImg, passedLensImage);
      
      console.log('Both sides drawn, creating blob...');
      
      // Export as JPEG
      canvas.toBlob(function(blob) {
        if (!blob) {
          console.error('Blob creation failed');
          safeCallback();
          return;
        }
        
        const reader = new FileReader();
        reader.onloadend = function() {
          uploadVariationImage(variation, reader.result, safeCallback);
        };
        reader.onerror = function() {
          console.error('FileReader error');
          safeCallback();
        };
        reader.readAsDataURL(blob);
      }, 'image/jpeg', 0.90);
    } catch(error) {
      console.error('Error in drawBothSides:', error);
      safeCallback();
    }
  }
  
  function drawSideForVariation(mirror, colorData, mode, bImg, lensImage) {
    ctx.save();
    
    ctx.beginPath();
    if (mirror) {
      ctx.rect(canvasWidth / 2, 0, canvasWidth / 2, canvasHeight);
    } else {
      const extraSpace = 50;
      ctx.rect(0, 0, (canvasWidth / 2) + extraSpace, canvasHeight);
    }
    ctx.clip();
    ctx.closePath();
    
    if (mirror) {
      ctx.translate(canvasWidth * 3 / 4, canvasHeight / 2);
      ctx.scale(-scale, scale);
    } else {
      ctx.translate(canvasWidth / 4, canvasHeight / 2);
      ctx.scale(scale, scale);
    }
    ctx.translate(-wrapWidth / 2, -wrapHeight / 2);
    
// Draw image only if background toggle is checked
const showBackground = $('#clipon-show-background').is(':checked');
if (showBackground) {
  ctx.drawImage(img, 0, 0, wrapWidth, wrapHeight);
}    
    // Fill path with lens color (image pattern or solid color) at 80% opacity
    const path2D = new Path2D(pathD);
    ctx.globalAlpha = 0.8;
    
    if (lensImage && lensImage.complete && lensImage.naturalWidth > 0) {
      // Use image as pattern with scaled size, centered on lens
      const pathEl = document.getElementById('clipon-trace-path');
      if (pathEl) {
        const bbox = pathEl.getBBox();
        const centerX = bbox.x + bbox.width / 2;
        const centerY = bbox.y + bbox.height / 2;
        
        const tempCanvas = document.createElement('canvas');
        const tempCtx = tempCanvas.getContext('2d');
        
        const scaleFactor = 3;
        tempCanvas.width = lensImage.naturalWidth * scaleFactor;
        tempCanvas.height = lensImage.naturalHeight * scaleFactor;
        
        tempCtx.drawImage(lensImage, 0, 0, tempCanvas.width, tempCanvas.height);
        
        const pattern = ctx.createPattern(tempCanvas, 'repeat');
        
        if (pattern) {
          const patternOffsetX = centerX % tempCanvas.width - tempCanvas.width / 2;
          const patternOffsetY = centerY % tempCanvas.height - tempCanvas.height / 2;
          
          const matrix = new DOMMatrix();
          matrix.translateSelf(patternOffsetX, patternOffsetY);
          pattern.setTransform(matrix);
          
          ctx.fillStyle = pattern;
        } else {
          ctx.fillStyle = 'rgba(0, 0, 0, 1)';
        }
      } else {
        ctx.fillStyle = 'rgba(0, 0, 0, 1)';
      }
    } else {
      const rgb = hexToRgb(colorData || '#000000');
      ctx.fillStyle = `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
    }
    
    ctx.fill(path2D);
    ctx.globalAlpha = 1.0;
    
    // Draw clips and bridge
    if (ts.drillData) {
      const pathEl = document.getElementById('clipon-trace-path');
      if (pathEl) {
        const bbox = pathEl.getBBox();
        const centerX = bbox.x + bbox.width / 2;
        const centerY = bbox.y + bbox.height / 2;
        const leftTopX = ts.drillData.leftTopX || 20;
        const leftBottomX = ts.drillData.leftBottomX || 20;
        const targetTopXpx = centerX - (leftTopX * pxPerMm);
        const targetBotXpx = centerX - (leftBottomX * pxPerMm);
        
        const topPt = samplePathForTargetXY(pathEl, targetTopXpx, 'x', -1, centerX, centerY);
        const botPt = samplePathForTargetXY(pathEl, targetBotXpx, 'x', +1, centerX, centerY);
        
        // Draw clips
        [topPt, botPt].forEach(pt => {
          if (pt) {
            const n = inwardNormalUnitAt(pathEl, pt.s, centerX, centerY);
            ctx.save();
            ctx.translate(pt.x - n.x * clipCenterOffset, pt.y - n.y * clipCenterOffset);
            ctx.rotate(Math.atan2(-n.y, -n.x) + Math.PI / 2);
            ctx.drawImage(clipImg, -clipWidthPx / 2, -clipLengthPx / 2, clipWidthPx, clipLengthPx);
            ctx.restore();
          }
        });
        
        // Draw bridge
        if (mode === 'spring') {
          const frameData = readFrameInputs($root);
          const material = frameData.material;
          const matFactor = materialFactorForSpring(material);
          const factorSpring = (ts.drillData && ts.drillData.factorSpring) ? ts.drillData.factorSpring : 44;
          const bridgeVal = frameData.bridge || parseFloat($frame.Br.val()) || 10;
          const deltaMm = (factorSpring - (bridgeVal - matFactor)) / 2;
          const rightEdgePx = bbox.x + bbox.width;
          const startXpx = rightEdgePx - (deltaMm * pxPerMm);
          const startPx = samplePathForTargetXY(pathEl, startXpx, 'x', -1, centerX, centerY);
          
          if (startPx) {
            const holeX = startPx.x - (0.2 * pxPerMm) - (0.5 * pxPerMm);
            const holeY = startPx.y + (0.2 * pxPerMm) + (2.5 * pxPerMm);
            const springHeightPx = bImg.height * (springWidthPx / bImg.width);
            const anchorOffsetY = springHeightPx - (1 * pxPerMm);
            const springX = wrapWidth - springWidthPx;
            
            ctx.save();
            ctx.drawImage(bImg, springX, holeY - anchorOffsetY + springBridgeVisualOffset, springWidthPx, springHeightPx);
            ctx.restore();
          }
    } else {
  // Magnetic mode - right end aligned with mirror line (right edge of wrap)
  const bridgeMm = ts.drillData.bridge || 10;
  const magneticHeightPx = bImg.height * (magneticWidthPx / bImg.width);
  
  // Position: right end at right edge of wrap (mirror line)
  const bridgeX = wrapWidth - (magneticWidthPx / 2);
  const bridgeY = centerY - (bridgeMm * pxPerMm);
  
  ctx.save();
  ctx.drawImage(bImg, bridgeX - magneticWidthPx / 2, bridgeY - magneticHeightPx / 2, magneticWidthPx, magneticHeightPx);
  ctx.restore();
}
      }
    }
    
    ctx.restore();
  }
}

function hexToRgb(hex) {
  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
  return result ? {
    r: parseInt(result[1], 16),
    g: parseInt(result[2], 16),
    b: parseInt(result[3], 16)
  } : {r: 0, g: 0, b: 0};
}

function uploadVariationImage(variation, imageData, callback) {
  $.ajax({
    url: CLIPON_VARS.ajaxUrl,
    type: 'POST',
    data: {
      action: 'clipon_upload_variation_image',
      nonce: CLIPON_VARS.uploadNonce,
      variation_id: variation.id,
      filename: variation.filename,
      image_data: imageData
    },
    success: function(response) {
      console.log('Uploaded:', variation.filename);
      callback();
    },
    error: function() {
      console.error('Failed:', variation.filename);
      callback();
    }
  });
}	
	
var springBridgeVisualOffset = 0;

$('#clipon-bridge-up').on('click', function() {
  springBridgeVisualOffset -= 2;
  $('#clipon-bridge-offset-value').text(springBridgeVisualOffset);
  renderVirtualClipon();
});

$('#clipon-bridge-down').on('click', function() {
  springBridgeVisualOffset += 2;
  $('#clipon-bridge-offset-value').text(springBridgeVisualOffset);
  renderVirtualClipon();
});

function renderVirtualClipon() {
  const canvas = document.getElementById('clipon-virtual-canvas');
  if (!canvas) return;
  
  const ctx = canvas.getContext('2d');
  const canvasWidth = 800;
  const canvasHeight = 400;
  
  // Clear canvas
  ctx.clearRect(0, 0, canvasWidth, canvasHeight);
  ctx.fillStyle = '#ffffff';
  ctx.fillRect(0, 0, canvasWidth, canvasHeight);
  
  // Get current image and path
  const img = $img[0];
  const pathD = $path.attr('d');
  const key = activeSize || '_single';
  const ts = traceBySize.get(key);
  
  if (!img || !img.complete || !pathD || !ts) {
    ctx.fillStyle = '#666';
    ctx.font = '16px Arial';
    ctx.textAlign = 'center';
    ctx.fillText('No image or path available', canvasWidth / 2, canvasHeight / 2);
    return;
  }
  
  // Calculate scaling to fit canvas (half width for mirrored display)
  const wrapWidth = $wrap.width();
  const wrapHeight = $wrap.height();
  const scale = Math.min((canvasWidth / 2) / wrapWidth, canvasHeight / wrapHeight);
  const dpi = parseFloat($frame.DPI.val()) || 350;
  const pxPerMm = dpi / 25.4;
  
  // Clip dimensions: 2.5mm width, 5.3mm length, 1mm sticks out, 4.3mm goes in
  const clipWidthPx = 2.5 * pxPerMm;
  const clipLengthPx = 5.3 * pxPerMm;
  const stickOutPx = 1 * pxPerMm;
  const clipCenterOffset = stickOutPx - (clipLengthPx / 2);
  
  // Bridge dimensions
  const springWidthPx = 19 * pxPerMm;
  const magneticWidthPx = 13 * pxPerMm;
  
  // Load images
  const clipImg = new Image();
  clipImg.crossOrigin = 'anonymous';
  clipImg.src = 'https://cliponexpress.com/wp-content/uploads/2015/12/clip.png';
  
  const springImg = new Image();
  springImg.crossOrigin = 'anonymous';
  springImg.src = 'https://cliponexpress.com/wp-content/uploads/2015/12/spring.png';
  
// Determine which magnetic bridge to use based on attribute
const frameData = readFrameInputs($root);
	// Add debugging:
console.log('=== DEBUGGING MAGNETIC BRIDGE ===');
console.log('All select elements:', $('select[name*="magnetic"]').length);
$('select[name*="magnetic"]').each(function() {
  console.log('Found select:', $(this).attr('name'), '=', $(this).val());
});
console.log('All inputs with magnetic:', $('input[name*="magnetic"]').length);
$('input[name*="magnetic"]').each(function() {
  console.log('Found input:', $(this).attr('name'), '=', $(this).val());
});
console.log('Checking attribute_pa_magnetic-bridge:', $('select[name="attribute_pa_magnetic-bridge"]').val());
console.log('=== END DEBUG ===');
// Read magnetic bridge type - target specifically the bridge field container
const magneticBridgeSelect = $root.find('.clipon-bridge-field .clipon-bridge-select');
const magneticBridgeValue = $root.find('.clipon-bridge-field .clipon-position-value');

let magneticBridgeType = '';
if (magneticBridgeSelect.length > 0) {
  magneticBridgeType = magneticBridgeSelect.val() || '';
} else if (magneticBridgeValue.length > 0) {
  magneticBridgeType = magneticBridgeValue.text().trim();
}

console.log('Virtual clipon - Magnetic bridge type:', magneticBridgeType);

// Check if "Curved" appears anywhere in the string
const isCurvedMagnetic = magneticBridgeType.toLowerCase().includes('curved');

const magneticImg = new Image();
magneticImg.crossOrigin = 'anonymous';
magneticImg.src = isCurvedMagnetic 
  ? 'https://cliponexpress.com/wp-content/uploads/icons/curvedmagnetic.png'
  : 'https://cliponexpress.com/wp-content/uploads/2015/12/straightmagnet.png';

console.log('Virtual clipon - Is curved?', isCurvedMagnetic, '- Using bridge URL:', magneticImg.src);
  let loadedCount = 0;
  const totalImages = 3;
  
  function onImageLoad() {
    loadedCount++;
    if (loadedCount === totalImages) {
      drawSide(false); // Left side
      drawSide(true);  // Right side (mirrored)
    }
  }
  
  clipImg.onload = onImageLoad;
  springImg.onload = onImageLoad;
  magneticImg.onload = onImageLoad;
  
  function drawSide(mirror) {
    ctx.save();
    
  // Clip to half of canvas to prevent overlap at center
  ctx.beginPath();
  if (mirror) {
    ctx.rect(canvasWidth / 2, 0, canvasWidth / 2, canvasHeight);
  } else {
    ctx.rect(0, 0, canvasWidth / 2, canvasHeight);
  }
  ctx.clip();
  ctx.closePath();
	  
    if (mirror) {
      ctx.translate(canvasWidth * 3 / 4, canvasHeight / 2);
      ctx.scale(-scale, scale);
    } else {
      ctx.translate(canvasWidth / 4, canvasHeight / 2);
      ctx.scale(scale, scale);
    }
    ctx.translate(-wrapWidth / 2, -wrapHeight / 2);
    
    // Draw image
  // Draw image only if background toggle is checked
const showBackground = $('#clipon-show-background').is(':checked');
if (showBackground) {
  ctx.drawImage(img, 0, 0, wrapWidth, wrapHeight);
}
    
    // Fill path with black 80% opacity
    const path2D = new Path2D(pathD);
    ctx.fillStyle = 'rgba(0, 0, 0, 0.8)';
    ctx.fill(path2D);
    
    // Draw clips and bridge at drill mark positions
    if (ts.drillData) {
      const pathEl = document.getElementById('clipon-trace-path');
      if (pathEl) {
        const bbox = pathEl.getBBox();
        const centerX = bbox.x + bbox.width / 2;
        const centerY = bbox.y + bbox.height / 2;
        const frameData = readFrameInputs($root);
        const material = frameData.material;
        const matFactor = materialFactorForSpring(material);
        
        // Get left X positions for drill marks (independent top and bottom)
        const leftTopX = ts.drillData.leftTopX || 20;
        const leftBottomX = ts.drillData.leftBottomX || 20;
        const targetTopXpx = centerX - (leftTopX * pxPerMm);
        const targetBotXpx = centerX - (leftBottomX * pxPerMm);
        
        // Sample path at these X positions to get Y positions
        const topPt = samplePathForTargetXY(pathEl, targetTopXpx, 'x', -1, centerX, centerY);
        const botPt = samplePathForTargetXY(pathEl, targetBotXpx, 'x', +1, centerX, centerY);
        
        // Draw side clips
        if (topPt) {
          const n = inwardNormalUnitAt(pathEl, topPt.s, centerX, centerY);
          ctx.save();
          ctx.translate(topPt.x - n.x * clipCenterOffset, topPt.y - n.y * clipCenterOffset);
          ctx.rotate(Math.atan2(-n.y, -n.x) + Math.PI / 2);
          ctx.drawImage(clipImg, -clipWidthPx / 2, -clipLengthPx / 2, clipWidthPx, clipLengthPx);
          ctx.restore();
        }
        
        if (botPt) {
          const n = inwardNormalUnitAt(pathEl, botPt.s, centerX, centerY);
          ctx.save();
          ctx.translate(botPt.x - n.x * clipCenterOffset, botPt.y - n.y * clipCenterOffset);
          ctx.rotate(Math.atan2(-n.y, -n.x) + Math.PI / 2);
          ctx.drawImage(clipImg, -clipWidthPx / 2, -clipLengthPx / 2, clipWidthPx, clipLengthPx);
          ctx.restore();
        }
        
        // Draw bridge based on mode
        const mode = ts.magMode || 'spring';
        
        if (mode === 'spring') {
          // Find spring drill hole position
          const factorSpring = (ts.drillData && ts.drillData.factorSpring) ? ts.drillData.factorSpring : 44;
          const bridgeVal = frameData.bridge || parseFloat($frame.Br.val()) || 10;
          const deltaMm = (factorSpring - (bridgeVal - matFactor)) / 2;
          const rightEdgePx = bbox.x + bbox.width;
          const startXpx = rightEdgePx - (deltaMm * pxPerMm);
          const startPx = samplePathForTargetXY(pathEl, startXpx, 'x', -1, centerX, centerY);
          
   		if (startPx) {
  // Hole is 0.5mm left and 2.5mm down from slot start
  const holeX = startPx.x - (0.2 * pxPerMm) - (0.5 * pxPerMm);
  const holeY = startPx.y + (0.2 * pxPerMm) + (2.5 * pxPerMm);
  
  // Spring bridge: right end at right edge of wrap (center line between displays)
  const springHeightPx = springImg.height * (springWidthPx / springImg.width);
  const anchorOffsetY = springHeightPx - (1 * pxPerMm);
  
  // Position right end at right edge of wrap area
  const springX = wrapWidth - springWidthPx;
  
  ctx.save();
  ctx.drawImage(springImg, springX, holeY - anchorOffsetY + springBridgeVisualOffset, springWidthPx, springHeightPx);
  ctx.restore();
}
 } else {
  // Magnetic mode - right end aligned with mirror line (right edge of wrap)
  const bridgeMm = ts.drillData.bridge || 10;
  const magneticHeightPx = magneticImg.height * (magneticWidthPx / magneticImg.width);
  
  // Position: right end at right edge of wrap (mirror line)
  const bridgeX = wrapWidth - (magneticWidthPx / 2);
  const bridgeY = centerY - (bridgeMm * pxPerMm);
  
  ctx.save();
  // Draw centered at position, always horizontal (no rotation)
  ctx.drawImage(magneticImg, bridgeX - magneticWidthPx / 2, bridgeY - magneticHeightPx / 2, magneticWidthPx, magneticHeightPx);
  ctx.restore();
}
      }
    }
    
    ctx.restore();
  }
  
  // If all images are already loaded, draw immediately
  if (clipImg.complete && springImg.complete && magneticImg.complete) {
    drawSide(false);
    drawSide(true);
  }
}
	
  // === SVG helpers (namespace-safe) ===
  const NS = 'http://www.w3.org/2000/svg';
  function svgEl(tag, attrs={}) { const el = document.createElementNS(NS, tag); for (const [k,v] of Object.entries(attrs)) el.setAttribute(k, String(v)); return el; }
  function svgAppend($g, el)    { ($g && $g[0] ? $g[0] : $g).appendChild(el); }
  function svgShow($el)         { $el.each(function(){ this.style.display='inline'; }); }
  function svgHide($el)         { $el.each(function(){ this.style.display='none';   }); }
  function svgClear($el)        { $el.each(function(){ while (this.firstChild) this.removeChild(this.firstChild); }); }

  // Pointer behavior: off in Calibrate, on in Trace
  $svg.css({ zIndex: 30, pointerEvents: 'none' });

  // Hidden inputs
  const $hidden = $('.clipon-hidden');
  const $hid = {
    id:  $hidden.find('input[name="_clipon_single_image_id"]'),
    url: $hidden.find('input[name="_clipon_single_image_url"]'),
    transform: $hidden.find('input[name="_clipon_transform"]'),
    frame:     $hidden.find('input[name="_clipon_frame"]'),
    path:      $hidden.find('input[name="_clipon_trace_path"]'),
    points:    $hidden.find('input[name="_clipon_trace_points"]'),
    handles:   $hidden.find('input[name="_clipon_trace_handles"]'),
    drill:     $hidden.find('input[name="_clipon_drill"]'),
    sizesMap:  $hidden.find('input[name="_clipon_sizes_map"]'),
    activeSz:  $hidden.find('input[name="_clipon_active_size"]'),
    doubleImgs:$hidden.find('input[name="_clipon_double_images"]'),
  };

  // Size tabs (may be absent)
  const $sizeTabs = $root.find('.clipon-size-tab');
  let activeSize = $sizeTabs.filter('.is-active').data('size') || '';

  // ---------- State ----------
  const state = { tx:0, ty:0, scale:1, sx:1, sy:1, rot:0, step:10, zoomInc:0.1, sxInc:0.1, syInc:0.1, rotInc:1 };
  let calibrationMode = 'fine'; // 'fine' or 'coarse'
  let imageUploaded = !!$img.attr('src');
  let baseSizeOnUpload = activeSize || '';
  let baseAOnUpload = 0;
  let baseCalibrated = false;

  // Per-size trace: { mode:'placing'|'edit', points:[{x,y}], handles:[{hin:{x,y}, hout:{x,y}}], drillOpen, magMode:'spring'|'magnetic', springBackup }
  const traceBySize = new Map();

  const HOLE_COLOR = '#ef4444'; // matches your CSS var --hole
  const TR_INDEX = 3; // br, bl, tl, tr → tr is index 3 (initial only)
  
  // Helper: Find the actual TR point (rightmost point on top half)
  // This ensures the original TR stays TR even when points are added
  function findTRIndex(ts) {
    if (!ts || !ts.points || ts.points.length < 4) return 3;
    
    // Find center Y of all points
    var minY = Math.min(...ts.points.map(p => p.y));
    var maxY = Math.max(...ts.points.map(p => p.y));
    var centerY = (minY + maxY) / 2;
    
    // Find rightmost point in the upper half
    var trIndex = 0;
    var maxX = -Infinity;
    
    for (var i = 0; i < ts.points.length; i++) {
      if (ts.points[i].y < centerY && ts.points[i].x > maxX) {
        maxX = ts.points[i].x;
        trIndex = i;
      }
    }
    
    return trIndex;
  }

  // ---------- Prevent form submit ----------
  $(document).on('click', '.clipon-ui button, .clipon-controls button, .clipon-tabsbar button, .strip button, .dpad button, .clipon-drill-toggle, .clipon-download-btn', function (e) {
    e.preventDefault(); e.stopPropagation();
  });

  // ---------- Helper Functions for Download ----------
  function pxPerMmFromDpi(dpi) {
    return dpi / 25.4;
  }

  function pxToMmPoint(px, py, centerX, centerY, dpi) {
    const pxPerMm = pxPerMmFromDpi(dpi);
    return {
      X: (px - centerX) / pxPerMm,
      Y: -(py - centerY) / pxPerMm  // negative Y for coordinate system flip
    };
  }

  function fmt1(num) {
    return Number(num).toFixed(1);
  }

  function readFrameInputs($section) {
    return {
      material: $section.find('.clipon-material').val() || 'plastic',
      bridge: parseFloat($section.find('.clipon-bridge').val()) || 0,
      dpi: parseFloat($section.find('.clipon-dpi').val()) || 350,
      eyeA: parseFloat($section.find('.clipon-eye-a').val()) || 0,
	  magneticBridge: $section.find('.magnetic-bridge').val() || ''	
    };
  }

  function materialFactorForSpring(material) {
    switch (material) {
      case 'metal': return 0.4;
      case 'semi-rimless': return 0;
      case 'plastic':
      default: return 0.8;
    }
  }

  // Simple fallback functions for brand/model/eye data
function cliponGetBrandFromCategories() {
  // Get product categories
  var categories = [];
$('#taxonomy-product_cat input:checked').each(function() {
  // Get only the direct text node, excluding WordPress action links like "Make primary"
  var labelText = $(this).closest('label').clone().children().remove().end().text().trim();
  categories.push(labelText);
});
  
  // Return first category as brand, or check for specific brand taxonomy
  return categories[0] || 'Generic';
}

function cliponGetModelFromAttributes(debug = false) {
  let model = '';

  // 1) Prefer the explicit pa_model taxonomy select in this product
  let $sel = jQuery('select.attribute_values[data-taxonomy="pa_model"]');
  if ($sel.length) {
    // Try option text first
    const optTxt = $sel.find('option:selected').map(function () {
      return jQuery(this).text();
    }).get().join(' ').trim();

    if (optTxt) {
      model = optTxt;
      if (debug) console.log('[clipon] model via option:selected =', model);
      return model;
    }

    // Fallback: Select2 chips rendered as a sibling of THIS select
    const chipsTxt = $sel.nextAll('.select2').first()
      .find('.select2-selection__choice')
      .map(function () { return jQuery(this).attr('title') || jQuery(this).text(); })
      .get().join(' ').replace(/×/g, '').trim();

    if (chipsTxt) {
      model = chipsTxt;
      if (debug) console.log('[clipon] model via select2 chips =', model);
      return model;
    }
  }

  // 2) Fallback: look for a custom "model" attribute row
  const $row = jQuery('#product_attributes .woocommerce_attribute').filter(function () {
    const tax  = (jQuery(this).find('select.attribute_taxonomy').val() || '').toLowerCase();
    const name = (jQuery(this).find('input.attribute_name').val()      || '').toLowerCase();
    return tax === 'pa_model' || name === 'model' || /(^|[_-])model$/.test(name);
  }).first();

  if ($row.length) {
    // chips inside that row (custom setups)
    const rowChips = $row.find('.select2-selection__choice').map(function () {
      return jQuery(this).attr('title') || jQuery(this).text();
    }).get().join(' ').replace(/×/g, '').trim();
    if (rowChips) {
      model = rowChips;
      if (debug) console.log('[clipon] model via row chips =', model);
      return model;
    }

    // plain select inside that row
    const rowOpt = $row.find('select.attribute_values option:selected').map(function () {
      return jQuery(this).text();
    }).get().join(' ').trim();
    if (rowOpt) {
      model = rowOpt;
      if (debug) console.log('[clipon] model via row option =', model);
      return model;
    }

    // free-text (custom attribute)
    const free = ($row.find('textarea.attribute_value, input.attribute_value').val() || '').toString().trim();
    if (free) {
      model = free;
      if (debug) console.log('[clipon] model via row free text =', model);
      return model;
    }
  }

  if (debug) console.log('[clipon] final model (empty) = ""');
  return '';
}


  function cliponGetEyeAndBridge() {
    // Get from current frame inputs
    const frameData = readFrameInputs($root);
    return {
      eyeA: frameData.eyeA || '50',
      bridge: frameData.bridge || '15'
    };
  }

  // ---------- Media (single) ----------
  function openMediaSingle(cb) {
    const frame = wp.media({ title: 'Select Image', multiple: false, library: {type:'image'} });
    frame.on('select', function () {
      const att = frame.state().get('selection').first().toJSON();
      cb({id: att.id, url: att.url});
    });
    frame.open();
  }

  $uploader.on('click', function(){
    openMediaSingle(function(p){
      $hid.id.val(p.id); $hid.url.val(p.url);
      $wrap.show(); $img.attr('src', p.url).show();
      imageUploaded = true;
      baseSizeOnUpload = activeSize || '';
      baseAOnUpload = parseAB(activeSize).a || parseFloat($frame.A.val()) || 0;
      baseCalibrated = false;
      resetTransform(); applyTransform(); updateGuides();
    });
  });

  // ---------- Transform ----------
  function applyTransform() {
    const t = `translate(-50%,-50%) translate(${state.tx}px,${state.ty}px) rotate(${state.rot}deg) scale(${(state.sx*state.scale).toFixed(4)}, ${(state.sy*state.scale).toFixed(4)})`;
    $img.css({ transform: t, transformOrigin: 'center center' });
    persistTransform();
	syncPathWithImage();
  }
  function resetTransform(){ Object.assign(state, { tx:0, ty:0, scale:1, sx:1, sy:1, rot:0 }); }
  function isDefaultTransform() {
    return Math.abs(state.tx)<1e-3 && Math.abs(state.ty)<1e-3 && Math.abs(state.rot)<1e-3 &&
           Math.abs(state.scale-1)<1e-3 && Math.abs(state.sx-1)<1e-3 && Math.abs(state.sy-1)<1e-3;
  }
  
function transformPathCoordinates(ts, transform) {
  const centerX = $wrap.width() / 2;
  const centerY = $wrap.height() / 2;
  const radians = transform.rot * Math.PI / 180;
  const cos = Math.cos(radians);
  const sin = Math.sin(radians);
  const scaleX = transform.sx * transform.scale;
  const scaleY = transform.sy * transform.scale;
  
  function transformPoint(p) {
    // Start from point position
    let x = p.x - centerX;
    let y = p.y - centerY;
    
    // Apply translation first (before rotation)
    x += transform.tx;
    y += transform.ty;
    
    // Apply rotation
    const rotX = x * cos - y * sin;
    const rotY = x * sin + y * cos;
    
    // Apply scale
    const scaledX = rotX * scaleX;
    const scaledY = rotY * scaleY;
    
    // Translate back from origin
    return {
      x: scaledX + centerX,
      y: scaledY + centerY
    };
  }
  
  // Transform all points
  ts.points = ts.points.map(transformPoint);
  
  // Transform all handles
  if (ts.handles) {
    ts.handles = ts.handles.map(h => ({
      hin: transformPoint(h.hin),
      hout: transformPoint(h.hout)
    }));
  }
}
  
  function getIncrements() {
    const divisor = (calibrationMode === 'coarse') ? 10 : 1;
    return {
      step: state.step / divisor,
      zoom: state.zoomInc / divisor,
      sx: state.sxInc / divisor,
      sy: state.syInc / divisor,
      rot: state.rotInc / divisor
    };
  }
function maybeEnableTrace(){ 
  if (imageUploaded && !isDefaultTransform()) {
    $tabTrace.prop('disabled', false).removeAttr('disabled');
  }
}
function applyCalibrationToPath() {
  const key = (activeSize||'_single');
  const ts = traceBySize.get(key);
  if (!ts || !ts.points || ts.points.length === 0) return;
  
  // Only apply if there are actual transforms to apply
  if (isDefaultTransform()) return;
  
  const centerX = $wrap.width() / 2;
  const centerY = $wrap.height() / 2;
  const scaleX = state.sx * state.scale;
  const scaleY = state.sy * state.scale;
  const rotation = state.rot * Math.PI / 180; // Convert to radians
  
  // Transform each point
  ts.points = ts.points.map(p => {
    // Translate to origin
    let x = p.x - centerX;
    let y = p.y - centerY;
    
    // Apply rotation
    const rotatedX = x * Math.cos(rotation) - y * Math.sin(rotation);
    const rotatedY = x * Math.sin(rotation) + y * Math.cos(rotation);
    
    // Apply scale
    x = rotatedX * scaleX;
    y = rotatedY * scaleY;
    
    // Translate back and apply translation
    return {
      x: x + centerX + state.tx,
      y: y + centerY + state.ty
    };
  });
  
  // Transform handles the same way
  if (ts.handles) {
    ts.handles = ts.handles.map(h => {
      const transformPoint = (point) => {
        let x = point.x - centerX;
        let y = point.y - centerY;
        
        const rotatedX = x * Math.cos(rotation) - y * Math.sin(rotation);
        const rotatedY = x * Math.sin(rotation) + y * Math.cos(rotation);
        
        x = rotatedX * scaleX;
        y = rotatedY * scaleY;
        
        return {
          x: x + centerX + state.tx,
          y: y + centerY + state.ty
        };
      };
      
      return {
        hin: transformPoint(h.hin),
        hout: transformPoint(h.hout)
      };
    });
  }
  
  // Reset transform state since it's now baked into the path
  resetTransform();
}	

function syncPathWithImage() {
  if (!$tabCal.hasClass('is-active') || !($path.attr('d')||'').trim()) {
    return;
  }
  
  const svgTransform = `translate(${state.tx}px,${state.ty}px) rotate(${state.rot}deg) scale(${state.scale}, ${state.scale}) scale(${state.sx}, ${state.sy})`;
  
  $svg.css({
    transform: svgTransform,
    transformOrigin: 'center center',
    display: 'block',
    pointerEvents: 'none'
  });
}
	
  // Gear / increments
  $gear.on('click', function(){ $settings.toggle(); });
  $settings.on('input', '.clipon-inc', function(){
    state.step    = parseFloat($incStep.val()) || state.step;
    state.zoomInc = parseFloat($incZoom.val()) || state.zoomInc;
    state.sxInc   = parseFloat($incSX.val())   || state.sxInc;
    state.syInc   = parseFloat($incSY.val())   || state.syInc;
    state.rotInc  = parseFloat($incRot.val())  || state.rotInc;
  });

	// Frame/Clip-On tabs
  const $frameTabBtn = $panels.cal.find('.frametab');
  const $cliponTabBtn = $panels.cal.find('.clipontab');
  const $frameFieldsBlock = $panels.cal.find('.frame-fields-block');
  const $cliponFieldsBlock = $panels.cal.find('.clipon-fields-block');
  
  $frameTabBtn.on('click', function() {
    $frameTabBtn.addClass('is-active');
    $cliponTabBtn.removeClass('is-active');
    $frameFieldsBlock.show();
    $cliponFieldsBlock.hide();
  });
  
  $cliponTabBtn.on('click', function() {
    $cliponTabBtn.addClass('is-active');
    $frameTabBtn.removeClass('is-active');
    $cliponFieldsBlock.show();
    $frameFieldsBlock.hide();
  });
	
  // Calibration mode switch
  $calibrationSwitch.on('click', function() {
    const wasOn = $(this).hasClass('is-on');
    $(this).toggleClass('is-on');
    calibrationMode = wasOn ? 'fine' : 'coarse';
  });

  // D-pad
  $('#panel-cal .dpad [data-act]').on('click', function(){
    const a = $(this).data('act');
    const inc = getIncrements();
    if (a==='up') state.ty -= inc.step;
    else if (a==='down') state.ty += inc.step;
    else if (a==='left') state.tx -= inc.step;
    else if (a==='right') state.tx += inc.step;
    else if (a==='center') { state.tx=0; state.ty=0; }
    applyTransform();
    if ((activeSize||'')===baseSizeOnUpload && imageUploaded) baseCalibrated = !isDefaultTransform();
    maybeEnableTrace();
  });

  // Strips
  $('#panel-cal .strip').on('click', 'button', function(){
    const $strip = $(this).closest('.strip');
    const plus = $(this).hasClass('plus');
    const kind = $strip.data('strip');
    const inc = getIncrements();
    if (kind==='zoom')   state.scale = clamp(state.scale + (plus? inc.zoom : -inc.zoom), 0.05, 50);
    if (kind==='scaleX') state.sx    = clamp(state.sx    + (plus? inc.sx   : -inc.sx),   0.05, 50);
    if (kind==='scaleY') state.sy    = clamp(state.sy    + (plus? inc.sy   : -inc.sy),   0.05, 50);
    if (kind==='rotate') {
      const v = plus ? state.rot + inc.rot : state.rot - inc.rot;
      state.rot = ((v + 180) % 360 + 360) % 360 - 180;
    }
    applyTransform();
    if ((activeSize||'')===baseSizeOnUpload && imageUploaded) baseCalibrated = !isDefaultTransform();
    maybeEnableTrace();
  });

  // ---------- Guides ----------
  function mmToPx(mm){ const dpi = getDpi(); return (mm||0) * (dpi/25.4); }
  function getDpi(){ const v = parseFloat($frame.DPI.val()); return (isFinite(v)&&v>0)? v : 350; }
  function anyGuideValues(){ return ['A','B','Br','H'].some(k => parseFloat($frame[k].val())>0); }
  function updateGuides(){
    if (!$wrap.is(':visible')) return;
    const show = $tabCal.hasClass('is-active') && anyGuideValues();
    $guides.toggle(show); if (!show) return;

    const a  = parseFloat($frame.A.val()) || 0;
    const b  = parseFloat($frame.B.val()) || 0;
    const br = parseFloat($frame.Br.val())|| 0;
    const h  = parseFloat($frame.H.val()) || 0;
    const mat= ($frame.Mat.val()||'plastic').toLowerCase();
    const col= $frame.Col.val() || '#008000';
    $guides.find('.g').css('background', col);

    const H = $box.innerHeight();
    const centerY = H/2;

    const spacing12 = (mat==='plastic') ? 1.9 : (mat==='metal' ? 1.2 : 1);
    const aOffset   = (mat==='plastic') ? 0.8 : (mat==='metal' ? 0.4 : 0);

    const v1 = br ? mmToPx(br/2) : null;
    const v2 = (v1!=null) ? v1 + mmToPx(spacing12) : null;
    const v3 = (v2!=null && a) ? v2 + mmToPx(Math.max(a - aOffset, 0)) : null;

    placeV($v1, v1); placeV($v2, v2); placeV($v3, v3);

    const bOff = b ? mmToPx(b/2) : null;
    const hOff = h ? mmToPx(h/2) : null;

    placeH($h1, b ? centerY - bOff : null);
    placeH($h2, b ? centerY + bOff : null);
    placeH($h3, h ? centerY - hOff : null);
    placeH($h4, h ? centerY + hOff : null);
  }
  function placeV($el, rightPx){ if(!$el.length){return;} if(rightPx==null){$el.hide();return;} $el.show().css({right: Math.round(rightPx)+'px', left:'auto', top:0, height:'100%'}); }
  function placeH($el, topPx){ if(!$el.length){return;} if(topPx==null){$el.hide();return;} $el.show().css({top: Math.round(topPx)+'px', left:0, width:'100%'}); }

  // Snap to the right-most vertical guideline (v1)
  function v1X(){
    const wrapEl = $wrap[0];
    if (!wrapEl) return 0;

    // Prefer actual DOM position if v1 is visible
    if ($v1.length && $v1[0].offsetParent) {
      const wrapRect = wrapEl.getBoundingClientRect();
      const v1Rect   = $v1[0].getBoundingClientRect();
      return Math.max(0, v1Rect.left - wrapRect.left);
    }

    // Fallback: compute from Bridge (br/2) if guides are hidden
    const W   = wrapEl.getBoundingClientRect().width;
    const br  = parseFloat($frame.Br.val()) || 0;
    if (!(br > 0)) return W; // no bridge -> far right
    const xFromRight = mmToPx(br / 2);
    return Math.max(0, W - xFromRight);
  }

  $panels.cal.on('input change', '.clipon-eye-a, .clipon-eye-b, .clipon-bridge, .clipon-height, .clipon-material, .clipon-dpi, .clipon-color', updateGuides);

  // ---------- Tabs (Calibrate / Trace) ----------
function captureTransformedImage(forceOverwrite) {
  const currentSize = activeSize || 'base';
  const $sizeImagesInput = $hidden.find('input[name="_clipon_size_images"]');
  const sizeImages = readJSON($sizeImagesInput.val(), {});
  
  // Check if image already exists and we're not forcing overwrite
  if (sizeImages[currentSize] && !forceOverwrite && !isDefaultTransform()) {
    console.log('Image already exists for', currentSize, '- skipping bake');
    activateTab('trace');
    return;
  }
  
  if (isDefaultTransform() && sizeImages[currentSize]) {
    activateTab('trace');
    return;
  }
  
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');
  const img = new Image();
  
  img.onload = function() {
    canvas.width = $wrap.width();
    canvas.height = $wrap.height();
    
    // Fill with white background for JPEG
    ctx.fillStyle = '#FFFFFF';
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    
    ctx.save();
    ctx.translate(canvas.width/2, canvas.height/2);
    ctx.translate(state.tx, state.ty);
    ctx.rotate(state.rot * Math.PI / 180);
    ctx.scale(state.sx * state.scale, state.sy * state.scale);
    ctx.translate(-img.width/2, -img.height/2);
    ctx.drawImage(img, 0, 0);
    ctx.restore();
    
    canvas.toBlob(function(blob) {
      if (!blob) return;
      
      const reader = new FileReader();
      reader.onloadend = function() {
        const base64data = reader.result;
        
        $.ajax({
          url: CLIPON_VARS.ajaxUrl,
          type: 'POST',
          data: {
            action: 'clipon_upload_size_image',
            nonce: CLIPON_VARS.uploadNonce,
            post_id: CLIPON_VARS.postId,
            size: currentSize,
            image_data: base64data
          },
          success: function(response) {
            if (response.success && response.data && response.data.url) {
              sizeImages[currentSize] = response.data.url;
              $sizeImagesInput.val(JSON.stringify(sizeImages));
              
              $img.attr('src', response.data.url);
              $hid.url.val(response.data.url);
              $hid.id.val(response.data.attachment_id);
              console.log('✓ Baked image for size:', currentSize, '→', response.data.url);
				
              
              // Save current transform before resetting
              const savedTransform = {
                tx: state.tx,
                ty: state.ty,
                rot: state.rot,
                scale: state.scale,
                sx: state.sx,
                sy: state.sy
              };
              
              // Reset transforms
              resetTransform();
              applyTransform();
              
              // Transform path coordinates using the saved transform
              const key = currentSize || '_single';
              const ts = traceBySize.get(key);
              if (ts && ts.points && ts.points.length > 0) {
                transformPathCoordinates(ts, savedTransform);
                persistAll();
              }
              
              activateTab('trace');
            }
          },
          error: function() {
            console.error('Failed to upload transformed image');
          }
        });
      };
      reader.readAsDataURL(blob);
    }, 'image/jpeg', 0.85);
  };
  
  img.src = $hid.url.val();
}
function activateTab(key){
  // If entering Trace mode from Calibrate with transforms, bake image first
if ($tabCal.hasClass('is-active') && key === 'trace') {
  const hasTransforms = !isDefaultTransform();
  
  // If transforms exist, always bake and transform coordinates
  if (hasTransforms) {
    const $sizeImagesInput = $hidden.find('input[name="_clipon_size_images"]');
    const sizeImages = readJSON($sizeImagesInput.val(), {});
    const currentSize = activeSize || 'base';
    const imageExists = !!sizeImages[currentSize];
    captureTransformedImage(imageExists); // forceOverwrite if image exists
    return;
  }
}
  
  $tabs.removeClass('is-active');
  $tabs.filter('[data-panel="'+key+'"]').addClass('is-active');
  Object.keys($panels).forEach(k => $panels[k].toggleClass('is-active', k===key));
  
  if (key==='cal') { 
    $guides.toggle(anyGuideValues()); 
    $svg.css('pointer-events','none');
    syncPathWithImage();
    showIdleView();
  }
else if (key==='trace') {
  $guides.hide(); 
  $svg.css('pointer-events','auto');
  $svg.css('transform', 'none');
  
  const ts = traceBySize.get(activeSize||'_single');
  if (!ts) {
    beginPlacingTrace(activeSize||'_single');
  } else {
    // Path already exists - just show it with edit controls, don't redraw
    $svg.css('display', 'block');
    updateTraceVisibility();
  }
}
  else {
    $guides.hide(); 
    $svg.css('pointer-events','auto');
    showIdleView();
  }
}
  $tabs.on('click', function () { if (!$(this).is('[disabled]')) activateTab($(this).data('panel')); });
  if ($editBtn.length)  $editBtn.on('click',  ()=>activateTab('cal'));
  if ($traceBtn.length) $traceBtn.on('click', ()=>{ if (!$traceBtn.is('[disabled]')) activateTab('trace'); });

  // ---------- Size tabs ----------
  $sizeTabs.on('click', function(){
    const $t = $(this);
    if ($t.hasClass('is-active')) return;
    
    // Auto-generate paths for all sizes before switching (if current size has a completed path)
    const currentKey = (activeSize || '_single');
    const currentTs = traceBySize.get(currentKey);
    if (currentTs && currentTs.points && currentTs.points.length >= 4 && $sizeTabs.length > 1) {
      // Check if we haven't already generated for all sizes
      let needsGeneration = false;
      $sizeTabs.each(function() {
        const sz = $(this).data('size');
        if (sz !== activeSize && !traceBySize.has(sz)) {
          needsGeneration = true;
          return false; // break
        }
      });
      
      if (needsGeneration) {
        generatePathsForAllSizes(currentKey);
      }
    }
    
    // Generate scaled images for other sizes if current size has a baked image
    const $sizeImagesInput = $hidden.find('input[name="_clipon_size_images"]');
    const sizeImages = readJSON($sizeImagesInput.val(), {});
    const currentSize = activeSize || 'base';
    if (sizeImages[currentSize]) {
      generateScaledImagesForOtherSizes();
    }
    
    // Only persist if there's an image uploaded (avoid JSON parse errors on empty data)
    if (imageUploaded) {
      persistAll();
    }
    
    $sizeTabs.removeClass('is-active').attr('aria-selected','false');
    $t.addClass('is-active').attr('aria-selected','true');
    const next = $t.data('size');
    $hid.activeSz.val(next);
    activeSize = next;
    loadSize(next);
  });

function generateScaledImagesForOtherSizes() {
  const $sizeImagesInput = $hidden.find('input[name="_clipon_size_images"]');
  const sizeImages = readJSON($sizeImagesInput.val(), {});
  const currentSize = activeSize || 'base';
  
  // Get all size tabs
  const $sizeTabs = $root.find('.clipon-size-tab');
  const sizes = [];
  $sizeTabs.each(function() {
    const sz = $(this).data('size');
    if (sz && sz !== currentSize && !sizeImages[sz]) {
      sizes.push(sz);
    }
  });
  
  if (sizes.length === 0) {
    console.log('All size images already exist');
    return;
  }
  
  // Get current size A value
  const currentAB = parseAB(currentSize);
  const currentA = currentAB.a || baseAOnUpload || parseFloat($frame.A.val()) || 0;
  
  if (currentA <= 0) {
    console.log('Cannot generate sized images: current A value is 0');
    return;
  }
  
  const currentImageUrl = sizeImages[currentSize] || $hid.url.val();
  if (!currentImageUrl) {
    console.log('No source image to generate from');
    return;
  }
  
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');
  const img = new Image();
  
  img.onload = function() {
    canvas.width = $wrap.width();
    canvas.height = $wrap.height();
    
    // Fill with white background for JPEG
    ctx.fillStyle = '#FFFFFF';
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
    
    const uploadPromises = [];
    
    sizes.forEach(function(sizeLabel) {
      const targetAB = parseAB(sizeLabel);
      const targetA = targetAB.a;
      if (!targetA || targetA <= 0) return;
      
      const scaleFactor = targetA / currentA;
      
      const scaledCanvas = document.createElement('canvas');
      const scaledCtx = scaledCanvas.getContext('2d');
      scaledCanvas.width = canvas.width;
      scaledCanvas.height = canvas.height;
      
      // Fill with white background for JPEG
      scaledCtx.fillStyle = '#FFFFFF';
      scaledCtx.fillRect(0, 0, scaledCanvas.width, scaledCanvas.height);
      
      scaledCtx.save();
      scaledCtx.translate(canvas.width / 2, canvas.height / 2);
      scaledCtx.scale(scaleFactor, scaleFactor);
      scaledCtx.translate(-canvas.width / 2, -canvas.height / 2);
      scaledCtx.drawImage(canvas, 0, 0);
      scaledCtx.restore();
      
      scaledCanvas.toBlob(function(blob) {
        const reader = new FileReader();
        reader.onloadend = function() {
          uploadPromises.push(
            uploadImageToMediaLibrary(sizeLabel, reader.result).then(function(result) {
              if (result.success && result.data && result.data.url) {
                sizeImages[sizeLabel] = result.data.url;
                console.log('✓ Generated image for size:', sizeLabel, '→', result.data.url);
              }
            }).catch(function(err) {
              console.error('Failed to upload image for size:', sizeLabel, err);
            })
          );
        };
        reader.readAsDataURL(blob);
      }, 'image/jpeg', 0.85);
    });
    
    Promise.all(uploadPromises).then(function() {
      $sizeImagesInput.val(JSON.stringify(sizeImages));
      console.log('✓ All size images generated');
    });
  };
  
  img.src = currentImageUrl;
}

function uploadImageToMediaLibrary(size, imageData) {
  return new Promise(function(resolve, reject) {
    $.ajax({
      url: CLIPON_VARS.ajaxUrl,
      type: 'POST',
      data: {
        action: 'clipon_upload_size_image',
        nonce: CLIPON_VARS.uploadNonce,
        post_id: CLIPON_VARS.postId,
        size: size,
        image_data: imageData
      },
      success: function(response) {
        resolve(response);
      },
      error: function(xhr, status, error) {
        reject(error);
      }
    });
  });
}

function parseAB(lbl){
  // Handle the specific square symbol ▢ used in your size labels
  const m = String(lbl||'').match(/(\d+(?:\.\d+)?)\s*▢\s*(\d+(?:\.\d+)?)/u);
  return m ? { a:+m[1], bridge:+m[2] } : {a:0, bridge:0};
}

  const sizeMap = (function(){
    try { return JSON.parse($hid.sizesMap.val() || '{}') || {}; }
    catch(_){ return {}; }
  })();

  function persistAll(){
    persistTransform(); persistFrame(); persistTrace(); persistDrill(); persistAttributes();
    const key = (activeSize||'_single');
    
    // Safely parse JSON, use defaults if parsing fails
    try {
      sizeMap[key] = {
        transform: JSON.parse($hid.transform.val() || '{}') || {},
        frame:     JSON.parse($hid.frame.val() || '{}') || {},
        path:      $hid.path.val() || '',
        points:    JSON.parse($hid.points.val() || '[]') || [],
        handles:   JSON.parse($hid.handles.val() || '[]') || [],
        drill:     JSON.parse($hid.drill.val() || '{}') || {},
        attributes: readAttributes()
      };
      $hid.sizesMap.val(JSON.stringify(sizeMap));
    } catch(e) {
      console.warn('Error persisting data:', e);
    }
  }
  
function readAttributes() {
  const attrs = {};
  
  // Read all position fields (both selects and static values)
  $('.clipon-position-field').each(function() {
    const $field = $(this);
    const pos = $field.data('position');
    if (!pos) return;
    
    // Try to read from select dropdown first
    const $select = $field.find('.clipon-position-select');
    if ($select.length) {
      const val = $select.val();
      if (val) attrs[pos] = val;
    } else {
      // If no select, read from static value div
      const $valueDiv = $field.find('.clipon-position-value');
      if ($valueDiv.length) {
        const val = $valueDiv.text().trim();
        if (val && val !== '—') attrs[pos] = val;
      }
    }
  });
  
  // Read magnetic bridge (select or static)
  const $bridgeField = $('.clipon-bridge-field');
  const $bridgeSelect = $bridgeField.find('.clipon-bridge-select');
  if ($bridgeSelect.length) {
    const val = $bridgeSelect.val();
    if (val) attrs['magnetic-bridge'] = val;
  } else {
    const $bridgeValue = $bridgeField.find('.clipon-position-value');
    if ($bridgeValue.length) {
      const val = $bridgeValue.text().trim();
      if (val && val !== '—') attrs['magnetic-bridge'] = val;
    }
  }
  
  return attrs;
}
  
  function applyAttributes(attrs) {
    if (!attrs) return;
    $('.clipon-position-select').each(function() {
      const pos = $(this).data('position');
      if (attrs[pos]) $(this).val(attrs[pos]);
    });
    if (attrs['magnetic-bridge']) {
      $('.clipon-bridge-select').val(attrs['magnetic-bridge']);
    }
  }
  
  function persistAttributes() {
    // Attributes are saved in persistAll -> sizeMap
  }

  // ---- controls format helpers (convert old -> per-anchor {hin,hout}) ----
  function normalizeControls(handles, points){
    if (!handles) return null;
    const n = (points||[]).length;
    if (!n) return null;

    // already per-anchor?
    if (Array.isArray(handles) && handles.length && handles[0] && (handles[0].hin && handles[0].hout)) return handles;

    // legacy: [{cp1,cp2}] meaning cp1 is outgoing from P_i, cp2 is incoming to P_(i+1)
    if (Array.isArray(handles) && handles[0] && handles[0].cp1 && handles[0].cp2) {
      return points.map((_, i) => ({
        hin:  { x:+handles[(i-1+n)%n].cp2.x, y:+handles[(i-1+n)%n].cp2.y },
        hout: { x:+handles[i].cp1.x,         y:+handles[i].cp1.y }
      }));
    }

    // earlier segment form {c1Seg, c2Seg}
    if (handles.c1Seg && handles.c2Seg) {
      return points.map((_, i) => ({
        hin:  { x:+handles.c2Seg[(i-1+n)%n].x, y:+handles.c2Seg[(i-1+n)%n].y },
        hout: { x:+handles.c1Seg[i].x,         y:+handles.c1Seg[i].y }
      }));
    }
    return null;
  }

  // Build per-anchor handles from Catmull-Rom (natural cubic)
  function catmullHandles(points, tension = 1/6){
    const n = points.length;
    const c1Seg = new Array(n), c2Seg = new Array(n);
    for (let i=0;i<n;i++){
      const p0 = points[(i-1+n)%n], p1 = points[i], p2 = points[(i+1)%n], p3 = points[(i+2)%n];
      c1Seg[i] = { x: p1.x + (p2.x - p0.x)*tension, y: p1.y + (p2.y - p0.y)*tension };
      c2Seg[i] = { x: p2.x - (p3.x - p1.x)*tension, y: p2.y - (p3.y - p1.y)*tension };
    }
    const per = new Array(n);
    for (let i=0;i<n;i++){
      per[i] = {
        hin:  { x:c2Seg[(i-1+n)%n].x, y:c2Seg[(i-1+n)%n].y },
        hout: { x:c1Seg[i].x,         y:c1Seg[i].y }
      };
    }
    return per;
  }

  function buildPathD(points, handles){
    if (!points || points.length<3 || !handles || !handles.length) return '';
    const n = points.length;
    let d = `M ${points[0].x},${points[0].y}`;
    for (let i=0;i<n;i++){
      const next = points[(i+1)%n];
      const c1 = handles[i].hout;          // outgoing from current
      const c2 = handles[(i+1)%n].hin;     // incoming to next
      d += ` C ${c1.x},${c1.y} ${c2.x},${c2.y} ${next.x},${next.y}`;
    }
    return d + ' Z';
  }

  function drawTrace(sizeKey){
    const ts = traceBySize.get(sizeKey); if (!ts) return;
    svgClear($gDrills); svgHide($gDrills);
    svgClear($gAnch);   svgHide($gAnch);
    svgClear($gCtrl);   svgHide($gCtrl);
    svgClear($gLines);  svgHide($gLines);
    $path.attr('d','');

    if (ts.mode==='placing'){
      if (ts.points.length){
        let d = '';
        ts.points.forEach((p, idx)=>{ d += (idx===0 ? `M ${p.x},${p.y}` : ` L ${p.x},${p.y}`); });
        $path.attr('d', d);
      }
      showMaskForPlaced(sizeKey);
      persistTrace();
      $svg.css({ display:'block', pointerEvents:'auto' });
      return;
    }

    // edit
    $path.attr('d', buildPathD(ts.points, ts.handles));

    const n = ts.points.length;
    for (let i=0;i<n;i++){
      const p = ts.points[i], hin = ts.handles[i].hin, hout = ts.handles[i].hout;

      // control lines
      svgAppend($gLines, svgEl('line', { x1:p.x, y1:p.y, x2:hin.x,  y2:hin.y,  class:'handle-line', 'vector-effect':'non-scaling-stroke' }));
      svgAppend($gLines, svgEl('line', { x1:p.x, y1:p.y, x2:hout.x, y2:hout.y, class:'handle-line', 'vector-effect':'non-scaling-stroke' }));

      // handles
      svgAppend($gCtrl, svgEl('circle', { cx:hin.x,  cy:hin.y,  r:5, class:'cp', 'data-index':i, 'data-kind':'hin',  'vector-effect':'non-scaling-stroke' }));
      svgAppend($gCtrl, svgEl('circle', { cx:hout.x, cy:hout.y, r:5, class:'cp', 'data-index':i, 'data-kind':'hout', 'vector-effect':'non-scaling-stroke' }));

      // Create larger invisible hitbox for easier clicking
      svgAppend($gAnch, svgEl('circle', { 
        cx:p.x, 
        cy:p.y, 
        r:15, 
        class:'anchor anchor-hitbox', 
        'data-index':i, 
        'vector-effect':'non-scaling-stroke',
        style: 'fill:transparent;stroke:none;cursor:grab;'
      }));
      
      // Create visible anchor circle
      svgAppend($gAnch, svgEl('circle', { 
        cx:p.x, 
        cy:p.y, 
        r:6, 
        class:'anchor', 
        'data-index':i, 
        'vector-effect':'non-scaling-stroke',
        style: 'pointer-events:none;'
      }));
    }

    $svg.css({ display:'block', pointerEvents:'auto' });
    svgShow($gAnch); svgShow($gCtrl); svgShow($gLines);
    enableDragging(sizeKey);
    persistTrace();

    // refresh drills if visible/needed
    if (drillsVisible(ts)) { drawDrills(); }
    updateTraceVisibility();
  }

  const QUADS = ['br','bl','tl','tr'];

  function beginPlacingTrace(sizeKey){
    traceBySize.set(sizeKey, { 
      mode:'placing', 
      points:[], 
      handles:null, 
      drillOpen:false, 
      magMode:'spring', 
      springBackup:null,
      drillData: {
        mode: 'spring',
        leftTopX: 20,
        leftBottomX: 20,
        bridge: 10,
        factorSpring: 44,
        factorMag: 2.25
      }
    });
    $path.attr('d',''); showMaskForPlaced(sizeKey); $traceMsg.show(); $download.hide();
    $svg.css({ display:'block', pointerEvents:'auto' });
  }

  function showMaskForPlaced(sizeKey){
    const ts = traceBySize.get(sizeKey);
    $mask.show().find('.quad').removeClass('revealed');
    const placed = (ts && ts.points) ? ts.points.length : 0;
    for (let i=0;i<placed;i++) $mask.find('.'+QUADS[i]).addClass('revealed');
    const next = QUADS[placed]; if (next) $mask.find('.'+next).addClass('revealed');
  }
  function hideMask(){ $mask.hide().find('.quad').removeClass('revealed'); }

  function pointerXY(e){
    const r = $wrap[0].getBoundingClientRect();
    return { x: clamp(e.clientX - r.left, 0, r.width), y: clamp(e.clientY - r.top, 0, r.height) };
  }
  function whichQuarter(clientX, clientY){
    const r = $wrap[0].getBoundingClientRect();
    const midX = r.left + r.width/2, midY = r.top + r.height/2;
    if (clientX>=midX && clientY>=midY) return 'br';
    if (clientX< midX && clientY>=midY) return 'bl';
    if (clientX< midX && clientY< midY) return 'tl';
    return 'tr';
  }

  // place points only in revealed quarter
  $wrap.on('click', function(e){
    if (!$tabTrace.hasClass('is-active')) return;
    const key = (activeSize||'_single');
    let ts = traceBySize.get(key);
    if (!ts || ts.mode!=='placing') return;

    const want = QUADS[ts.points.length];
    const q = whichQuarter(e.clientX, e.clientY);
    if (q !== want) return;

    const pt = pointerXY(e);
    ts.points.push(pt);
    drawTrace(key); persistTrace();

    if (ts.points.length>=4) {
      ts.mode='edit';
      ts.handles = catmullHandles(ts.points);
      hideMask(); $traceMsg.hide();
      drawTrace(key); persistTrace();
      $download.show();
    }
  });

  // Generate scaled paths and images for all sizes based on the base size
  function generatePathsForAllSizes(baseSizeKey) {
    const baseTs = traceBySize.get(baseSizeKey);
    if (!baseTs || !baseTs.points || baseTs.points.length < 4) return;
    
    // Get base size A value
    const baseLabel = baseSizeKey === '_single' ? activeSize : baseSizeKey;
    const baseAB = parseAB(baseLabel);
    const baseA = baseAB.a || baseAOnUpload || parseFloat($frame.A.val()) || 0;
    
    if (baseA <= 0) return;
    
    const centerX = $wrap.width() / 2;
    const centerY = $wrap.height() / 2;
    
    // Get base data from sizeMap
    const baseData = sizeMap[baseSizeKey] || {
      transform: { tx: state.tx, ty: state.ty, scale: state.scale, sx: state.sx, sy: state.sy, rot: state.rot },
      frame: {
        a: parseFloat($frame.A.val()) || 0,
        b: parseFloat($frame.B.val()) || 0,
        bridge: parseFloat($frame.Br.val()) || 0,
        h: parseFloat($frame.H.val()) || 0,
        material: $frame.Mat.val() || 'plastic',
        dpi: getDpi(),
        color: $frame.Col.val() || '#008000'
      },
      points: baseTs.points,
      handles: baseTs.handles,
      drill: baseTs.drillData || {},
		  attributes: readAttributes()

    };
    
    // Loop through all size tabs
    $sizeTabs.each(function() {
      const targetLabel = $(this).data('size');
      if (targetLabel === baseLabel) return; // Skip the base size itself
      
      // Get target A value from size label
      const targetAB = parseAB(targetLabel);
      const targetA = targetAB.a || 0;
      
      if (targetA <= 0) return;
      
      // Calculate scale factor (works for both larger AND smaller sizes)
      const k = targetA / baseA;
      
      // Scale transform
      const scaledTransform = Object.assign({}, baseData.transform || {});
      scaledTransform.scale = +((scaledTransform.scale || 1) * k).toFixed(6);
      
      // Scale points
      const scaledPoints = baseTs.points.map(p => ({
        x: centerX + (p.x - centerX) * k,
        y: centerY + (p.y - centerY) * k
      }));
      
      // Scale handles
      const scaledHandles = baseTs.handles.map(h => ({
        hin: {
          x: centerX + (h.hin.x - centerX) * k,
          y: centerY + (h.hin.y - centerY) * k
        },
        hout: {
          x: centerX + (h.hout.x - centerX) * k,
          y: centerY + (h.hout.y - centerY) * k
        }
      }));
      
      // Generate scaled path
      const scaledPath = buildPathD(scaledPoints, scaledHandles);
      
      // Create frame data for this size
      const scaledFrame = Object.assign({}, baseData.frame || {}, {
        a: targetA,
        bridge: targetAB.bridge
      });
      
      // Store in sizeMap
      sizeMap[targetLabel] = {
        transform: scaledTransform,
        frame: scaledFrame,
        path: scaledPath,
        points: scaledPoints,
        handles: scaledHandles,
        drill: baseData.drill || {},
        attributes: baseData.attributes || {}
      };
      
      // Also create in traceBySize for immediate use
      traceBySize.set(targetLabel, {
        mode: 'edit',
        points: scaledPoints,
        handles: scaledHandles,
        drillOpen: baseTs.drillOpen || false,
        magMode: baseTs.magMode || 'spring',
        springBackup: null,
        drillData: baseTs.drillData || {
          mode: 'spring',
          leftTopX: 20,
          leftBottomX: 20,
          bridge: 10,
          factorSpring: 44,
          factorMag: 2.25
        }
      });
    });
    
    // Persist the updated sizeMap
    $hid.sizesMap.val(JSON.stringify(sizeMap));
    
    console.log('✓ Generated scaled paths for all sizes based on:', baseLabel);
    
    // Now generate and upload scaled images for all sizes
    generateAndUploadSizeImages(baseSizeKey);
  }

  // Generate scaled images for all sizes and upload to media library
  function generateAndUploadSizeImages(baseSizeKey) {
    console.log('Generating scaled images for all sizes...');
    
    const $sizeImagesInput = $hidden.find('input[name="_clipon_size_images"]');
    const existingSizeImages = readJSON($sizeImagesInput.val(), {});
    const sizeImages = Object.assign({}, existingSizeImages);
    
    // Get all size buttons
    const $sizeTabs = $root.find('.clipon-size-tab');
    const sizes = [];
    $sizeTabs.each(function() {
      sizes.push($(this).data('size'));
    });
    
    if (sizes.length === 0) return;
    
    // Get base size dimensions
    const baseLabel = baseSizeKey === '_single' ? activeSize : baseSizeKey;
    const baseAB = parseAB(baseLabel);
    const baseA = baseAB.a || baseAOnUpload || parseFloat($frame.A.val()) || 0;
    
    if (baseA <= 0) {
      console.log('Cannot generate sized images: base A value is 0');
      return;
    }
    
    // Get current transformed/calibrated image
    const currentImg = $img[0];
    if (!currentImg || !currentImg.src || currentImg.src.includes('data:image')) {
      console.log('Using current displayed image for size generation');
    }
    
    // Create a canvas with the current view
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    
    // Set canvas size to match wrapper
    const wrapWidth = $wrap.width();
    const wrapHeight = $wrap.height();
    canvas.width = wrapWidth;
    canvas.height = wrapHeight;
    
    // Fill with white background for JPEG
    ctx.fillStyle = '#FFFFFF';
    ctx.fillRect(0, 0, wrapWidth, wrapHeight);
    
    // Draw the current state (image with transformations)
    const t = readTransform();
    ctx.save();
    ctx.translate(wrapWidth / 2, wrapHeight / 2);
    ctx.rotate((t.rotation || 0) * Math.PI / 180);
    ctx.scale(t.scaleX || 1, t.scaleY || 1);
    ctx.scale(t.scale || 1, t.scale || 1);
    ctx.translate(t.tx || 0, t.ty || 0);
    ctx.translate(-wrapWidth / 2, -wrapHeight / 2);
    ctx.drawImage(currentImg, 0, 0, wrapWidth, wrapHeight);
    ctx.restore();
    
    // Now create scaled versions for each size
    const uploadPromises = [];
    
    sizes.forEach(sizeLabel => {
      const targetAB = parseAB(sizeLabel);
      const targetA = targetAB.a;
      
      if (!targetA || targetA <= 0) return;
      
      // Calculate scale factor
      const scaleFactor = targetA / baseA;
      
      // Create scaled canvas
      const scaledCanvas = document.createElement('canvas');
      const scaledCtx = scaledCanvas.getContext('2d');
      scaledCanvas.width = wrapWidth;
      scaledCanvas.height = wrapHeight;
      
      // Fill with white background for JPEG
      scaledCtx.fillStyle = '#FFFFFF';
      scaledCtx.fillRect(0, 0, wrapWidth, wrapHeight);
      
      // Draw scaled image
      scaledCtx.save();
      scaledCtx.translate(wrapWidth / 2, wrapHeight / 2);
      scaledCtx.scale(scaleFactor, scaleFactor);
      scaledCtx.translate(-wrapWidth / 2, -wrapHeight / 2);
      scaledCtx.drawImage(canvas, 0, 0);
      scaledCtx.restore();
      
      // Convert to blob and upload
      scaledCanvas.toBlob(function(blob) {
        if (!blob) return;
        
        // Convert blob to base64
        const reader = new FileReader();
        reader.onloadend = function() {
          const base64data = reader.result;
          
          // Upload to media library
          uploadPromises.push(
            uploadImageToMediaLibrary(sizeLabel, base64data).then(function(result) {
              if (result.success && result.data && result.data.url) {
                sizeImages[sizeLabel] = result.data.url;
                console.log('✓ Uploaded image for size:', sizeLabel, '→', result.data.url);
              }
            }).catch(function(err) {
              console.error('Failed to upload image for size:', sizeLabel, err);
            })
          );
        };
        reader.readAsDataURL(blob);
      }, 'image/jpeg', 0.85);
    });
    
    // Wait for all uploads to complete and save
    Promise.all(uploadPromises).then(function() {
      $sizeImagesInput.val(JSON.stringify(sizeImages));
      console.log('✓ All size images uploaded and saved');
    });
  }

  // Upload image to WordPress media library via AJAX
  function uploadImageToMediaLibrary(size, imageData) {
    return new Promise(function(resolve, reject) {
      $.ajax({
        url: CLIPON_VARS.ajaxUrl,
        type: 'POST',
        data: {
          action: 'clipon_upload_size_image',
          nonce: CLIPON_VARS.uploadNonce,
          post_id: CLIPON_VARS.postId,
          size: size,
          image_data: imageData
        },
        success: function(response) {
          resolve(response);
        },
        error: function(xhr, status, error) {
          reject(error);
        }
      });
    });
  }


  function enableDragging(sizeKey){
    const ts = traceBySize.get(sizeKey); if (!ts) return;
    let drag = null;
    let lastClickTime = 0;
    let lastClickIndex = null;

    // Start drag (or detect double-click)
    $svg.off('.dragAnch').on('pointerdown.dragAnch', '.anchor, .cp', function (e) {
      const idx  = +this.getAttribute('data-index');
      const kind = this.classList.contains('anchor') ? 'anchor' : this.getAttribute('data-kind'); // 'hin'|'hout'
      
      // Double-click detection for anchor points
      if (kind === 'anchor') {
        const now = Date.now();
        const timeSinceLastClick = now - lastClickTime;
        
        // If same anchor clicked within 300ms, it's a double-click
        if (idx === lastClickIndex && timeSinceLastClick < 300) {
          e.preventDefault();
          e.stopPropagation();
          
          // Don't allow removing the first 4 points
          if (idx >= 4) {
            removePointFromPath(idx, sizeKey);
          }
          
          // Reset click tracking
          lastClickTime = 0;
          lastClickIndex = null;
          return;
        }
        
        // Track this click
        lastClickTime = now;
        lastClickIndex = idx;
      }
      
      // Normal drag behavior
      drag = { kind, idx };
      e.preventDefault();
    });

    // Dragging
    $(window).off('.dragAnch').on('pointermove.dragAnch', function (e) {
      if (!drag) return;

      const i  = drag.idx;
      const pt = pointerXY(e);

      if (drag.kind === 'anchor') {
        let newX = pt.x;
        let newY = pt.y;

        // TR in Magnetic: X locked to v1X(), Y free
        var trIdx = findTRIndex(ts);
        if (ts.magMode === 'magnetic' && i === trIdx) {
          newX = v1X();
        }

        const old = ts.points[i];
        const dx  = newX - old.x;
        const dy  = newY - old.y;

        ts.points[i] = { x: newX, y: newY };
        ts.handles[i].hin  = { x: ts.handles[i].hin.x  + dx, y: ts.handles[i].hin.y  + dy };
        ts.handles[i].hout = { x: ts.handles[i].hout.x + dx, y: ts.handles[i].hout.y + dy };

      } else {
        // dragging a control point
        let x = pt.x, y = pt.y;

        // In Magnetic mode, keep TR outgoing control ('hout') on v1 vertical
        var trIdx = findTRIndex(ts);
        const isTRMagneticHout = (ts.magMode === 'magnetic' && i === trIdx && drag.kind === 'hout');
        const isTRMagnetic = (ts.magMode === 'magnetic' && i === trIdx);
        
        if (isTRMagneticHout) {
          x = v1X();
        }
        
        // Update the dragged handle
        ts.handles[i][drag.kind] = { x, y };
        
        // CONSTRAINT: Keep handles collinear (on the same line through anchor)
        // Exception: Skip for TR point in magnetic mode (both handles should be free)
        if (!isTRMagnetic) {
          const anchor = ts.points[i];
          const oppositeKind = drag.kind === 'hin' ? 'hout' : 'hin';
          const oppositeHandle = ts.handles[i][oppositeKind];
          
          // Calculate vector from anchor to dragged handle
          const dx = x - anchor.x;
          const dy = y - anchor.y;
          const dragDist = Math.sqrt(dx * dx + dy * dy);
          
          // Calculate original distance of opposite handle from anchor
          const oppDx = oppositeHandle.x - anchor.x;
          const oppDy = oppositeHandle.y - anchor.y;
          const oppDist = Math.sqrt(oppDx * oppDx + oppDy * oppDy);
          
          // Mirror the direction: opposite handle stays on same line but opposite side
          if (dragDist > 0) {
            ts.handles[i][oppositeKind] = {
              x: anchor.x - (dx / dragDist) * oppDist,
              y: anchor.y - (dy / dragDist) * oppDist
            };
          }
        }
      }

      // Redraw path + handles
      $path.attr('d', buildPathD(ts.points, ts.handles));

      svgClear($gLines); svgClear($gCtrl); svgClear($gAnch);
      const n = ts.points.length;
      for (let k=0;k<n;k++){
        const p    = ts.points[k];
        const hin  = ts.handles[k].hin;
        const hout = ts.handles[k].hout;

        svgAppend($gLines, svgEl('line',   { x1:p.x, y1:p.y, x2:hin.x,  y2:hin.y,  class:'handle-line', 'vector-effect':'non-scaling-stroke' }));
        svgAppend($gLines, svgEl('line',   { x1:p.x, y1:p.y, x2:hout.x, y2:hout.y, class:'handle-line', 'vector-effect':'non-scaling-stroke' }));
        svgAppend($gCtrl,  svgEl('circle', { cx:hin.x,  cy:hin.y,  r:5, class:'cp', 'data-index':k, 'data-kind':'hin',  'vector-effect':'non-scaling-stroke' }));
        svgAppend($gCtrl,  svgEl('circle', { cx:hout.x, cy:hout.y, r:5, class:'cp', 'data-index':k, 'data-kind':'hout', 'vector-effect':'non-scaling-stroke' }));

        // Create larger invisible hitbox for easier clicking/double-clicking
        svgAppend($gAnch, svgEl('circle', { 
          cx:p.x, 
          cy:p.y, 
          r:15, 
          class:'anchor anchor-hitbox', 
          'data-index':k, 
          'vector-effect':'non-scaling-stroke',
          style: 'fill:transparent;stroke:none;cursor:grab;'
        }));
        
        // Create visible anchor circle
        const anchorAttrs = { cx:p.x, cy:p.y, r:6, class:'anchor', 'data-index':k, 'vector-effect':'non-scaling-stroke', style:'pointer-events:none;' };
        var trIdx = findTRIndex(ts);
        if (ts.magMode === 'magnetic' && k === trIdx) {
          anchorAttrs.style = 'cursor:ns-resize;pointer-events:none;';
        }
        svgAppend($gAnch, svgEl('circle', anchorAttrs));
      }

      persistTrace();
      if (drillsVisible(ts)) { drawDrills(); }

    }).on('pointerup.dragAnch pointercancel.dragAnch', function(){ drag=null; });
  }

  // ---------- Double-Click to Add/Remove Points ----------
  
  // Double-click on path to add point
  $path.on('dblclick', function(e) {
    e.preventDefault();
    e.stopPropagation();
    
    const key = (activeSize || '_single');
    const ts = traceBySize.get(key);
    if (!ts || ts.mode !== 'edit' || !ts.points || ts.points.length < 4) return;
    
    const pt = pointerXY(e);
    addPointToPath(pt.x, pt.y, key);
  });
  
  // Double-click on anchor points to remove (only points after the first 4)
  $svg.on('dblclick', '.anchor', function(e) {
    e.preventDefault();
    e.stopPropagation();
    
    const idx = +$(this).attr('data-index');
    const key = (activeSize || '_single');
    const ts = traceBySize.get(key);
    
    // Don't allow removing the first 4 points
    if (!ts || idx < 4) return;
    
    removePointFromPath(idx, key);
  });
  
  // ---------- Context Menu for Anchor Points ----------
  
  // Create context menu HTML (only once)
  if ($('#clipon-context-menu').length === 0) {
    var menuHtml = '<div id="clipon-context-menu" class="clipon-context-menu" style="display:none;">' +
                   '<button class="clipon-context-btn" id="clipon-remove-point">Remove Point</button>' +
                   '</div>';
    $('body').append(menuHtml);
    console.log('Context menu created');
  }
  
  var $contextMenu = $('#clipon-context-menu');
  var contextMenuIndex = null;
  var contextMenuSizeKey = null;
  
  // Right-click on anchor points to show context menu
  $svg.on('contextmenu', '.anchor', function(e) {
    console.log('Right-click detected on anchor');
    e.preventDefault();
    e.stopPropagation();
    
    var idx = +$(this).attr('data-index');
    console.log('Anchor index:', idx);
    
    // Don't show menu for the first 4 core points
    if (idx < 4) {
      console.log('Skipping - core point');
      return;
    }
    
    contextMenuIndex = idx;
    contextMenuSizeKey = activeSize || '_single';
    
    // Position menu at click location
    console.log('Showing menu at:', e.clientX, e.clientY);
    $contextMenu.css({
      left: e.clientX + 'px',
      top: e.clientY + 'px',
      display: 'block'
    });
  });
  
  // Click on Remove Point button
  $('#clipon-remove-point').on('click', function(e) {
    console.log('Remove clicked');
    e.preventDefault();
    e.stopPropagation();
    
    if (contextMenuIndex !== null && contextMenuSizeKey !== null) {
      removePointFromPath(contextMenuIndex, contextMenuSizeKey);
    }
    
    $contextMenu.hide();
    contextMenuIndex = null;
    contextMenuSizeKey = null;
  });
  
  // Hide context menu when clicking elsewhere
  $(document).on('click', function(e) {
    if (!$(e.target).closest('#clipon-context-menu').length) {
      $contextMenu.hide();
    }
  });
  
  // Also hide when scrolling
  $(window).on('scroll', function() {
    $contextMenu.hide();
  });
  
  function addPointToPath(x, y, sizeKey) {
    const ts = traceBySize.get(sizeKey);
    if (!ts || !ts.points || ts.points.length < 4) return;
    
    // Find the closest point ON the curve (not clicked position)
    const pathEl = document.getElementById('clipon-trace-path');
    const closestInfo = findClosestPointOnCurve(pathEl, x, y);
    
    if (!closestInfo) return;
    
    // Use the exact point on the curve
    const exactPoint = closestInfo.point;
    const insertIdx = closestInfo.segmentIndex + 1;
    
    // Get tangent at this point to calculate handles
    const tangent = tangentUnitAt(pathEl, closestInfo.lengthOnPath);
    
    // Calculate handle length based on neighboring points
    const prevIdx = closestInfo.segmentIndex;
    const nextIdx = (insertIdx) % ts.points.length;
    const prevPoint = ts.points[prevIdx];
    const nextPoint = ts.points[nextIdx];
    
    // Average distance to neighbors
    const distToPrev = Math.hypot(exactPoint.x - prevPoint.x, exactPoint.y - prevPoint.y);
    const distToNext = Math.hypot(exactPoint.x - nextPoint.x, exactPoint.y - nextPoint.y);
    const avgDist = (distToPrev + distToNext) / 2;
    
    // Handle length proportional to distance (typically 1/3 to 1/2)
    const handleLength = avgDist * 0.35;
    
    // Create handles along the tangent
    const newHandles = {
      hin: {
        x: exactPoint.x - tangent.x * handleLength,
        y: exactPoint.y - tangent.y * handleLength
      },
      hout: {
        x: exactPoint.x + tangent.x * handleLength,
        y: exactPoint.y + tangent.y * handleLength
      }
    };
    
    // Insert the new point
    ts.points.splice(insertIdx, 0, exactPoint);
    ts.handles.splice(insertIdx, 0, newHandles);
    
    // Update both spring and magnetic paths if they exist
    if (ts.springPath) {
      ts.springPath.points = JSON.parse(JSON.stringify(ts.points));
      ts.springPath.handles = JSON.parse(JSON.stringify(ts.handles));
    }
    if (ts.magneticPath) {
      ts.magneticPath.points = JSON.parse(JSON.stringify(ts.points));
      ts.magneticPath.handles = JSON.parse(JSON.stringify(ts.handles));
    }
    
    // Redraw
    drawTrace(sizeKey);
  }
  
  function removePointFromPath(index, sizeKey) {
    const ts = traceBySize.get(sizeKey);
    if (!ts || !ts.points || index < 4 || index >= ts.points.length) return;
    
    // Remove the point and its handles
    ts.points.splice(index, 1);
    ts.handles.splice(index, 1);
    
    // Only regenerate handles for neighboring points to minimize curve change
    // Regenerate for the previous point (now at index-1) and next point (now at index, which was index+1)
    const numPoints = ts.points.length;
    if (numPoints >= 4) {
      // Use catmullHandles to regenerate just the affected handles
      const allHandles = catmullHandles(ts.points);
      
      // Update only the affected handles (previous and next points)
      const prevIdx = (index - 1 + numPoints) % numPoints;
      const currIdx = index % numPoints; // This is the point that was after the removed one
      
      ts.handles[prevIdx] = allHandles[prevIdx];
      if (currIdx < ts.handles.length) {
        ts.handles[currIdx] = allHandles[currIdx];
      }
    }
    
    // Update both spring and magnetic paths if they exist
    if (ts.springPath) {
      ts.springPath.points = JSON.parse(JSON.stringify(ts.points));
      ts.springPath.handles = JSON.parse(JSON.stringify(ts.handles));
    }
    if (ts.magneticPath) {
      ts.magneticPath.points = JSON.parse(JSON.stringify(ts.points));
      ts.magneticPath.handles = JSON.parse(JSON.stringify(ts.handles));
    }
    
    // Redraw
    drawTrace(sizeKey);
  }
  
  function findClosestPointOnCurve(pathEl, x, y) {
    if (!pathEl) return null;
    
    const totalLength = pathEl.getTotalLength();
    const samples = 200;
    let minDist = Infinity;
    let bestLength = 0;
    
    // Sample the path to find closest point
    for (let i = 0; i <= samples; i++) {
      const len = (totalLength * i) / samples;
      const pt = pathEl.getPointAtLength(len);
      const dist = Math.hypot(pt.x - x, pt.y - y);
      
      if (dist < minDist) {
        minDist = dist;
        bestLength = len;
      }
    }
    
    // Get the exact point on the curve at this length
    const exactPoint = pathEl.getPointAtLength(bestLength);
    
    // Find which segment this corresponds to
    const ts = traceBySize.get(activeSize || '_single');
    if (!ts || !ts.points) return null;
    
    const numPoints = ts.points.length;
    const segmentIndex = Math.floor((bestLength / totalLength) * numPoints) % numPoints;
    
    return { 
      point: exactPoint,
      lengthOnPath: bestLength,
      segmentIndex: segmentIndex,
      distance: minDist 
    };
  }

  // ---------- Drill maths + drawing ----------
  function tangentUnitAt(pathEl, s){
    const L = pathEl.getTotalLength();
    const h = Math.max(0.5, L/2000);
    const s1 = Math.max(0, s - h);
    const s2 = Math.min(L, s + h);
    const p1 = pathEl.getPointAtLength(s1);
    const p2 = pathEl.getPointAtLength(s2);
    let tx = p2.x - p1.x, ty = p2.y - p1.y;
    const len = Math.hypot(tx, ty) || 1e-6;
    return { x: tx/len, y: ty/len };
  }
  function inwardNormalUnitAt(pathEl, s, centerX, centerY){
    const t  = tangentUnitAt(pathEl, s);
    const n1 = { x: -t.y, y:  t.x };
    const n2 = { x:  t.y, y: -t.x };
    const p  = pathEl.getPointAtLength(s);
    const toC= { x: centerX - p.x, y: centerY - p.y };
    const dot1 = n1.x*toC.x + n1.y*toC.y;
    const dot2 = n2.x*toC.x + n2.y*toC.y;
    return (dot1 >= dot2) ? n1 : n2;
  }
  function samplePathForTargetXY(pathEl, target, axis, sign, centerX, centerY){
    const N = 2000, L = pathEl.getTotalLength();
    let best = null, bestErr = Infinity;
    for(let i=0;i<=N;i++){
      const s  = (L*i)/N;
      const pt = pathEl.getPointAtLength(s);
      const v  = (axis==='x') ? pt.x : pt.y;
      const otherRel = (axis==='x') ? (pt.y - centerY) : (pt.x - centerX);
      if (sign && Math.sign(otherRel) !== sign) continue;
      const err = Math.abs(v - target);
      if (err < bestErr){ bestErr = err; best = { x:pt.x, y:pt.y, s }; }
    }
    return best;
  }

  // Step 1–4: compute drills only when visible
  function drillsVisible(ts){
    const hasPath      = !!($path.attr('d') || '').trim();
    const isTracePanel = $tabTrace.hasClass('is-active');
    return hasPath && (ts.drillOpen || !isTracePanel);
  }

  function drawDrills(){
    const ts = traceBySize.get(activeSize||'_single');
    svgClear($gDrills);
    if (!ts || !drillsVisible(ts)) return;

    const d = ($path.attr('d')||'').trim();
    if (!d) return;

    const pathEl = $path[0];
    const bbox = pathEl.getBBox();
    if (!bbox || !bbox.width || !bbox.height) return;

    const centerX = bbox.x + bbox.width/2;
    const centerY = bbox.y + bbox.height/2;

    const dpi = getDpi();
    const pxPerMm = dpi / 25.4;

    const leftTopXmm  = parseFloat($drLeftTop.val()) || 20;
    const leftBottomXmm  = parseFloat($drLeftBottom.val()) || 20;
    const bridgeMm = parseFloat($drBridge.val()) || 10;
    const isMag    = (ts.magMode === 'magnetic');

    // LEFT slots (top & bottom) — draw 1.0mm inward along normal at independent X positions
    const targetTopXpx = centerX - (leftTopXmm * pxPerMm);
    const targetBotXpx = centerX - (leftBottomXmm * pxPerMm);
    const topPt = samplePathForTargetXY(pathEl, targetTopXpx, 'x', -1, centerX, centerY);
    const botPt = samplePathForTargetXY(pathEl, targetBotXpx, 'x', +1, centerX, centerY);

    function drawNormalSlotAt(sample, mmLen){
      if(!sample) return;
      const n  = inwardNormalUnitAt(pathEl, sample.s, centerX, centerY);
      const dx = n.x * (mmLen * pxPerMm);
      const dy = n.y * (mmLen * pxPerMm);
      svgAppend($gDrills, svgEl('line', { x1:sample.x, y1:sample.y, x2:sample.x+dx, y2:sample.y+dy, stroke:HOLE_COLOR, 'stroke-width':2 }));
    }
    drawNormalSlotAt(topPt, 1.0);
    drawNormalSlotAt(botPt, 1.0);

    // RIGHT
    if (isMag) {
      // Magnetic → horizontal slot at y = centerY - bridgeMm, ending at v1X()
      const y = centerY - (bridgeMm * pxPerMm);
      const x = v1X();
      const lenPx = 2.0 * pxPerMm;
      svgAppend($gDrills, svgEl('line', { x1:x - lenPx, y1:y, x2:x, y2:y, stroke:HOLE_COLOR, 'stroke-width':2 }));
    } else {
      // Spring → short slot + small hole near right
      const rightEdgePx = bbox.x + bbox.width;
      const startXpx    = rightEdgePx - (10.5 * pxPerMm);
      const startPt     = samplePathForTargetXY(pathEl, startXpx, 'x', -1, centerX, centerY);
      if (startPt){
        const ex = startPt.x - (0.2 * pxPerMm);
        const ey = startPt.y + (0.2 * pxPerMm);
        svgAppend($gDrills, svgEl('line', { x1:startPt.x, y1:startPt.y, x2:ex, y2:ey, stroke:HOLE_COLOR, 'stroke-width':2 }));
        const hx = ex - (0.5 * pxPerMm);
        const hy = ey + (2.5 * pxPerMm);
        svgAppend($gDrills, svgEl('circle', { cx:hx, cy:hy, r:(1.3/2) * pxPerMm, fill:'#fff', stroke:HOLE_COLOR, 'stroke-width':2 }));
      }
    }
  }

  // ---------- Drill toggle / mode ----------
  // (Step 1–4 wired correctly, namespaced, no accidental nesting)

  $drillToggle.off('.clipon').on('click.clipon', function(){
    const key = (activeSize||'_single');
    const ts = traceBySize.get(key); if (!ts || ts.mode!=='edit') return;
    ts.drillOpen = !ts.drillOpen;
    $drillPanel.toggle(ts.drillOpen);
	  $drillToggle.text(ts.drillOpen ? 'Edit Path' : 'Drill');

    if (ts.drillOpen) {
      if (drillsVisible(ts)) { drawDrills(); svgShow($gDrills); }
    } else {
      svgClear($gDrills); svgHide($gDrills);
    }
    updateTraceVisibility();
  });

  $drLeftTop.add($drLeftBottom).add($drBridge).add($drFactorSpring).add($drFactorMag).off('.clipon').on('input.clipon change.clipon', function(){
    const key = (activeSize||'_single');
    const ts = traceBySize.get(key); if (!ts) return;

    // Bridge change in Magnetic → re-position TR & redraw path
    if ($(this).is($drBridge) && ts.magMode==='magnetic') {
      applyMagnetics(ts);
      drawTrace(key); // re-renders anchors/handles; persist inside drawTrace
    }
    
    // Factor Mag change in Magnetic → re-position TR & redraw path
    if ($(this).is($drFactorMag) && ts.magMode==='magnetic') {
      applyMagnetics(ts);
      drawTrace(key); // re-renders anchors/handles; persist inside drawTrace
    }
    
    // Factor Spring change in Spring mode → redraw drills
    if ($(this).is($drFactorSpring) && ts.magMode==='spring') {
      console.log('Spring factor changed to:', $drFactorSpring.val());
      // Persist first to update drillData, then redraw
      persistDrill();
      console.log('After persist, ts.drillData:', ts.drillData);
      if (drillsVisible(ts)) { 
        drawDrills(); 
        svgShow($gDrills); 
      }
      return; // Exit early since we already called persistDrill
    }

    persistDrill();

    if (drillsVisible(ts)) { drawDrills(); svgShow($gDrills); }
    else { svgHide($gDrills); }

    updateTraceVisibility();
  });

  $modeSwitch
    .off('.clipon')
    .on('click.clipon', function(){
      const key = (activeSize||'_single');
      const ts  = traceBySize.get(key); if (!ts) return;
      const nowMag = !(ts.magMode==='magnetic');
      setMode(ts, nowMag ? 'magnetic' : 'spring');
    })
    .on('keydown.clipon', function(e){ if (e.key==='Enter' || e.key===' ') { e.preventDefault(); $(this).trigger('click'); } });

  function setMode(ts, mode){
    ts.magMode = mode;
    const isMag = (mode==='magnetic');
    $modeSwitch.toggleClass('is-on', isMag).attr('aria-checked', isMag ? 'true' : 'false');
    $magOnly.toggle(isMag);
    $springOnly.toggle(!isMag);

    if (isMag) applyMagnetics(ts); else restoreSpring(ts);

    const key = (activeSize||'_single');
    drawTrace(key);          // redraw path + handles (+persistTrace inside)
    persistDrill();

    if (drillsVisible(ts)) { drawDrills(); svgShow($gDrills); }
    else { svgHide($gDrills); }

    updateTraceVisibility();
  }

  function applyMagnetics(ts){
    var trIdx = findTRIndex(ts);
    
    if (!ts.springBackup) {
      ts.springBackup = {
        anchor: { ...ts.points[trIdx] },
        hin:    { ...ts.handles[trIdx].hin },
        hout:   { ...ts.handles[trIdx].hout }
      };
    }

    // factorMag mm above bridge line, x at v1
    const factorMag = (ts.drillData && ts.drillData.factorMag) ? ts.drillData.factorMag : 2.25;
    const yLine = $box.innerHeight()/2 - mmToPx(parseFloat($drBridge.val()) || 10);
    const newY  = yLine - mmToPx(factorMag);
    const newX  = v1X();

    const old  = ts.points[trIdx];
    const dx   = newX - old.x;
    const dy   = newY - old.y;

    ts.points[trIdx] = { x:newX, y:newY };
    ts.handles[trIdx].hin = {
      x: ts.handles[trIdx].hin.x + dx,
      y: ts.handles[trIdx].hin.y + dy
    };

    const L = Math.hypot(
      ts.handles[trIdx].hout.x - old.x,
      ts.handles[trIdx].hout.y - old.y
    );
    ts.handles[trIdx].hout = { x:newX, y:newY + L };
  }

  function restoreSpring(ts){
    if (!ts.springBackup) return;
    var trIdx = findTRIndex(ts);
    ts.points[trIdx]  = { ...ts.springBackup.anchor };
    ts.handles[trIdx] = { hin:{ ...ts.springBackup.hin }, hout:{ ...ts.springBackup.hout } };
    ts.springBackup = null;
  }

  // ---------- Visibility helpers ----------
  function updateTraceVisibility(){
    const ts = traceBySize.get(activeSize||'_single'); if (!ts) return;
    const isTraceActive = $tabTrace.hasClass('is-active');
    const hasPath = !!($path.attr('d')||'').trim();
    const showHoles = drillsVisible(ts);
    const hideEdit  = (ts.drillOpen && isTraceActive) || !isTraceActive;

    (hideEdit || !hasPath) ? svgHide($gAnch) : svgShow($gAnch);
    (hideEdit || !hasPath) ? svgHide($gCtrl) : svgShow($gCtrl);
    (hideEdit || !hasPath) ? svgHide($gLines): svgShow($gLines);

    // Only show/hide drills; drawDrills() is called elsewhere when needed
    showHoles ? svgShow($gDrills) : svgHide($gDrills);

    $path.toggle(hasPath);
    $download.toggle(hasPath && (!ts.mode || ts.mode==='edit'));
	$virtualBtn.toggle(hasPath && (!ts.mode || ts.mode==='edit'));  
	  $drillToggle.text(ts.drillOpen ? 'Edit Path' : 'Drill');
  }

  function showIdleView(){
    const ts = traceBySize.get(activeSize || '_single');
    const hasPath = !!($path.attr('d')||'').trim();

    if (hasPath) {
      $svg.css({ display:'block', pointerEvents:'none' });
      svgHide($gAnch); svgHide($gCtrl); svgHide($gLines);
      if (ts && drillsVisible(ts)) { drawDrills(); svgShow($gDrills); } else { svgHide($gDrills); }
      $download.show();
    } else {
      svgHide($gDrills); svgHide($gAnch); svgHide($gCtrl); svgHide($gLines);
      $svg.css('display','none'); $download.hide();
    }
  }

  // ---------- Persist ----------
  function persistTransform() {
    $hid.transform.val(JSON.stringify({ tx:state.tx, ty:state.ty, scale:state.scale, sx:state.sx, sy:state.sy, rot:state.rot }));
  }
  function persistFrame(){
    $hid.frame.val(JSON.stringify({
      a:parseFloat($frame.A.val())||0, b:parseFloat($frame.B.val())||0, bridge:parseFloat($frame.Br.val())||0,
      h:parseFloat($frame.H.val())||0, material:($frame.Mat.val()||'plastic'), dpi:getDpi(), color:$frame.Col.val()||'#008000'
    }));
  }
  function persistTrace(){
    $hid.path.val($path.attr('d') || '');
    const key = (activeSize||'_single');
    const ts = traceBySize.get(key);
    $hid.points.val(JSON.stringify(ts ? (ts.points||[]) : []));
    $hid.handles.val(JSON.stringify(ts ? (ts.handles||[]) : [])); // per-anchor {hin,hout}
  }
  function persistDrill(){
    const key = (activeSize||'_single');
    const ts = traceBySize.get(key);
    if (!ts) return;
    
    // Store drill data in the traceBySize object (size-specific)
    ts.drillData = {
      mode: ts.magMode,
      leftTopX: parseFloat($drLeftTop.val()) || 20,
      leftBottomX: parseFloat($drLeftBottom.val()) || 20,
      bridge: parseFloat($drBridge.val()) || 10,
      factorSpring: parseFloat($drFactorSpring.val()) || 41,
      factorMag: parseFloat($drFactorMag.val()) || 2.25
    };
    
    // Also persist to hidden field for database storage
    $hid.drill.val(JSON.stringify(ts.drillData));
  }

  // Persist on post submit
  $('#post').on('submit', function(){ persistAll(); });

  // ---------- Download Functions ----------

  // Build and download OMA file
  function buildAndDownloadOMA($section, mode) {
    const key = (activeSize || '_single');
    const ts = traceBySize.get(key);
    if (!ts) {
      alert('No trace data found for current size');
      return;
    }
    
    const pathEl = document.getElementById('clipon-trace-path');
    if(!pathEl){ 
      alert('No trace path found. Click "Trace" and place/edit your path first.'); 
      return; 
    }

    const pathData = pathEl.getAttribute('d');
    if (!pathData || !pathData.trim()) {
      alert('No trace path data found. Please create a trace first.');
      return;
    }

    const bbox = pathEl.getBBox();
    if (!bbox || !bbox.width || !bbox.height) { 
      alert('Path bounds invalid. Adjust your path.'); 
      return; 
    }

    const centerX = bbox.x + bbox.width/2;
    const centerY = bbox.y + bbox.height/2;

    // Get DPI from the frame inputs
    const frameData = readFrameInputs($section);
    const dpi = frameData.dpi;
    const pxPerMm = pxPerMmFromDpi(dpi);
    const omaPerPx = 2540 / dpi;

    // Build radii array for TRCFMT
    const totalSamples = 4000;
    const radii = new Array(400).fill(0);
    const angleStep = 2*Math.PI/400;
    const totalLen = pathEl.getTotalLength();
    
    for (let i = 0; i < totalSamples; i++) {
      const len = (totalLen * i) / totalSamples;
      const pt = pathEl.getPointAtLength(len);
      const x = (pt.x - centerX) * omaPerPx;
      const y = -(pt.y - centerY) * omaPerPx;
      const angle = (Math.atan2(y, x) + 2 * Math.PI) % (2 * Math.PI);
      const idx = Math.floor(angle / angleStep) % 400;
      const dist = Math.hypot(x, y);
      radii[idx] = Math.max(radii[idx], Math.round(dist));
    }

    // Build OMA file content
    const lines = ['TRCFMT=1;400;E;R;F'];
    for (let i = 0; i < 400; i += 10) {
      lines.push('R=' + radii.slice(i, i + 10).join(';'));
    }
    lines.push('ZFMT=0');

    // Add DRILLE records (drill holes)
    const leftTopX = parseFloat($section.find('.clipon-drill-left-top').val()) || 20;
    const leftBottomX = parseFloat($section.find('.clipon-drill-left-bottom').val()) || 20;
    const bridgeMm = parseFloat($section.find('.clipon-drill-bridge').val()) || 10;
    const material = frameData.material;
    const matFactor = materialFactorForSpring(material);

    // Left-side drill holes (top and bottom at independent X positions)
    const targetTopXpx = centerX - (leftTopX * pxPerMm);
    const targetBotXpx = centerX - (leftBottomX * pxPerMm);
    const topPt = samplePathForTargetXY(pathEl, targetTopXpx, 'x', -1, centerX, centerY);
    const botPt = samplePathForTargetXY(pathEl, targetBotXpx, 'x', +1, centerX, centerY);

    function normalSlotMM(sample){
      if (!sample) return null;
      const n = inwardNormalUnitAt(pathEl, sample.s, centerX, centerY);
      const A = pxToMmPoint(sample.x, sample.y, centerX, centerY, dpi);
      const B = pxToMmPoint(sample.x + n.x*(1.0*pxPerMm), sample.y + n.y*(1.0*pxPerMm), centerX, centerY, dpi);
      return { A: {X:fmt1(A.X), Y:fmt1(A.Y)}, B: {X:fmt1(B.X), Y:fmt1(B.Y)} };
    }

    if(topPt){
      const {A,B} = normalSlotMM(topPt);
      // lines.push(`DRILLE=B;C;${A.X};${A.Y};1.0;${B.X};${B.Y};;2;`);
		lines.push(`DRILLE=B;C;${A.X};${A.Y};1.0;`);
    }
    if(botPt){
      const {A,B} = normalSlotMM(botPt);
      // lines.push(`DRILLE=B;C;${A.X};${A.Y};1.0;${B.X};${B.Y};;2;`);
		lines.push(`DRILLE=B;C;${A.X};${A.Y};1.0;`);
    }

    if (mode === 'magnetic') {
      // Right slot: horizontal 2.0 mm to the left at Y = bridgeMm
      const targetYpx = centerY - (bridgeMm * pxPerMm);
      const rightPx = samplePathForTargetXY(pathEl, targetYpx, 'y', +1, centerX, centerY);
      if (rightPx){
        const A = pxToMmPoint(rightPx.x, rightPx.y, centerX, centerY, dpi);
        const B = pxToMmPoint(rightPx.x - (2.0*pxPerMm), rightPx.y, centerX, centerY, dpi);
        const Af = {X:fmt1(A.X), Y:fmt1(A.Y)};
        const Bf = {X:fmt1(B.X), Y:fmt1(B.Y)};
        // enforce same Y (horizontal)
        Bf.Y = Af.Y;
        lines.push(`DRILLE=B;C;${Af.X};${Af.Y};1.0;${Bf.X};${Bf.Y};;2;`);
      }
    } else {
      // Spring: short slot + hole
      const factorSpring = (ts.drillData && ts.drillData.factorSpring) ? ts.drillData.factorSpring : 44;
      console.log('drawDrills spring mode - factorSpring:', factorSpring, 'from ts.drillData:', ts.drillData);
      const deltaMm = (factorSpring - (frameData.bridge - matFactor)) / 2;
      console.log('deltaMm calculated:', deltaMm, 'bridge:', frameData.bridge, 'matFactor:', matFactor);
      const rightEdgePx = bbox.x + bbox.width;
      const startXpx = rightEdgePx - (deltaMm * pxPerMm);
      const startPx = samplePathForTargetXY(pathEl, startXpx, 'x', -1, centerX, centerY);
      if(startPx){
        // slot: 0.2 mm left & 0.2 mm down
        const A = pxToMmPoint(startPx.x, startPx.y, centerX, centerY, dpi);
        const B = pxToMmPoint(startPx.x - (0.2*pxPerMm), startPx.y + (0.2*pxPerMm), centerX, centerY, dpi);
        const Af = {X:fmt1(A.X), Y:fmt1(A.Y)};
        const Bf = {X:fmt1(B.X), Y:fmt1(B.Y)};
        lines.push(`DRILLE=B;C;${Af.X};${Af.Y};2;${Bf.X};${Bf.Y};;2;`);

        // hole: 0.6 mm left & 2.5 mm below end, dia 1.4 mm
        const HpxX = (startPx.x - (0.2*pxPerMm)) - (0.6*pxPerMm);
        const HpxY = (startPx.y + (0.2*pxPerMm)) + (2.5*pxPerMm);
        const H = pxToMmPoint(HpxX, HpxY, centerX, centerY, dpi);
        const Hf = {X:fmt1(H.X), Y:fmt1(H.Y)};
        lines.push(`DRILLE=B;C;${Hf.X};${Hf.Y};${fmt1(1.4)};`);
      }
    }

    // Generate filename
    const brand = cliponGetBrandFromCategories();
    const model = cliponGetModelFromAttributes(false);
    const fb = cliponGetEyeAndBridge();
    const suffix = (mode === 'magnetic') ? 'M' : 'S';
    
    const clean = s => (s || '')
      .toString()
      .replace(/×/g,'')
      .replace(/\(\d+\)\s*$/,'')
      .replace(/\s+/g,' ')
      .trim()
      .replace(/[\s_\-]+/g,'')
      .replace(/[^A-Za-z0-9]/g,'');
    
    const base = (clean(brand) + clean(model) + clean(fb.eyeA) + clean(fb.bridge)) || 'CliponTrace';
	const filename = base.replace(/maketermprimary/gi, '') + suffix + '.oma';
    // Create and download file
    const blob = new Blob([lines.join('\n')], { type: 'text/plain;charset=utf-8' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = filename;
    document.body.appendChild(a);
    a.click();
    setTimeout(() => {
      document.body.removeChild(a);
      URL.revokeObjectURL(url);
    }, 0);
  }

  // ---------- Download dropdown wiring ----------
  
  // Grab the existing download UI from your PHP markup
  const $dlWrap = $root.find('.clipon-download');
  const $dlMain = $dlWrap.find('.clipon-download-main');
  const $dlMenu = $dlWrap.find('.clipon-download-menu');
  const $dlMag  = $dlWrap.find('.clipon-download-mag'); // Magnetic
  const $dlSpr  = $dlWrap.find('.clipon-download-spr'); // Spring

  // Helper: do we have a path?
  function cliponHasPath() {
    const d = ($path.attr('d') || '').trim();
    return !!d;
  }

  // Toggle menu on main button click
  $dlMain.off('click.clipon').on('click.clipon', function (e) {
    e.preventDefault();
    e.stopPropagation();
    if (!cliponHasPath()) {
      alert('No trace path found. Click "Trace" and place/edit your path first.');
      return;
    }
    $dlMenu.toggle(); // simple show/hide
  });

  // Close the menu when clicking outside
  $(document).off('click.cliponCloseMenu').on('click.cliponCloseMenu', function () {
    $dlMenu.hide();
  });
  
  // Keep clicks inside the menu from closing it immediately
  $dlMenu.off('click.stopClose').on('click.stopClose', function (e) { 
    e.stopPropagation(); 
  });

  // Wire the two options to the working builders
  $dlMag.off('click.clipon').on('click.clipon', function (e) {
    e.preventDefault();
    if (!cliponHasPath()) return;
    try { 
      buildAndDownloadOMA($root, 'magnetic'); 
    } finally { 
      $dlMenu.hide(); 
    }
  });

  $dlSpr.off('click.clipon').on('click.clipon', function (e) {
    e.preventDefault();
    if (!cliponHasPath()) return;
    try { 
      buildAndDownloadOMA($root, 'spring'); 
    } finally { 
      $dlMenu.hide(); 
    }
  });

  // Optional: keyboard support
  $dlMain.attr('aria-haspopup', 'true').attr('aria-expanded', 'false');
  $dlMain.on('click.cliponA11y', function(){
    $dlMain.attr('aria-expanded', $dlMenu.is(':visible') ? 'true' : 'false');
  });
  $dlMain.on('keydown.cliponA11y', function(e){
    if (e.key === 'ArrowDown' && $dlMenu.is(':hidden') && cliponHasPath()) {
      e.preventDefault();
      $dlMenu.show();
      $dlMag.trigger('focus');
    }
  });
function setMaterialFromTags() {
  setTimeout(function() {
    try {
      var tagElements = document.querySelectorAll('.tagchecklist li');
      console.log('setMaterialFromTags: Found', tagElements.length, 'tag elements');
      
      if (tagElements.length === 0) {
        console.log('setMaterialFromTags: No tags found yet, retrying in 2 seconds...');
        setTimeout(setMaterialFromTags, 2000);
        return;
      }
      
      var tags = [];
      
      for (var i = 0; i < tagElements.length; i++) {
        var rawText = tagElements[i].textContent;
        
        // Extract the actual tag name from "Remove term: TagName TagName"
        var match = rawText.match(/Remove term:\s*([\w-]+)/);
        if (match) {
          var tagText = match[1].toLowerCase().trim();
          if (tagText && tags.indexOf(tagText) === -1) {
            tags.push(tagText);
          }
        }
      }
      
      console.log('setMaterialFromTags: Extracted tags:', tags);
      
      // Material options to match against
      var materialOptions = ['plastic', 'metal', 'semi-rimless'];
      var foundMaterial = null;
      
      // Check if any tag matches a material option
      for (var j = 0; j < materialOptions.length; j++) {
        if (tags.indexOf(materialOptions[j]) !== -1) {
          foundMaterial = materialOptions[j];
          break;
        }
      }
      
      if (foundMaterial) {
        console.log('setMaterialFromTags: Found material:', foundMaterial);
        
        // Set the material dropdown
        $frame.Mat.val(foundMaterial);
        
        // Update all size maps with the selected material
        Object.keys(sizeMap).forEach(function(sizeKey) {
          if (sizeMap[sizeKey] && sizeMap[sizeKey].frame) {
            sizeMap[sizeKey].frame.material = foundMaterial;
          }
        });
        
        // Persist the changes
        persistFrame();
        $hid.sizesMap.val(JSON.stringify(sizeMap));
        
        // Disable the dropdown
        $frame.Mat.prop('disabled', true).css('opacity', '0.6');
        
        // Update guides
        updateGuides();
        
        console.log('setMaterialFromTags: Material set and dropdown disabled');
      } else {
        console.log('setMaterialFromTags: No material tag found in tags:', tags);
      }
    } catch(e) {
      console.error('setMaterialFromTags error:', e);
    }
  }, 3000);  // Increased to 3 seconds
}
  // ---------- Double section ----------
  const $dblList = $('.clipon-double-list');
  
  // Boot: Load saved double images from database
  const savedDoubleImages = readJSON($hid.doubleImgs.val(), []);
  savedDoubleImages.forEach(img => {
    const $B = $(`<div class="clipon-double-box" data-attachment-id="${img.id}">
      <img src="${img.url}">
      <div class="clipon-controls">
        <button type="button" class="button button-small clipon-reset" data-scope="double" data-attachment-id="${img.id}">Remove</button>
      </div>
    </div>`);
    $dblList.append($B);
  });
  
  $('.clipon-upload-double').on('click', function(){
    const frame = wp.media({ title:'Add Images', multiple:true, library:{type:'image'} });
    frame.on('select', function(){
      const out = [];
      frame.state().get('selection').each(a => {
        const j = a.toJSON(); out.push({ id:j.id, url:j.url });
        const $B = $(`<div class="clipon-double-box" data-attachment-id="${j.id}">
            <img src="${j.url}"><div class="clipon-controls"><button type="button" class="button button-small clipon-reset" data-scope="double" data-attachment-id="${j.id}">Remove</button></div>
          </div>`);
        $dblList.append($B);
      });
      const curr = readJSON($hid.doubleImgs.val(), []);
      $hid.doubleImgs.val(JSON.stringify(curr.concat(out)));
    });
    frame.open();
  });
  $dblList.on('click', '.clipon-reset[data-scope="double"]', function(){
    const id = parseInt($(this).data('attachment-id'), 10);
    const list = readJSON($hid.doubleImgs.val(), []).filter(it => parseInt(it.id,10)!==id);
    $hid.doubleImgs.val(JSON.stringify(list));
    $(this).closest('.clipon-double-box').remove();
  });

  // ---------- Utilities ----------
  function readJSON(s, fb){ try{ return JSON.parse(s||''); } catch(_){ return fb; } }
  function clamp(v, lo, hi){ return Math.max(lo, Math.min(hi, v)); }

// ---------- Boot ----------
// FORCE ENABLE: Enable size tabs aggressively at multiple points
function forceEnableSizeTabs() {
  if (!$sizeTabs || !$sizeTabs.length) return;
  $sizeTabs.each(function() {
    this.disabled = false;
    this.removeAttribute('disabled');
    $(this).prop('disabled', false)
           .removeAttr('disabled')
           .css({
             'pointer-events': 'auto',
             'cursor': 'pointer',
             'opacity': '1'
           });
  });
  console.log('✓ Force enabled', $sizeTabs.length, 'size tabs');
}

// Enable immediately
if ($sizeTabs.length) {
  forceEnableSizeTabs();
}
	
if (imageUploaded) {
  $wrap.show(); $img.show();
  try {
    const t = readJSON($hid.transform.val(), null); if (t) Object.assign(state, t);
    applyTransform();
    const f = readJSON($hid.frame.val(), null);
    if (f) {
      $frame.A.val(f.a||''); $frame.B.val(f.b||''); $frame.Br.val(f.bridge||''); $frame.H.val(f.h||'');
      $frame.Mat.val(f.material||'plastic'); $frame.DPI.val(f.dpi||350); $frame.Col.val(f.color||'#008000');
    }
    const map = readJSON($hid.sizesMap.val(), {});
    Object.keys(map||{}).forEach(k=>{
      const r = map[k]||{};
      const points  = r.points||[];
      const handles = normalizeControls(r.handles, points);
      const drill = r.drill || {};
      
      if (points.length && handles) {
        traceBySize.set(k, { 
          mode:'edit', 
          points, 
          handles, 
          drillOpen:false, 
          magMode: drill.mode || 'spring', 
          springBackup:null,
          drillData: drill
        });
      }
    });
    if (activeSize) loadSize(activeSize);
    updateGuides(); showIdleView();
    // Call material detection after everything is loaded
    setTimeout(setMaterialFromTags, 100);
  } catch(e){}
} else {
  $wrap.hide();
  // Initialize frame fields from active size tab when no image is uploaded
  if ($sizeTabs.length) {
    const $activeTab = $sizeTabs.filter('.is-active');
    if ($activeTab.length) {
      const sizeLabel = $activeTab.data('size') || $activeTab.text().trim();
      console.log('Active size label:', sizeLabel); // Debug log
      const ab = parseAB(sizeLabel);
      console.log('Parsed AB values:', ab); // Debug log
      
      if (ab && ab.a > 0) {
        $frame.A.val(ab.a);
        $frame.Br.val(ab.bridge);
        console.log('Set A:', ab.a, 'Bridge:', ab.bridge); // Debug log
        updateGuides();
      }
    }
  }
  // Call material detection after DOM is ready
  setTimeout(setMaterialFromTags, 100);
}

if ($resetBtn.length) $resetBtn.on('click', fullReset);
if ($resetTabBtn.length) $resetTabBtn.on('click', fullReset);	

// Re-enable size tabs after everything is initialized
forceEnableSizeTabs();
setTimeout(forceEnableSizeTabs, 100);
setTimeout(forceEnableSizeTabs, 500);

  // ---- size loader ----
  function loadSize(label){
    activeSize = label;
    const rec = sizeMap[label];
    let use = rec;

  if (!use && imageUploaded && baseCalibrated && baseSizeOnUpload && label !== baseSizeOnUpload) {
  const base = sizeMap[baseSizeOnUpload];
  const targetAB = parseAB(label);
  const baseAB   = parseAB(baseSizeOnUpload);
  const baseA = baseAB.a || baseAOnUpload || 0;
  const targetA = targetAB.a || 0;

  if (base && baseA>0 && targetA>0) {
    const k = targetA / baseA;
    const t = Object.assign({}, base.transform || {});
    t.scale = +( (t.scale||1) * k ).toFixed(6);
    
    // Scale the trace path if it exists
    let scaledPoints = [];
    let scaledHandles = [];
    let scaledPath = '';
    
    if (base.points && base.points.length > 0) {
      // Get the center of the image wrapper for scaling reference
      const centerX = $wrap.width() / 2;
      const centerY = $wrap.height() / 2;
      
      // Scale points around the center
      scaledPoints = base.points.map(p => ({
        x: centerX + (p.x - centerX) * k,
        y: centerY + (p.y - centerY) * k
      }));
      
      // Scale handles around the center
      if (base.handles && base.handles.length > 0) {
        scaledHandles = base.handles.map(h => ({
          hin: { 
            x: centerX + (h.hin.x - centerX) * k, 
            y: centerY + (h.hin.y - centerY) * k 
          },
          hout: { 
            x: centerX + (h.hout.x - centerX) * k, 
            y: centerY + (h.hout.y - centerY) * k 
          }
        }));
      }
      
      // Generate scaled path
      scaledPath = buildPathD(scaledPoints, scaledHandles);
    }
    
    use = {
      transform: t,
      frame: Object.assign({}, base.frame || {}, { a: targetA, bridge: targetAB.bridge }),
      path: scaledPath,
      points: scaledPoints,
      handles: scaledHandles,
      drill: base.drill || {}
    };
    sizeMap[label] = use;
  }
}

    if (use) {
      $hid.transform.val(JSON.stringify(use.transform||{}));
      $hid.frame.val(JSON.stringify(use.frame||{}));
      $hid.path.val(use.path||'');
      $hid.points.val(JSON.stringify(use.points||[]));
      $hid.handles.val(JSON.stringify(use.handles||[]));
      $hid.drill.val(JSON.stringify(use.drill||{}));

      Object.assign(state, use.transform||{}); applyTransform();

      const f = use.frame||{};
      $frame.A.val(f.a||''); $frame.B.val(f.b||''); $frame.Br.val(f.bridge||''); $frame.H.val(f.h||'');
      $frame.Mat.val(f.material||'plastic'); $frame.DPI.val(f.dpi||350); $frame.Col.val(f.color||'#008000');
      updateGuides();

      const key = (label||'_single');
      const points  = use.points||[];
      const handles = normalizeControls(use.handles, points);
      const drill = use.drill || {};
      
      // Load drill data into input fields
      $drLeftTop.val(drill.leftTopX || 20);
      $drLeftBottom.val(drill.leftBottomX || 20);
      $drBridge.val(drill.bridge || 10);
      $drFactorSpring.val(drill.factorSpring || 44);
      $drFactorMag.val(drill.factorMag || 2.25);
      
      // Load attributes for this size
      if (use.attributes) {
        applyAttributes(use.attributes);
      }
      
      if (points.length && handles) {
        const ts = { 
          mode: 'edit', 
          points, 
          handles, 
          drillOpen: false, 
          magMode: drill.mode || 'spring', 
          springBackup: null,
          drillData: drill
        };
        traceBySize.set(key, ts);
        
        // Set the mode UI to match loaded drill data
        setMode(ts, ts.magMode);
        
        drawTrace(label);
      } else {
        clearPathAndMask();
      }
    } else {
      const ab = parseAB(label);
      $frame.A.val(ab.a||''); $frame.Br.val(ab.bridge||''); $frame.DPI.val($frame.DPI.val()||350);
      resetTransform(); applyTransform(); updateGuides(); clearPathAndMask();
      
      // Reset attributes
      $('.clipon-position-select').val('');
      $('.clipon-bridge-select').val('');
    }
    
    // Load size-specific image if available
    loadSizeImage(label);
    
    showIdleView();
  }
  
  // Load size-specific image from uploaded media library URLs
  function loadSizeImage(sizeLabel) {
    const $sizeImagesInput = $hidden.find('input[name="_clipon_size_images"]');
    const sizeImages = readJSON($sizeImagesInput.val(), {});
    
    if (sizeImages[sizeLabel]) {
      const imageUrl = sizeImages[sizeLabel];
      console.log('✓ Loading size-specific image for', sizeLabel);
      $img.attr('src', imageUrl);
      $hid.url.val(imageUrl);
      $wrap.show();
      imageUploaded = true;
    } else {
      console.log('No size-specific image for', sizeLabel);
    }
  }
  
  function clearPathAndMask(){ $path.attr('d',''); svgClear($gAnch); svgClear($gCtrl); svgClear($gLines); hideMask(); }

  // ---------- Reset ----------
  function fullReset(){
    $img.attr('src','').hide();
    $wrap.hide();
    imageUploaded = false;
    baseCalibrated = false;
    baseSizeOnUpload = '';
    baseAOnUpload = 0;
    resetTransform(); applyTransform();
    $traceBtn.prop('disabled', true);
    clearPathAndMask(); svgClear($gDrills); $download.hide();
    $hid.id.val(''); $hid.url.val('');
    $hid.transform.val(''); $hid.frame.val('');
    $hid.path.val(''); $hid.points.val(''); $hid.handles.val('');
    $hid.drill.val('');
  }
  
  // ---------- Page Load: Enable Trace tab if data exists ----------
  (function initializeTraceTab() {
    // Check if we have an image (either from single_image_url or size_images)
    const hasSingleImage = !!$hid.url.val();
    const $sizeImagesInput = $hidden.find('input[name="_clipon_size_images"]');
    const sizeImages = readJSON($sizeImagesInput.val(), {});
    const hasSizeImages = Object.keys(sizeImages).length > 0;
    const hasImage = hasSingleImage || hasSizeImages;
    
    // Check if we have path data
    const sizesMap = readJSON($hid.sizesMap.val(), {});
    const hasPathData = Object.keys(sizesMap).length > 0 && Object.values(sizesMap).some(function(sizeData) {
      return sizeData && (sizeData.path || (sizeData.points && sizeData.points.length > 0));
    });
    
    // Enable Trace tab if both conditions are met
    if (hasImage && hasPathData) {
      $tabTrace.removeClass('disabled').prop('disabled', false);
      console.log('✓ Trace tab enabled on page load (image + path data found)');
    } else {
      console.log('Trace tab disabled on page load:', { hasImage, hasPathData });
    }
  })();
});


// Final failsafe: Force enable size tabs after everything loads
jQuery(document).ready(function($) {
  setTimeout(function() {
    $('.clipon-size-tab').each(function() {
      this.disabled = false;
      this.removeAttribute('disabled');
      $(this).prop('disabled', false)
             .removeAttr('disabled')
             .css({
               'pointer-events': 'auto',
               'cursor': 'pointer'
             });
    });
    console.log('✓ Final failsafe: Size tabs forcibly enabled');
  }, 1000);
});

// On WordPress update, ensure attributes are saved
jQuery(function($) {
$('form#post').on('submit', function(e) {
  const $hidden = $('#clipon-hidden');
  const $sizesMapInput = $hidden.find('input[name="_clipon_sizes_map"]');
  const activeSize = $hidden.find('input[name="_clipon_active_size"]').val() || '_single';
  
  // Parse current sizeMap
  let sizeMap;
  try {
    sizeMap = JSON.parse($sizesMapInput.val() || '{}') || {};
  } catch(err) {
    sizeMap = {};
  }
  
  // Get current attributes from UI
  const attrs = {};
  $('.clipon-position-field').each(function() {
    const $field = $(this);
    const pos = $field.data('position');
    if (!pos) return;
    
    const $select = $field.find('.clipon-position-select');
    if ($select.length) {
      const val = $select.val();
      if (val) attrs[pos] = val;
    } else {
      const $valueDiv = $field.find('.clipon-position-value');
      if ($valueDiv.length) {
        const val = $valueDiv.text().trim();
        if (val && val !== '—') attrs[pos] = val;
      }
    }
  });
  
  const $bridgeField = $('.clipon-bridge-field');
  const $bridgeSelect = $bridgeField.find('.clipon-bridge-select');
  if ($bridgeSelect.length) {
    const val = $bridgeSelect.val();
    if (val) attrs['magnetic-bridge'] = val;
  } else {
    const $bridgeValue = $bridgeField.find('.clipon-position-value');
    if ($bridgeValue.length) {
      const val = $bridgeValue.text().trim();
      if (val && val !== '—') attrs['magnetic-bridge'] = val;
    }
  }
  
  // Save attributes to the active size
  if (sizeMap[activeSize]) {
    sizeMap[activeSize].attributes = attrs;
  } else {
    // Create minimal entry for active size
    sizeMap[activeSize] = { attributes: attrs };
  }
  
  // Save back to hidden input
  $sizesMapInput.val(JSON.stringify(sizeMap));
  
  console.log('Pre-submit: Saved attributes for', activeSize, attrs);
});
}); // end jQuery wrapper — form#post submit


// Product Navigation Buttons
jQuery(document).ready(function($) {
  if (typeof cliponNavData !== 'undefined') {
    var $buttons = $('<div class="product-nav-buttons"></div>');
    
    if (cliponNavData.prevUrl) {
      $buttons.append('<a href="' + cliponNavData.prevUrl + '" class="button">← Prev</a>');
    }
    
    if (cliponNavData.nextUrl) {
      $buttons.append('<a href="' + cliponNavData.nextUrl + '" class="button">Next →</a>');
    }
    
    $('.wrap h1').first().css('position', 'relative').append($buttons);
  }
});
// ── Admin Lightbox ── (Order pages)
jQuery(function ($) {
  if (!$('#order_line_items, .woocommerce_order_items, #woocommerce-order-items').length) return;

  if (!$('.clipon-admin-lightbox-overlay').length) {
    $('body').append(
      '<div class="clipon-admin-lightbox-overlay">' +
        '<div class="clipon-admin-lightbox">' +
          '<button class="clipon-lightbox-close">&times;</button>' +
          '<button class="clipon-lightbox-nav clipon-lightbox-prev">&#8249;</button>' +
          '<img src="" alt="View image">' +
          '<button class="clipon-lightbox-nav clipon-lightbox-next">&#8250;</button>' +
          '<div class="clipon-lightbox-counter"><span class="current">1</span> / <span class="total">1</span></div>' +
        '</div>' +
      '</div>'
    );
  }

  var images = [];
  var currentIndex = 0;

  function collectImages() {
    images = [];
    $('.woocommerce_order_items .clipon-view-image, #order_line_items .clipon-view-image').each(function () {
      images.push($(this).data('image'));
    });
  }

  function showLightbox(imageUrl) {
    collectImages();
    currentIndex = images.indexOf(imageUrl);
    if (currentIndex === -1) currentIndex = 0;
    updateLightboxImage();
    $('.clipon-admin-lightbox-overlay').addClass('active');
  }

  function updateLightboxImage() {
    if (!images.length) return;
    $('.clipon-admin-lightbox img').attr('src', images[currentIndex]);
    $('.clipon-lightbox-counter .current').text(currentIndex + 1);
    $('.clipon-lightbox-counter .total').text(images.length);
    $('.clipon-lightbox-prev, .clipon-lightbox-next').toggle(images.length > 1);
  }

  $('.clipon-lightbox-prev').on('click', function (e) {
    e.stopPropagation();
    currentIndex = (currentIndex - 1 + images.length) % images.length;
    updateLightboxImage();
  });

  $('.clipon-lightbox-next').on('click', function (e) {
    e.stopPropagation();
    currentIndex = (currentIndex + 1) % images.length;
    updateLightboxImage();
  });

  $('.clipon-lightbox-close, .clipon-admin-lightbox-overlay').on('click', function (e) {
    if (e.target === this) $('.clipon-admin-lightbox-overlay').removeClass('active');
  });

  $(document).on('keydown', function (e) {
    if (!$('.clipon-admin-lightbox-overlay').hasClass('active')) return;
    if (e.key === 'ArrowLeft')  $('.clipon-lightbox-prev').click();
    if (e.key === 'ArrowRight') $('.clipon-lightbox-next').click();
    if (e.key === 'Escape')     $('.clipon-admin-lightbox-overlay').removeClass('active');
  });

  $(document).on('click', '.clipon-view-image', function (e) {
    e.preventDefault();
    showLightbox($(this).data('image'));
  });
});

// ── Create Product Wizard ── (Order pages)
jQuery(function ($) {
  if (!$('#order_line_items, .woocommerce_order_items, #woocommerce-order-items').length) return;

  $('#order_line_items tr.item, .woocommerce_order_items tbody tr.item').each(function () {
    var $row = $(this);
    var productId = '';

    var $productLink = $row.find('.wc-order-item-name a');
    if ($productLink.length) {
      var href = $productLink.attr('href') || '';
      var match = href.match(/post=(\d+)/);
      if (match) productId = match[1];
    }

    if (!productId) {
      var sku = ($row.find('.wc-order-item-sku').text() || '').replace('SKU:', '').trim();
      if (sku.indexOf('-') > -1) productId = sku.split('-')[0];
    }

    if (productId != '1120') return;

    var brand = '', model = '', sizes = '', lensHeight = '', lensPhoto = '', topPhoto = '', bottomPhoto = '';

    $row.find('.display_meta tbody tr, .wc-order-item-meta tbody tr').each(function () {
      var label = $(this).find('th').text().replace(':', '').trim();
      var $td = $(this).find('td');
      var value = $td.find('p').text().trim() || $td.text().trim();
      if (label === 'Brand')       brand      = value;
      if (label === 'Model')       model      = value;
      if (label === 'Sizes')       sizes      = value;
      if (label === 'Lens Height') lensHeight = value;
      var $link = $td.find('.clipon-view-image');
      if (label === 'Lens')   lensPhoto   = $link.data('image') || '';
      if (label === 'Top')    topPhoto    = $link.data('image') || '';
      if (label === 'Bottom') bottomPhoto = $link.data('image') || '';
    });

    if (!brand || !model) return;

    $.ajax({
      url: ajaxurl, type: 'POST',
      data: { action: 'check_clipon_product_exists', brand: brand, model: model },
      success: function (response) {
        if (response.success && !response.data.exists) {
          var searchTerm = brand + ' ' + model;
          var googleUrl  = 'https://www.google.com/search?q=' + encodeURIComponent(searchTerm);
          var ebayUrl    = 'https://www.ebay.com/sch/i.html?_nkw=' + encodeURIComponent(searchTerm);

          var $metaView = $row.find('.display_meta, .wc-order-item-meta, td.item_cost').first();
          var buttonHtml =
            '<div style="margin-top:10px;padding:10px;border-top:1px solid #ddd;display:flex;align-items:center;gap:8px;overflow-x:auto;">' +
              '<button type="button" class="clipon-create-product-btn"' +
                ' data-brand="' + brand + '" data-model="' + model + '"' +
                ' data-sizes="' + sizes + '" data-lens-height="' + lensHeight + '"' +
                ' data-lens-photo="' + lensPhoto + '" data-top-photo="' + topPhoto + '" data-bottom-photo="' + bottomPhoto + '">' +
                'Add ' + brand + ' ' + model +
              '</button>' +
              '<a href="' + googleUrl + '" target="_blank" class="clipon-search-btn clipon-search-btn-google">' +
                '<svg width="14" height="14" viewBox="0 0 18 18"><path fill="#4285F4" d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z"/><path fill="#34A853" d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z"/><path fill="#FBBC05" d="M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z"/><path fill="#EA4335" d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 3.58 9 3.58z"/></svg>' +
                searchTerm +
              '</a>' +
              '<a href="' + ebayUrl + '" target="_blank" class="clipon-search-btn clipon-search-btn-ebay">' +
                '<span class="ebay-e">e</span><span class="ebay-b">b</span><span class="ebay-a">a</span><span class="ebay-y">y</span>' +
                '<span class="ebay-term"> ' + searchTerm + '</span>' +
              '</a>' +
            '</div>';
          $metaView.append(buttonHtml);
        }
      }
    });
  });

  $(document).on('click', '.clipon-create-product-btn', function () {
    var $btn = $(this);

    if ($btn.hasClass('product-created')) {
      var url = $btn.data('edit-url');
      if (url) window.open(url, '_blank');
      return;
    }

    var brand      = $btn.data('brand');
    var model      = $btn.data('model');
    var sizes      = $btn.data('sizes');
    var lensHeight = $btn.data('lens-height');
    var lensPhoto  = $btn.data('lens-photo');
    var topPhoto   = $btn.data('top-photo');
    var bottomPhoto = $btn.data('bottom-photo');

    var popupHtml =
      '<div class="clipon-create-popup-overlay">' +
        '<div class="clipon-create-popup">' +
          '<div class="ccp-header">' +
            '<h2>Create Clip-On Product</h2>' +
            '<div class="ccp-steps">' +
              '<div class="ccp-step active" data-step="1"><div class="ccp-step-num">1</div>Frame Type</div>' +
              '<div class="ccp-step-line"></div>' +
              '<div class="ccp-step" data-step="2"><div class="ccp-step-num">2</div>Frame Info</div>' +
              '<div class="ccp-step-line"></div>' +
              '<div class="ccp-step" data-step="3"><div class="ccp-step-num">3</div>Clip-on Parts</div>' +
            '</div>' +
          '</div>' +
          '<div class="ccp-body">' +
            '<div class="ccp-step-panel" data-panel="1">' +
              '<div class="ccp-frame-types">' +
                '<button type="button" class="ccp-frame-type-btn" data-material="plastic"><img src="https://cliponexpress.com/wp-content/uploads/2026/06/plasticframe.png" class="ccp-type-img" alt="Plastic">Plastic</button>' +
                '<button type="button" class="ccp-frame-type-btn" data-material="metal"><img src="https://cliponexpress.com/wp-content/uploads/2026/06/metal.png" class="ccp-type-img" alt="Metal">Metal</button>' +
                '<button type="button" class="ccp-frame-type-btn" data-material="semi-rimless"><img src="https://cliponexpress.com/wp-content/uploads/2026/06/semirimless.png" class="ccp-type-img" alt="Semi-Rimless">Semi-Rimless</button>' +
                '<button type="button" class="ccp-frame-type-btn" data-material="rimless"><img src="https://cliponexpress.com/wp-content/uploads/2026/06/rimless.png" class="ccp-type-img" alt="Rimless">Rimless</button>' +
              '</div>' +
            '</div>' +
            '<div class="ccp-step-panel" data-panel="2" style="display:none;">' +
              '<div class="ccp-field"><label>Brand</label><input type="text" id="popup-brand" value="' + (brand || '') + '" placeholder="e.g. Ray-Ban" /></div>' +
              '<div class="ccp-field"><label>Model</label><input type="text" id="popup-model" value="' + (model || '') + '" placeholder="e.g. RB5154" /></div>' +
              '<div class="ccp-field"><label>Sizes</label><input type="text" id="popup-sizes" value="' + (sizes || '') + '" placeholder="e.g. 51 ▢ 21" /></div>' +
              '<div class="ccp-field"><label>Lens Height</label><input type="text" id="popup-lens-height" value="' + (lensHeight || '') + '" placeholder="mm" /></div>' +
              '<div class="ccp-field"><label>Lens Photo URL</label><input type="text" id="popup-lens-photo" value="' + (lensPhoto || '') + '" /></div>' +
              '<div class="ccp-field"><label>Top Photo URL</label><input type="text" id="popup-top-photo" value="' + (topPhoto || '') + '" /></div>' +
              '<div class="ccp-field"><label>Bottom Photo URL</label><input type="text" id="popup-bottom-photo" value="' + (bottomPhoto || '') + '" /></div>' +
            '</div>' +
            '<div class="ccp-step-panel" data-panel="3" style="display:none;">' +
              '<div class="ccp-sync-btns">' +
                '<button type="button" class="ccp-sync-btn" id="ccp-sync-all">All same</button>' +
                '<button type="button" class="ccp-sync-btn" id="ccp-sync-pairs">Top &amp; bottom pairs</button>' +
                '<button type="button" class="ccp-sync-btn is-active" id="ccp-sync-diff">All different</button>' +
              '</div>' +
              '<div class="ccp-field"><label>Top Left</label><input type="text" id="popup-top-left" placeholder="e.g. 4-4" /></div>' +
              '<div class="ccp-field"><label>Top Right</label><input type="text" id="popup-top-right" placeholder="e.g. 4-4" /></div>' +
              '<div class="ccp-field"><label>Bottom Left</label><input type="text" id="popup-bottom-left" placeholder="e.g. 4-4" /></div>' +
              '<div class="ccp-field"><label>Bottom Right</label><input type="text" id="popup-bottom-right" placeholder="e.g. 4-4" /></div>' +
              '<div class="ccp-field"><label>Magnetic Bridge</label><input type="text" id="popup-magnetic-bridge" placeholder="e.g. 14-8-1.5" /></div>' +
            '</div>' +
          '</div>' +
          '<div class="ccp-footer">' +
            '<button type="button" class="ccp-btn ccp-btn-secondary" id="ccp-back">Cancel</button>' +
            '<span class="ccp-step-count">Step <span id="ccp-step-label">1</span> of 3</span>' +
            '<button type="button" class="ccp-btn ccp-btn-primary" id="ccp-next">Next \u2192</button>' +
          '</div>' +
        '</div>' +
      '</div>';

    $('body').append(popupHtml);
    var currentStep = 1;

    function ccpUpdateUI() {
      $('.ccp-step-panel').hide();
      $('.ccp-step-panel[data-panel="' + currentStep + '"]').show();
      $('.ccp-step').each(function () {
        var s = +$(this).data('step');
        $(this).removeClass('active done');
        if (s === currentStep) $(this).addClass('active');
        if (s < currentStep)  $(this).addClass('done');
      });
      $('.ccp-step-line').each(function (i) { $(this).toggleClass('done', i < currentStep - 1); });
      $('#ccp-step-label').text(currentStep);
      $('#ccp-back').text(currentStep === 1 ? 'Cancel' : '\u2190 Back');
      $('#ccp-next').text(currentStep === 3 ? 'Create Product' : 'Next \u2192');
    }

    $(document).on('click', '.ccp-frame-type-btn', function () {
      $('.ccp-frame-type-btn').removeClass('selected');
      $(this).addClass('selected');
    });

    // Sync mode: 'all' | 'pairs' | 'different' (default)
    var syncMode = 'different';

    $(document).on('click', '#ccp-sync-all, #ccp-sync-pairs, #ccp-sync-diff', function () {
      $('.ccp-sync-btn').removeClass('is-active');
      $(this).addClass('is-active');
      var id = $(this).attr('id');
      if      (id === 'ccp-sync-all')   syncMode = 'all';
      else if (id === 'ccp-sync-pairs') syncMode = 'pairs';
      else                              syncMode = 'different';
    });

    // Live field syncing based on active mode
    $(document).on('input', '#popup-top-left, #popup-top-right, #popup-bottom-left, #popup-bottom-right', function () {
      var val = $(this).val();
      var id  = $(this).attr('id');
      if (syncMode === 'all') {
        $('#popup-top-left, #popup-top-right, #popup-bottom-left, #popup-bottom-right').not(this).val(val);
      } else if (syncMode === 'pairs') {
        if (id === 'popup-top-left' || id === 'popup-top-right') {
          $('#popup-top-left, #popup-top-right').not(this).val(val);
        } else {
          $('#popup-bottom-left, #popup-bottom-right').not(this).val(val);
        }
      }
      // 'different': no action
    });

    $('#ccp-back').on('click', function () {
      if (currentStep === 1) { $('.clipon-create-popup-overlay').remove(); }
      else { currentStep--; ccpUpdateUI(); }
    });

    $('.clipon-create-popup-overlay').on('click', function (e) {
      if (e.target === this) $('.clipon-create-popup-overlay').remove();
    });

    $('#ccp-next').on('click', function () {
      if (currentStep === 1) {
        if (!$('.ccp-frame-type-btn.selected').length) { alert('Please select a frame type.'); return; }
        currentStep = 2; ccpUpdateUI();
      } else if (currentStep === 2) {
        if (!$('#popup-brand').val() || !$('#popup-model').val()) { alert('Brand and Model are required.'); return; }
        currentStep = 3; ccpUpdateUI();
      } else if (currentStep === 3) {
        var data = {
          action: 'create_clipon_product',
          brand:           $('#popup-brand').val(),
          model:           $('#popup-model').val(),
          sizes:           $('#popup-sizes').val(),
          lens_height:     $('#popup-lens-height').val(),
          lens_photo:      $('#popup-lens-photo').val(),
          top_photo:       $('#popup-top-photo').val(),
          bottom_photo:    $('#popup-bottom-photo').val(),
          top_left:        $('#popup-top-left').val(),
          top_right:       $('#popup-top-right').val(),
          bottom_left:     $('#popup-bottom-left').val(),
          bottom_right:    $('#popup-bottom-right').val(),
          magnetic_bridge: $('#popup-magnetic-bridge').val(),
          material_type:   $('.ccp-frame-type-btn.selected').data('material') || ''
        };
        $('#ccp-next').prop('disabled', true).text('Creating...');
        $.ajax({
          url: ajaxurl, type: 'POST', data: data,
          success: function (response) {
            if (response.success) {
              $('.clipon-create-popup-overlay').remove();
              $btn.text('Created! View Product').css('background', '#46b450').addClass('product-created').data('edit-url', response.data.edit_url);
            } else {
              alert('Error: ' + response.data.message);
              $('#ccp-next').prop('disabled', false).text('Create Product');
            }
          },
          error: function () {
            alert('Error creating product');
            $('#ccp-next').prop('disabled', false).text('Create Product');
          }
        });
      }
    });
  });
});

// ── Addon Toggle + Image Upload ── (Product data panels)
jQuery(function ($) {
  if (!$('#custom_addon_form_data').length) return;

  // Toggle wrapper click
  $('.addon-toggle-wrapper').on('click', function (e) {
    if (e.target.tagName !== 'INPUT') {
      var $cb = $(this).find('input[type="checkbox"]');
      $cb.prop('checked', !$cb.is(':checked'));
    }
  });

  // WP Media uploader for placeholder images
  $(document).on('click', '.addon-upload-image', function (e) {
    e.preventDefault();
    var $button  = $(this);
    var $field   = $button.closest('.addon-image-field');
    var $input   = $field.find('.addon-image-url');
    var $preview = $field.find('.addon-image-preview');

    var mediaUploader = wp.media({
      title: 'Select Placeholder Image',
      button: { text: 'Use this image' },
      multiple: false
    });

    mediaUploader.on('select', function () {
      var attachment = mediaUploader.state().get('selection').first().toJSON();
      $input.val(attachment.url);
      $preview.html('<img src="' + attachment.url + '" style="max-width:150px;height:auto;border-radius:4px;">');
      if (!$field.find('.addon-remove-image').length) {
        $button.after('<button type="button" class="button addon-remove-image">Remove</button>');
      }
    });

    mediaUploader.open();
  });

  $(document).on('click', '.addon-remove-image', function (e) {
    e.preventDefault();
    var $field = $(this).closest('.addon-image-field');
    $field.find('.addon-image-url').val('');
    $field.find('.addon-image-preview').html('<span style="color:#999;">No image set</span>');
    $(this).remove();
  });
});

// ── Category Prefix Field Mover ── (product_cat taxonomy pages)
jQuery(function ($) {
  if (!window.location.href.includes('taxonomy=product_cat')) return;
  var $prefixRow = $('input#category_prefix').closest('tr, .form-field');
  var $nameRow   = $('.form-field.term-name-wrap').closest('tr, .form-field');
  if ($prefixRow.length && $nameRow.length) {
    $prefixRow.insertAfter($nameRow);
  }
});

// ── Bulk Discounts Table ── (WooCommerce settings page)
jQuery(function ($) {
  if (!$('#bulk-discount-table').length) return;

  $('#btn-add-rule').on('click', function () {
    var row =
      '<tr class="bulk-discount-row">' +
        '<td><input type="number" name="bulk_qty[]" min="2" step="1" value="2" required /></td>' +
        '<td><input type="number" name="bulk_discount[]" min="0.01" max="100" step="0.01" value="10" required /> %</td>' +
        '<td><button type="button" class="btn-remove-rule" title="Remove">\u2715</button></td>' +
      '</tr>';
    $('#bulk-discount-tbody').append(row);
  });

  $(document).on('click', '.btn-remove-rule', function () {
    if ($('.bulk-discount-row').length > 1) {
      $(this).closest('tr').remove();
    }
  });
});<!DOCTYPE html>
<html lang="en-US" prefix="og: https://ogp.me/ns#">
<head>
	<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="pingback" href="https://cliponexpress.com/xmlrpc.php" />

	<script type="text/javascript">
		document.documentElement.className = 'js';
	</script>
	
	<script type="text/javascript">
			let jqueryParams=[],jQuery=function(r){return jqueryParams=[...jqueryParams,r],jQuery},$=function(r){return jqueryParams=[...jqueryParams,r],$};window.jQuery=jQuery,window.$=jQuery;let customHeadScripts=!1;jQuery.fn=jQuery.prototype={},$.fn=jQuery.prototype={},jQuery.noConflict=function(r){if(window.jQuery)return jQuery=window.jQuery,$=window.jQuery,customHeadScripts=!0,jQuery.noConflict},jQuery.ready=function(r){jqueryParams=[...jqueryParams,r]},$.ready=function(r){jqueryParams=[...jqueryParams,r]},jQuery.load=function(r){jqueryParams=[...jqueryParams,r]},$.load=function(r){jqueryParams=[...jqueryParams,r]},jQuery.fn.ready=function(r){jqueryParams=[...jqueryParams,r]},$.fn.ready=function(r){jqueryParams=[...jqueryParams,r]};</script>
<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
<title>How to order custom clip on sunglasses using your mobile device</title>
<meta name="description" content="Save time and money by ordering custom clip on sunglasses directly from your mobile device. Learn how to take pictures properly and understand your frame&#039;s information."/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="https://cliponexpress.com/how-to-order-custom-clip-on-sunglasses-using-your-mobile-device/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="How to order custom clip on sunglasses using your mobile device" />
<meta property="og:description" content="Save time and money by ordering custom clip on sunglasses directly from your mobile device. Learn how to take pictures properly and understand your frame&#039;s information." />
<meta property="og:url" content="https://cliponexpress.com/how-to-order-custom-clip-on-sunglasses-using-your-mobile-device/" />
<meta property="og:site_name" content="Custom Clip On Sunglasses | UV400 | Polarized" />
<meta property="article:section" content="Blog Posts" />
<meta property="og:updated_time" content="2021-12-08T13:16:10-08:00" />
<meta property="og:image" content="https://cliponexpress.com/wp-content/uploads/2020/05/Lens-e1588549785859.jpg" />
<meta property="og:image:secure_url" content="https://cliponexpress.com/wp-content/uploads/2020/05/Lens-e1588549785859.jpg" />
<meta property="og:image:width" content="449" />
<meta property="og:image:height" content="290" />
<meta property="og:image:alt" content="Front view of the left lens, used to create a pattern for custom clip-on sunglasses" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="article:published_time" content="2021-12-07T01:14:39-08:00" />
<meta property="article:modified_time" content="2021-12-08T13:16:10-08:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="How to order custom clip on sunglasses using your mobile device" />
<meta name="twitter:description" content="Save time and money by ordering custom clip on sunglasses directly from your mobile device. Learn how to take pictures properly and understand your frame&#039;s information." />
<meta name="twitter:image" content="https://cliponexpress.com/wp-content/uploads/2020/05/Lens-e1588549785859.jpg" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="captain" />
<meta name="twitter:label2" content="Time to read" />
<meta name="twitter:data2" content="7 minutes" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://cliponexpress.com/#place","address":{"@type":"PostalAddress","streetAddress":"2100 Frontier Ave","addressLocality":"Las Vegas","addressRegion":"Nevada","postalCode":"89106","addressCountry":"US"}},{"@type":["Store","Organization"],"@id":"https://cliponexpress.com/#organization","name":"Cliponexpress.com LLC","url":"https://cliponexpress.com","email":"info@cliponexpress.com","address":{"@type":"PostalAddress","streetAddress":"2100 Frontier Ave","addressLocality":"Las Vegas","addressRegion":"Nevada","postalCode":"89106","addressCountry":"US"},"logo":{"@type":"ImageObject","@id":"https://cliponexpress.com/#logo","url":"https://cliponexpress.com/wp-content/uploads/2020/03/Logo.png","contentUrl":"https://cliponexpress.com/wp-content/uploads/2020/03/Logo.png","caption":"Custom Clip On Sunglasses | UV400 | Polarized","inLanguage":"en-US","width":"805","height":"886"},"priceRange":"39-59","openingHours":["Monday,Tuesday,Wednesday,Thursday,Friday 09:00-17:00"],"location":{"@id":"https://cliponexpress.com/#place"},"image":{"@id":"https://cliponexpress.com/#logo"}},{"@type":"WebSite","@id":"https://cliponexpress.com/#website","url":"https://cliponexpress.com","name":"Custom Clip On Sunglasses | UV400 | Polarized","publisher":{"@id":"https://cliponexpress.com/#organization"},"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://cliponexpress.com/wp-content/uploads/2020/05/Lens-e1588549785859.jpg","url":"https://cliponexpress.com/wp-content/uploads/2020/05/Lens-e1588549785859.jpg","width":"449","height":"290","caption":"Front view of the left lens, used to create a pattern for custom clip-on sunglasses","inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"https://cliponexpress.com/how-to-order-custom-clip-on-sunglasses-using-your-mobile-device/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://cliponexpress.com","name":"Home"}},{"@type":"ListItem","position":"2","item":{"@id":"https://cliponexpress.com/how-to-order-custom-clip-on-sunglasses-using-your-mobile-device/","name":"How to order custom clip on sunglasses using your mobile device"}}]},{"@type":"WebPage","@id":"https://cliponexpress.com/how-to-order-custom-clip-on-sunglasses-using-your-mobile-device/#webpage","url":"https://cliponexpress.com/how-to-order-custom-clip-on-sunglasses-using-your-mobile-device/","name":"How to order custom clip on sunglasses using your mobile device","datePublished":"2021-12-07T01:14:39-08:00","dateModified":"2021-12-08T13:16:10-08:00","isPartOf":{"@id":"https://cliponexpress.com/#website"},"primaryImageOfPage":{"@id":"https://cliponexpress.com/wp-content/uploads/2020/05/Lens-e1588549785859.jpg"},"inLanguage":"en-US","breadcrumb":{"@id":"https://cliponexpress.com/how-to-order-custom-clip-on-sunglasses-using-your-mobile-device/#breadcrumb"}},{"@type":"Person","@id":"https://cliponexpress.com/author/captain/","name":"captain","url":"https://cliponexpress.com/author/captain/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/20b521e24735db8e9824cf16fcff1be7f88d51f3b68b3ad757a94f06d9281a48?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/20b521e24735db8e9824cf16fcff1be7f88d51f3b68b3ad757a94f06d9281a48?s=96&amp;d=mm&amp;r=g","caption":"captain","inLanguage":"en-US"},"worksFor":{"@id":"https://cliponexpress.com/#organization"}},{"@type":"BlogPosting","headline":"How to order custom clip on sunglasses using your mobile device","keywords":"clip on sunglasses","datePublished":"2021-12-07T01:14:39-08:00","dateModified":"2021-12-08T13:16:10-08:00","author":{"@id":"https://cliponexpress.com/author/captain/","name":"captain"},"publisher":{"@id":"https://cliponexpress.com/#organization"},"description":"Save time and money by ordering custom clip on sunglasses directly from your mobile device. Learn how to take pictures properly and understand your frame&#039;s information.","name":"How to order custom clip on sunglasses using your mobile device","@id":"https://cliponexpress.com/how-to-order-custom-clip-on-sunglasses-using-your-mobile-device/#richSnippet","isPartOf":{"@id":"https://cliponexpress.com/how-to-order-custom-clip-on-sunglasses-using-your-mobile-device/#webpage"},"image":{"@id":"https://cliponexpress.com/wp-content/uploads/2020/05/Lens-e1588549785859.jpg"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://cliponexpress.com/how-to-order-custom-clip-on-sunglasses-using-your-mobile-device/#webpage"}}]}</script>
<!-- /Rank Math WordPress SEO plugin -->

<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel="alternate" type="application/rss+xml" title="Clip On Express &raquo; Feed" href="https://cliponexpress.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Clip On Express &raquo; Comments Feed" href="https://cliponexpress.com/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://cliponexpress.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcliponexpress.com%2Fhow-to-order-custom-clip-on-sunglasses-using-your-mobile-device%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://cliponexpress.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcliponexpress.com%2Fhow-to-order-custom-clip-on-sunglasses-using-your-mobile-device%2F&#038;format=xml" />
<meta content="Divi Coaching Child Theme v.1.0.0" name="generator"/>
<link rel='stylesheet' id='cr-frontend-css-css' href='https://cliponexpress.com/wp-content/plugins/customer-reviews-woocommerce/css/frontend.css?ver=5.113.0' media='all' />
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 823px;--wp--style--global--wide-size: 1080px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='woocommerce-layout-css' href='https://cliponexpress.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=10.9.1' media='all' />
<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://cliponexpress.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=10.9.1' media='only screen and (max-width: 768px)' />
<link rel='stylesheet' id='woocommerce-general-css' href='https://cliponexpress.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=10.9.1' media='all' />
<style id="woocommerce-inline-inline-css">
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
</style>
<link rel='stylesheet' id='vi-wcaio-frontend-css' href='https://cliponexpress.com/wp-content/plugins/woo-cart-all-in-one/assets/css/frontend.css?ver=1.1.24' media='all' />
<link rel='stylesheet' id='vi-wcaio-loading-css' href='https://cliponexpress.com/wp-content/plugins/woo-cart-all-in-one/assets/css/loading.min.css?ver=1.1.24' media='all' />
<link rel='stylesheet' id='vi-wcaio-sidebar-cart-content-css' href='https://cliponexpress.com/wp-content/plugins/woo-cart-all-in-one/assets/css/sidebar-cart-content.css?ver=1.1.24' media='all' />
<style id="vi-wcaio-sidebar-cart-content-inline-css">
.vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_left,              .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_left{                  left: 20px ;              }              .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_right,              .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_right{                  right: 20px ;              }              @media screen and (max-width: 768px) {                  .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_left .vi-wcaio-sidebar-cart-content-wrap,                  .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_left .vi-wcaio-sidebar-cart-content-wrap{                      left: 0px ;                  }                  .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap,                  .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_right .vi-wcaio-sidebar-cart-content-wrap{                      right: 0px ;                  }              }              .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_left,              .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_right{                  top: 10px ;              }              .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_right,              .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_left{                  bottom: 10px ;              }              @media screen and (max-width: 768px) {                  .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_left .vi-wcaio-sidebar-cart-content-wrap,                  .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-top_right .vi-wcaio-sidebar-cart-content-wrap{                      top: 0px ;                  }                  .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_right .vi-wcaio-sidebar-cart-content-wrap,                  .vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-1.vi-wcaio-sidebar-cart-bottom_left .vi-wcaio-sidebar-cart-content-wrap{                      bottom: 0px ;                  }              }.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-loading-dual_ring:after {                  border-color: #2ea3f2  transparent #2ea3f2  transparent;              }              .vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-loading-ring div{                  border-color: #2ea3f2  transparent transparent transparent;              }              .vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-loading-ripple  div{                  border: 4px solid #2ea3f2 ;              }              .vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-loading-default div,              .vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-loading-animation_face_1 div,              .vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-loading-animation_face_2 div,              .vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-loading-roller div:after,              .vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-loading-loader_balls_1 div,              .vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-loading-loader_balls_2 div,              .vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-loading-loader_balls_3 div,              .vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-loading-spinner div:after{                  background: #2ea3f2 ;              }.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-content-wrap{border-radius:0px;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap{background:#fff;border-style:solid;border-color:#e6e6e6;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap .vi-wcaio-sidebar-cart-header-title-wrap{color:#181818;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap .vi-wcaio-sidebar-cart-header-coupon-wrap .vi-wcaio-coupon-code{border-radius:0px;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap .vi-wcaio-sidebar-cart-header-coupon-wrap button.vi-wcaio-bt-coupon-code,.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap .vi-wcaio-sidebar-cart-header-coupon-wrap .vi-wcaio-bt-coupon-code.button{background:#212121;color:#fff;border-radius:0px;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap .vi-wcaio-sidebar-cart-header-coupon-wrap button.vi-wcaio-bt-coupon-code:hover,.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap .vi-wcaio-sidebar-cart-header-coupon-wrap .vi-wcaio-bt-coupon-code.button:hover{background:#ff9065;color:#fff;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap{background:#fff;border-style:solid;border-color:#e6e6e6;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-footer-cart_total > div:nth-child(1){color:#181818;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-footer-cart_total > div:nth-child(2){color:#181818;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap button.vi-wcaio-sidebar-cart-bt-nav,.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-bt-nav.button{background:#ff9065;color:#fff;border-radius:0px;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap button.vi-wcaio-sidebar-cart-bt-nav:hover,.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-bt-nav.button:hover{background:#ff7b54;color:#212121;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap button.vi-wcaio-sidebar-cart-bt-update,.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-bt-update.button{background:#a4a7a9;color:#fff;border-radius:0px;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap button.vi-wcaio-sidebar-cart-bt-update:hover,.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-bt-update.button:hover{background:#181818;color:#fff;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-footer-pd-plus-title{color:#181818;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products-wrap{background:#fff;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-img-wrap img{border-radius:0px;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-name-wrap .vi-wcaio-sidebar-cart-pd-name, .vi-wcaio-sidebar-cart-footer-pd-name *{color:#2b3e51;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-name-wrap .vi-wcaio-sidebar-cart-pd-name:hover, .vi-wcaio-sidebar-cart-footer-pd-name *:hover{color:#ff9065;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .vi-wcaio-sidebar-cart-pd-price *, .vi-wcaio-sidebar-cart-footer-pd-price *{color:#222;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi-wcaio-sidebar-cart-pd-quantity{                   border: 1px solid #ddd ;              }.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi_wcaio_minus{                   border-right: 1px solid #ddd ;              }.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi_wcaio_plus{                   border-left: 1px solid #ddd ;              }.vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-rtl .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi_wcaio_minus{  			     border-right: unset;                   border-left: 1px solid #ddd ;              }.vi-wcaio-sidebar-cart.vi-wcaio-sidebar-cart-rtl .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi_wcaio_plus{  			     border-left: unset;                   border-right: 1px solid #ddd ;              }.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-desc .vi-wcaio-sidebar-cart-pd-quantity{border-radius:3px;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-remove-wrap i{color:#e6e6e6;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-remove-wrap i:before{font-size:15px;}.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-remove-wrap i:hover{color:#fe2740;}.vi-wcaio-sidebar-cart button.vi-wcaio-pd_plus-product-bt-atc,.vi-wcaio-sidebar-cart .button.vi-wcaio-pd_plus-product-bt-atc{background:;color:;}.vi-wcaio-sidebar-cart button.vi-wcaio-pd_plus-product-bt-atc:hover,.vi-wcaio-sidebar-cart .button.vi-wcaio-pd_plus-product-bt-atc:hover{background:;color:;}
/*# sourceURL=vi-wcaio-sidebar-cart-content-inline-css */
</style>
<link rel='stylesheet' id='vi-wcaio-cart-icons-css' href='https://cliponexpress.com/wp-content/plugins/woo-cart-all-in-one/assets/css/cart-icons.min.css?ver=1.1.24' media='all' />
<link rel='stylesheet' id='vi-wcaio-nav-icons-css' href='https://cliponexpress.com/wp-content/plugins/woo-cart-all-in-one/assets/css/nav-icons.min.css?ver=1.1.24' media='all' />
<link rel='stylesheet' id='vi-wcaio-flexslider-css' href='https://cliponexpress.com/wp-content/plugins/woo-cart-all-in-one/assets/css/sc-flexslider.min.css?ver=1.1.24' media='all' />
<link rel='stylesheet' id='vi-wcaio-sidebar-cart-icon-css' href='https://cliponexpress.com/wp-content/plugins/woo-cart-all-in-one/assets/css/sidebar-cart-icon.css?ver=1.1.24' media='all' />
<style id="vi-wcaio-sidebar-cart-icon-inline-css">
.vi-wcaio-sidebar-cart-icon-wrap-top_left, .vi-wcaio-sidebar-cart-icon-wrap-bottom_left{left: 20px ;}.vi-wcaio-sidebar-cart-icon-wrap-top_right, .vi-wcaio-sidebar-cart-icon-wrap-bottom_right{right: 20px ;}.vi-wcaio-sidebar-cart-icon-wrap-top_left, .vi-wcaio-sidebar-cart-icon-wrap-top_right{top: 10px ;}.vi-wcaio-sidebar-cart-icon-wrap-bottom_right, .vi-wcaio-sidebar-cart-icon-wrap-bottom_left{bottom: 10px ;}.vi-wcaio-sidebar-cart-icon-wrap{                  box-shadow: inset 0 0 2px rgba(0,0,0,0.03), 0 4px 10px rgba(0,0,0,0.17);              }.vi-wcaio-sidebar-cart-icon-wrap {                  transform: scale(1) ;              }              @keyframes vi-wcaio-cart-icon-slide_in_left {                  from {                      transform: translate3d(-100%, 0, 0) scale(1);                      visibility: hidden;                  }                  to {                      transform: translate3d(0, 0, 0) scale(1);                  }              }              @keyframes vi-wcaio-cart-icon-slide_out_left {                  from {                      transform: translate3d(0, 0, 0) scale(1);                      visibility: visible;                      opacity: 1;                  }                  to {                      transform: translate3d(-100%, 0, 0) scale(1);                      visibility: hidden;                      opacity: 0;                  }              }              @keyframes vi-wcaio-cart-icon-shake_horizontal {                 0% {                transform: scale(1);               }              10%, 20% {                transform: scale(1) translateX(-10%);              }              30%, 50%, 70%, 90% {                transform: scale(1) translateX(10%);              }              40%, 60%, 80% {                transform: scale(1) translateX(-10%);              }               100% {                transform: scale(1);               }              }              @keyframes vi-wcaio-cart-icon-shake_vertical {                 0% {                transform: scale(1);               }              10%, 20% {                   transform: scale(0.9) rotate3d(0, 0, 1, -3deg);              }              30%, 50%, 70%, 90% {                transform: scale(1.1) rotate3d(0, 0, 1, 3deg);              }              40%, 60%, 80% {                transform: scale(1.1) rotate3d(0, 0, 1, -3deg);              }               100% {                transform: scale(1);               }              }@keyframes vi-wcaio-cart-icon-mouseenter {                  from {                      transform: translate3d(0, 0, 0) scale(1);                  }                  to {                      transform: translate3d(0, 0, 0) scale(1);                  }              }              @keyframes vi-wcaio-cart-icon-mouseleave {                  from {                      transform: translate3d(0, 0, 0) scale(1);                  }                  to {                      transform: translate3d(0, 0, 0) scale(1);                  }              }              @keyframes vi-wcaio-cart-icon-slide_out_left {                  from {                      transform: translate3d(0, 0, 0) scale(1);                      visibility: visible;                      opacity: 1;                  }                  to {                      transform: translate3d(-100%, 0, 0) scale(1);                      visibility: hidden;                      opacity: 0;                  }              }              @keyframes vi-wcaio-cart-icon-slide_out_right {                  from {                      transform: translate3d(0, 0, 0) scale(1);                      visibility: visible;                      opacity: 1;                  }                  to {                      transform: translate3d(100%, 0, 0) scale(1);                      visibility: hidden;                      opacity: 0;                  }              }.vi-wcaio-sidebar-cart-icon-wrap{border-radius:30px;background:#fff;}.vi-wcaio-sidebar-cart-icon-wrap .vi-wcaio-sidebar-cart-icon i{color:#2ea3f2;}.vi-wcaio-sidebar-cart-icon-wrap .vi-wcaio-sidebar-cart-count-wrap{background:#212121;color:#fff;border-radius:10px;}
/*# sourceURL=vi-wcaio-sidebar-cart-icon-inline-css */
</style>
<link rel='stylesheet' id='dgwt-wcas-style-css' href='https://cliponexpress.com/wp-content/plugins/ajax-search-for-woocommerce/assets/css/style.min.css?ver=1.33.0' media='all' />
<style id="divi-style-parent-inline-inline-css">
/*!
Theme Name: Divi
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 4.27.6
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
a,abbr,acronym,address,applet,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}blockquote{margin:20px 0 30px;border-left:5px solid;padding-left:20px}:focus{outline:0}del{text-decoration:line-through}pre{overflow:auto;padding:10px}figure{margin:0}table{border-collapse:collapse;border-spacing:0}article,aside,footer,header,hgroup,nav,section{display:block}body{font-family:Open Sans,Arial,sans-serif;font-size:14px;color:#666;background-color:#fff;line-height:1.7em;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.page-template-page-template-blank-php #page-container{padding-top:0!important}body.et_cover_background{background-size:cover!important;background-position:top!important;background-repeat:no-repeat!important;background-attachment:fixed}a{color:#2ea3f2}a,a:hover{text-decoration:none}p{padding-bottom:1em}p:not(.has-background):last-of-type{padding-bottom:0}p.et_normal_padding{padding-bottom:1em}strong{font-weight:700}cite,em,i{font-style:italic}code,pre{font-family:Courier New,monospace;margin-bottom:10px}ins{text-decoration:none}sub,sup{height:0;line-height:1;position:relative;vertical-align:baseline}sup{bottom:.8em}sub{top:.3em}dl{margin:0 0 1.5em}dl dt{font-weight:700}dd{margin-left:1.5em}blockquote p{padding-bottom:0}embed,iframe,object,video{max-width:100%}h1,h2,h3,h4,h5,h6{color:#333;padding-bottom:10px;line-height:1em;font-weight:500}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}h1{font-size:30px}h2{font-size:26px}h3{font-size:22px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}input{-webkit-appearance:none}input[type=checkbox]{-webkit-appearance:checkbox}input[type=radio]{-webkit-appearance:radio}input.text,input.title,input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{background-color:#fff;border:1px solid #bbb;padding:2px;color:#4e4e4e}input.text:focus,input.title:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#2d3940;color:#3e3e3e}input.text,input.title,input[type=text],select,textarea{margin:0}textarea{padding:4px}button,input,select,textarea{font-family:inherit}img{max-width:100%;height:auto}.clear{clear:both}br.clear{margin:0;padding:0}.pagination{clear:both}#et_search_icon:hover,.et-social-icon a:hover,.et_password_protected_form .et_submit_button,.form-submit .et_pb_buttontton.alt.disabled,.nav-single a,.posted_in a{color:#2ea3f2}.et-search-form,blockquote{border-color:#2ea3f2}#main-content{background-color:#fff}.container{width:80%;max-width:1080px;margin:auto;position:relative}body:not(.et-tb) #main-content .container,body:not(.et-tb-has-header) #main-content .container{padding-top:58px}.et_full_width_page #main-content .container:before{display:none}.main_title{margin-bottom:20px}.et_password_protected_form .et_submit_button:hover,.form-submit .et_pb_button:hover{background:rgba(0,0,0,.05)}.et_button_icon_visible .et_pb_button{padding-right:2em;padding-left:.7em}.et_button_icon_visible .et_pb_button:after{opacity:1;margin-left:0}.et_button_left .et_pb_button:hover:after{left:.15em}.et_button_left .et_pb_button:after{margin-left:0;left:1em}.et_button_icon_visible.et_button_left .et_pb_button,.et_button_left .et_pb_button:hover,.et_button_left .et_pb_module .et_pb_button:hover{padding-left:2em;padding-right:.7em}.et_button_icon_visible.et_button_left .et_pb_button:after,.et_button_left .et_pb_button:hover:after{left:.15em}.et_password_protected_form .et_submit_button:hover,.form-submit .et_pb_button:hover{padding:.3em 1em}.et_button_no_icon .et_pb_button:after{display:none}.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button,.et_button_no_icon.et_button_left .et_pb_button:hover,.et_button_no_icon .et_pb_button,.et_button_no_icon .et_pb_button:hover{padding:.3em 1em!important}.et_button_custom_icon .et_pb_button:after{line-height:1.7em}.et_button_custom_icon.et_button_icon_visible .et_pb_button:after,.et_button_custom_icon .et_pb_button:hover:after{margin-left:.3em}#left-area .post_format-post-format-gallery .wp-block-gallery:first-of-type{padding:0;margin-bottom:-16px}.entry-content table:not(.variations){border:1px solid #eee;margin:0 0 15px;text-align:left;width:100%}.entry-content thead th,.entry-content tr th{color:#555;font-weight:700;padding:9px 24px}.entry-content tr td{border-top:1px solid #eee;padding:6px 24px}#left-area ul,.entry-content ul,.et-l--body ul,.et-l--footer ul,.et-l--header ul{list-style-type:disc;padding:0 0 23px 1em;line-height:26px}#left-area ol,.entry-content ol,.et-l--body ol,.et-l--footer ol,.et-l--header ol{list-style-type:decimal;list-style-position:inside;padding:0 0 23px;line-height:26px}#left-area ul li ul,.entry-content ul li ol{padding:2px 0 2px 20px}#left-area ol li ul,.entry-content ol li ol,.et-l--body ol li ol,.et-l--footer ol li ol,.et-l--header ol li ol{padding:2px 0 2px 35px}#left-area ul.wp-block-gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;padding:0}#left-area ul.products{padding:0!important;line-height:1.7!important;list-style:none!important}.gallery-item a{display:block}.gallery-caption,.gallery-item a{width:90%}#wpadminbar{z-index:100001}#left-area .post-meta{font-size:14px;padding-bottom:15px}#left-area .post-meta a{text-decoration:none;color:#666}#left-area .et_featured_image{padding-bottom:7px}.single .post{padding-bottom:25px}body.single .et_audio_content{margin-bottom:-6px}.nav-single a{text-decoration:none;color:#2ea3f2;font-size:14px;font-weight:400}.nav-previous{float:left}.nav-next{float:right}.et_password_protected_form p input{background-color:#eee;border:none!important;width:100%!important;border-radius:0!important;font-size:14px;color:#999!important;padding:16px!important;-webkit-box-sizing:border-box;box-sizing:border-box}.et_password_protected_form label{display:none}.et_password_protected_form .et_submit_button{font-family:inherit;display:block;float:right;margin:8px auto 0;cursor:pointer}.post-password-required p.nocomments.container{max-width:100%}.post-password-required p.nocomments.container:before{display:none}.aligncenter,div.post .new-post .aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;margin-bottom:10px;max-width:96%;padding:8px}.wp-caption.alignleft{margin:0 30px 20px 0}.wp-caption.alignright{margin:0 0 20px 30px}.wp-caption img{margin:0;padding:0;border:0}.wp-caption p.wp-caption-text{font-size:12px;padding:0 4px 5px;margin:0}.alignright{float:right}.alignleft{float:left}img.alignleft{display:inline;float:left;margin-right:15px}img.alignright{display:inline;float:right;margin-left:15px}.page.et_pb_pagebuilder_layout #main-content{background-color:transparent}body #main-content .et_builder_inner_content>h1,body #main-content .et_builder_inner_content>h2,body #main-content .et_builder_inner_content>h3,body #main-content .et_builder_inner_content>h4,body #main-content .et_builder_inner_content>h5,body #main-content .et_builder_inner_content>h6{line-height:1.4em}body #main-content .et_builder_inner_content>p{line-height:1.7em}.wp-block-pullquote{margin:20px 0 30px}.wp-block-pullquote.has-background blockquote{border-left:none}.wp-block-group.has-background{padding:1.5em 1.5em .5em}@media (min-width:981px){#left-area{width:79.125%;padding-bottom:23px}#main-content .container:before{content:"";position:absolute;top:0;height:100%;width:1px;background-color:#e2e2e2}.et_full_width_page #left-area,.et_no_sidebar #left-area{float:none;width:100%!important}.et_full_width_page #left-area{padding-bottom:0}.et_no_sidebar #main-content .container:before{display:none}}@media (max-width:980px){#page-container{padding-top:80px}.et-tb #page-container,.et-tb-has-header #page-container{padding-top:0!important}#left-area,#sidebar{width:100%!important}#main-content .container:before{display:none!important}.et_full_width_page .et_gallery_item:nth-child(4n+1){clear:none}}@media print{#page-container{padding-top:0!important}}#wp-admin-bar-et-use-visual-builder a:before{font-family:ETmodules!important;content:"\e625";font-size:30px!important;width:28px;margin-top:-3px;color:#974df3!important}#wp-admin-bar-et-use-visual-builder:hover a:before{color:#fff!important}#wp-admin-bar-et-use-visual-builder:hover a,#wp-admin-bar-et-use-visual-builder a:hover{transition:background-color .5s ease;-webkit-transition:background-color .5s ease;-moz-transition:background-color .5s ease;background-color:#7e3bd0!important;color:#fff!important}* html .clearfix,:first-child+html .clearfix{zoom:1}.iphone .et_pb_section_video_bg video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.et_mobile_device .et_pb_section_parallax .et_pb_parallax_css{background-attachment:scroll}.et-social-facebook a.icon:before{content:"\e093"}.et-social-twitter a.icon:before{content:"\e094"}.et-social-google-plus a.icon:before{content:"\e096"}.et-social-instagram a.icon:before{content:"\e09a"}.et-social-rss a.icon:before{content:"\e09e"}.ai1ec-single-event:after{content:" ";display:table;clear:both}.evcal_event_details .evcal_evdata_cell .eventon_details_shading_bot.eventon_details_shading_bot{z-index:3}.wp-block-divi-layout{margin-bottom:1em}*{-webkit-box-sizing:border-box;box-sizing:border-box}#et-info-email:before,#et-info-phone:before,#et_search_icon:before,.comment-reply-link:after,.et-cart-info span:before,.et-pb-arrow-next:before,.et-pb-arrow-prev:before,.et-social-icon a:before,.et_audio_container .mejs-playpause-button button:before,.et_audio_container .mejs-volume-button button:before,.et_overlay:before,.et_password_protected_form .et_submit_button:after,.et_pb_button:after,.et_pb_contact_reset:after,.et_pb_contact_submit:after,.et_pb_font_icon:before,.et_pb_newsletter_button:after,.et_pb_pricing_table_button:after,.et_pb_promo_button:after,.et_pb_testimonial:before,.et_pb_toggle_title:before,.form-submit .et_pb_button:after,.mobile_menu_bar:before,a.et_pb_more_button:after{font-family:ETmodules!important;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0;direction:ltr}.et-pb-icon,.et_pb_custom_button_icon.et_pb_button:after,.et_pb_login .et_pb_custom_button_icon.et_pb_button:after,.et_pb_woo_custom_button_icon .button.et_pb_custom_button_icon.et_pb_button:after,.et_pb_woo_custom_button_icon .button.et_pb_custom_button_icon.et_pb_button:hover:after{content:attr(data-icon)}.et-pb-icon{font-family:ETmodules;speak:none;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-size:96px;font-style:normal;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;direction:ltr}#et-ajax-saving{display:none;-webkit-transition:background .3s,-webkit-box-shadow .3s;transition:background .3s,-webkit-box-shadow .3s;transition:background .3s,box-shadow .3s;transition:background .3s,box-shadow .3s,-webkit-box-shadow .3s;-webkit-box-shadow:rgba(0,139,219,.247059) 0 0 60px;box-shadow:0 0 60px rgba(0,139,219,.247059);position:fixed;top:50%;left:50%;width:50px;height:50px;background:#fff;border-radius:50px;margin:-25px 0 0 -25px;z-index:999999;text-align:center}#et-ajax-saving img{margin:9px}.et-safe-mode-indicator,.et-safe-mode-indicator:focus,.et-safe-mode-indicator:hover{-webkit-box-shadow:0 5px 10px rgba(41,196,169,.15);box-shadow:0 5px 10px rgba(41,196,169,.15);background:#29c4a9;color:#fff;font-size:14px;font-weight:600;padding:12px;line-height:16px;border-radius:3px;position:fixed;bottom:30px;right:30px;z-index:999999;text-decoration:none;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.et_pb_button{font-size:20px;font-weight:500;padding:.3em 1em;line-height:1.7em!important;background-color:transparent;background-size:cover;background-position:50%;background-repeat:no-repeat;border:2px solid;border-radius:3px;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:all!important;transition-property:all!important}.et_pb_button,.et_pb_button_inner{position:relative}.et_pb_button:hover,.et_pb_module .et_pb_button:hover{border:2px solid transparent;padding:.3em 2em .3em .7em}.et_pb_button:hover{background-color:hsla(0,0%,100%,.2)}.et_pb_bg_layout_light.et_pb_button:hover,.et_pb_bg_layout_light .et_pb_button:hover{background-color:rgba(0,0,0,.05)}.et_pb_button:after,.et_pb_button:before{font-size:32px;line-height:1em;content:"\35";opacity:0;position:absolute;margin-left:-1em;-webkit-transition:all .2s;transition:all .2s;text-transform:none;-webkit-font-feature-settings:"kern" off;font-feature-settings:"kern" off;font-variant:none;font-style:normal;font-weight:400;text-shadow:none}.et_pb_button.et_hover_enabled:hover:after,.et_pb_button.et_pb_hovered:hover:after{-webkit-transition:none!important;transition:none!important}.et_pb_button:before{display:none}.et_pb_button:hover:after{opacity:1;margin-left:0}.et_pb_column_1_3 h1,.et_pb_column_1_4 h1,.et_pb_column_1_5 h1,.et_pb_column_1_6 h1,.et_pb_column_2_5 h1{font-size:26px}.et_pb_column_1_3 h2,.et_pb_column_1_4 h2,.et_pb_column_1_5 h2,.et_pb_column_1_6 h2,.et_pb_column_2_5 h2{font-size:23px}.et_pb_column_1_3 h3,.et_pb_column_1_4 h3,.et_pb_column_1_5 h3,.et_pb_column_1_6 h3,.et_pb_column_2_5 h3{font-size:20px}.et_pb_column_1_3 h4,.et_pb_column_1_4 h4,.et_pb_column_1_5 h4,.et_pb_column_1_6 h4,.et_pb_column_2_5 h4{font-size:18px}.et_pb_column_1_3 h5,.et_pb_column_1_4 h5,.et_pb_column_1_5 h5,.et_pb_column_1_6 h5,.et_pb_column_2_5 h5{font-size:16px}.et_pb_column_1_3 h6,.et_pb_column_1_4 h6,.et_pb_column_1_5 h6,.et_pb_column_1_6 h6,.et_pb_column_2_5 h6{font-size:15px}.et_pb_bg_layout_dark,.et_pb_bg_layout_dark h1,.et_pb_bg_layout_dark h2,.et_pb_bg_layout_dark h3,.et_pb_bg_layout_dark h4,.et_pb_bg_layout_dark h5,.et_pb_bg_layout_dark h6{color:#fff!important}.et_pb_module.et_pb_text_align_left{text-align:left}.et_pb_module.et_pb_text_align_center{text-align:center}.et_pb_module.et_pb_text_align_right{text-align:right}.et_pb_module.et_pb_text_align_justified{text-align:justify}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.et_pb_bg_layout_light .et_pb_more_button{color:#2ea3f2}.et_builder_inner_content{position:relative;z-index:1}header .et_builder_inner_content{z-index:2}.et_pb_css_mix_blend_mode_passthrough{mix-blend-mode:unset!important}.et_pb_image_container{margin:-20px -20px 29px}.et_pb_module_inner{position:relative}.et_hover_enabled_preview{z-index:2}.et_hover_enabled:hover{position:relative;z-index:2}.et_pb_all_tabs,.et_pb_module,.et_pb_posts_nav a,.et_pb_tab,.et_pb_with_background{position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat}.et_pb_background_mask,.et_pb_background_pattern{bottom:0;left:0;position:absolute;right:0;top:0}.et_pb_background_mask{background-size:calc(100% + 2px) calc(100% + 2px);background-repeat:no-repeat;background-position:50%;overflow:hidden}.et_pb_background_pattern{background-position:0 0;background-repeat:repeat}.et_pb_with_border{position:relative;border:0 solid #333}.post-password-required .et_pb_row{padding:0;width:100%}.post-password-required .et_password_protected_form{min-height:0}body.et_pb_pagebuilder_layout.et_pb_show_title .post-password-required .et_password_protected_form h1,body:not(.et_pb_pagebuilder_layout) .post-password-required .et_password_protected_form h1{display:none}.et_pb_no_bg{padding:0!important}.et_overlay.et_pb_inline_icon:before,.et_pb_inline_icon:before{content:attr(data-icon)}.et_pb_more_button{color:inherit;text-shadow:none;text-decoration:none;display:inline-block;margin-top:20px}.et_parallax_bg_wrap{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.et_parallax_bg{background-repeat:no-repeat;background-position:top;background-size:cover;position:absolute;bottom:0;left:0;width:100%;height:100%;display:block}.et_parallax_bg.et_parallax_bg__hover,.et_parallax_bg.et_parallax_bg_phone,.et_parallax_bg.et_parallax_bg_tablet,.et_parallax_gradient.et_parallax_gradient__hover,.et_parallax_gradient.et_parallax_gradient_phone,.et_parallax_gradient.et_parallax_gradient_tablet,.et_pb_section_parallax_hover:hover .et_parallax_bg:not(.et_parallax_bg__hover),.et_pb_section_parallax_hover:hover .et_parallax_gradient:not(.et_parallax_gradient__hover){display:none}.et_pb_section_parallax_hover:hover .et_parallax_bg.et_parallax_bg__hover,.et_pb_section_parallax_hover:hover .et_parallax_gradient.et_parallax_gradient__hover{display:block}.et_parallax_gradient{bottom:0;display:block;left:0;position:absolute;right:0;top:0}.et_pb_module.et_pb_section_parallax,.et_pb_posts_nav a.et_pb_section_parallax,.et_pb_tab.et_pb_section_parallax{position:relative}.et_pb_section_parallax .et_pb_parallax_css,.et_pb_slides .et_parallax_bg.et_pb_parallax_css{background-attachment:fixed}body.et-bfb .et_pb_section_parallax .et_pb_parallax_css,body.et-bfb .et_pb_slides .et_parallax_bg.et_pb_parallax_css{background-attachment:scroll;bottom:auto}.et_pb_section_parallax.et_pb_column .et_pb_module,.et_pb_section_parallax.et_pb_row .et_pb_column,.et_pb_section_parallax.et_pb_row .et_pb_module{z-index:9;position:relative}.et_pb_more_button:hover:after{opacity:1;margin-left:0}.et_pb_preload .et_pb_section_video_bg,.et_pb_preload>div{visibility:hidden}.et_pb_preload,.et_pb_section.et_pb_section_video.et_pb_preload{position:relative;background:#464646!important}.et_pb_preload:before{content:"";position:absolute;top:50%;left:50%;background:url(https://cliponexpress.com/wp-content/themes/Divi/includes/builder/styles/images/preloader.gif) no-repeat;border-radius:32px;width:32px;height:32px;margin:-16px 0 0 -16px}.box-shadow-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.et_pb_section>.box-shadow-overlay~.et_pb_row{z-index:11}body.safari .section_has_divider{will-change:transform}.et_pb_row>.box-shadow-overlay{z-index:8}.has-box-shadow-overlay{position:relative}.et_clickable{cursor:pointer}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.et_multi_view_hidden,.et_multi_view_hidden_image{display:none!important}@keyframes multi-view-image-fade{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}.et_multi_view_image__loading{visibility:hidden}.et_multi_view_image__loaded{-webkit-animation:multi-view-image-fade .5s;animation:multi-view-image-fade .5s}#et-pb-motion-effects-offset-tracker{visibility:hidden!important;opacity:0;position:absolute;top:0;left:0}.et-pb-before-scroll-animation{opacity:0}header.et-l.et-l--header:after{clear:both;display:block;content:""}.et_pb_module{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes fadeBottom{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeBottom{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeLeft{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeLeft{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeRight{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeRight{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeTop{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeTop{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.et-waypoint:not(.et_pb_counters){opacity:0}@media (min-width:981px){.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_column .et_pb_module.et-last-child,.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_column .et_pb_module:last-child,.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_row_inner .et_pb_column .et_pb_module.et-last-child,.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_row_inner .et_pb_column .et_pb_module:last-child,.et_pb_section div.et_pb_row .et_pb_column .et_pb_module.et-last-child,.et_pb_section div.et_pb_row .et_pb_column .et_pb_module:last-child{margin-bottom:0}}@media (max-width:980px){.et_overlay.et_pb_inline_icon_tablet:before,.et_pb_inline_icon_tablet:before{content:attr(data-icon-tablet)}.et_parallax_bg.et_parallax_bg_tablet_exist,.et_parallax_gradient.et_parallax_gradient_tablet_exist{display:none}.et_parallax_bg.et_parallax_bg_tablet,.et_parallax_gradient.et_parallax_gradient_tablet{display:block}.et_pb_column .et_pb_module{margin-bottom:30px}.et_pb_row .et_pb_column .et_pb_module.et-last-child,.et_pb_row .et_pb_column .et_pb_module:last-child,.et_section_specialty .et_pb_row .et_pb_column .et_pb_module.et-last-child,.et_section_specialty .et_pb_row .et_pb_column .et_pb_module:last-child{margin-bottom:0}.et_pb_more_button{display:inline-block!important}.et_pb_bg_layout_light_tablet.et_pb_button,.et_pb_bg_layout_light_tablet.et_pb_module.et_pb_button,.et_pb_bg_layout_light_tablet .et_pb_more_button{color:#2ea3f2}.et_pb_bg_layout_light_tablet .et_pb_forgot_password a{color:#666}.et_pb_bg_layout_light_tablet h1,.et_pb_bg_layout_light_tablet h2,.et_pb_bg_layout_light_tablet h3,.et_pb_bg_layout_light_tablet h4,.et_pb_bg_layout_light_tablet h5,.et_pb_bg_layout_light_tablet h6{color:#333!important}.et_pb_module .et_pb_bg_layout_light_tablet.et_pb_button{color:#2ea3f2!important}.et_pb_bg_layout_light_tablet{color:#666!important}.et_pb_bg_layout_dark_tablet,.et_pb_bg_layout_dark_tablet h1,.et_pb_bg_layout_dark_tablet h2,.et_pb_bg_layout_dark_tablet h3,.et_pb_bg_layout_dark_tablet h4,.et_pb_bg_layout_dark_tablet h5,.et_pb_bg_layout_dark_tablet h6{color:#fff!important}.et_pb_bg_layout_dark_tablet.et_pb_button,.et_pb_bg_layout_dark_tablet.et_pb_module.et_pb_button,.et_pb_bg_layout_dark_tablet .et_pb_more_button{color:inherit}.et_pb_bg_layout_dark_tablet .et_pb_forgot_password a{color:#fff}.et_pb_module.et_pb_text_align_left-tablet{text-align:left}.et_pb_module.et_pb_text_align_center-tablet{text-align:center}.et_pb_module.et_pb_text_align_right-tablet{text-align:right}.et_pb_module.et_pb_text_align_justified-tablet{text-align:justify}}@media (max-width:767px){.et_pb_more_button{display:inline-block!important}.et_overlay.et_pb_inline_icon_phone:before,.et_pb_inline_icon_phone:before{content:attr(data-icon-phone)}.et_parallax_bg.et_parallax_bg_phone_exist,.et_parallax_gradient.et_parallax_gradient_phone_exist{display:none}.et_parallax_bg.et_parallax_bg_phone,.et_parallax_gradient.et_parallax_gradient_phone{display:block}.et-hide-mobile{display:none!important}.et_pb_bg_layout_light_phone.et_pb_button,.et_pb_bg_layout_light_phone.et_pb_module.et_pb_button,.et_pb_bg_layout_light_phone .et_pb_more_button{color:#2ea3f2}.et_pb_bg_layout_light_phone .et_pb_forgot_password a{color:#666}.et_pb_bg_layout_light_phone h1,.et_pb_bg_layout_light_phone h2,.et_pb_bg_layout_light_phone h3,.et_pb_bg_layout_light_phone h4,.et_pb_bg_layout_light_phone h5,.et_pb_bg_layout_light_phone h6{color:#333!important}.et_pb_module .et_pb_bg_layout_light_phone.et_pb_button{color:#2ea3f2!important}.et_pb_bg_layout_light_phone{color:#666!important}.et_pb_bg_layout_dark_phone,.et_pb_bg_layout_dark_phone h1,.et_pb_bg_layout_dark_phone h2,.et_pb_bg_layout_dark_phone h3,.et_pb_bg_layout_dark_phone h4,.et_pb_bg_layout_dark_phone h5,.et_pb_bg_layout_dark_phone h6{color:#fff!important}.et_pb_bg_layout_dark_phone.et_pb_button,.et_pb_bg_layout_dark_phone.et_pb_module.et_pb_button,.et_pb_bg_layout_dark_phone .et_pb_more_button{color:inherit}.et_pb_module .et_pb_bg_layout_dark_phone.et_pb_button{color:#fff!important}.et_pb_bg_layout_dark_phone .et_pb_forgot_password a{color:#fff}.et_pb_module.et_pb_text_align_left-phone{text-align:left}.et_pb_module.et_pb_text_align_center-phone{text-align:center}.et_pb_module.et_pb_text_align_right-phone{text-align:right}.et_pb_module.et_pb_text_align_justified-phone{text-align:justify}}@media (max-width:479px){a.et_pb_more_button{display:block}}@media (min-width:768px) and (max-width:980px){[data-et-multi-view-load-tablet-hidden=true]:not(.et_multi_view_swapped){display:none!important}}@media (max-width:767px){[data-et-multi-view-load-phone-hidden=true]:not(.et_multi_view_swapped){display:none!important}}.et_pb_menu.et_pb_menu--style-inline_centered_logo .et_pb_menu__menu nav ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@-webkit-keyframes multi-view-image-fade{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.01);transform:scale(1.01);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
/*# sourceURL=divi-style-parent-inline-inline-css */
</style>
<style id="divi-dynamic-critical-inline-css">
@font-face{font-family:ETmodules;font-display:block;src:url(//cliponexpress.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot);src:url(//cliponexpress.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot?#iefix) format("embedded-opentype"),url(//cliponexpress.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff) format("woff"),url(//cliponexpress.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.ttf) format("truetype"),url(//cliponexpress.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.svg#ETmodules) format("svg");font-weight:400;font-style:normal}
.et_pb_post{margin-bottom:60px;word-wrap:break-word}.et_pb_fullwidth_post_content.et_pb_with_border img,.et_pb_post_content.et_pb_with_border img,.et_pb_with_border .et_pb_post .et_pb_slides,.et_pb_with_border .et_pb_post img:not(.woocommerce-placeholder),.et_pb_with_border.et_pb_posts .et_pb_post,.et_pb_with_border.et_pb_posts_nav span.nav-next a,.et_pb_with_border.et_pb_posts_nav span.nav-previous a{border:0 solid #333}.et_pb_post .entry-content{padding-top:30px}.et_pb_post .entry-featured-image-url{display:block;position:relative;margin-bottom:30px}.et_pb_post .entry-title a,.et_pb_post h2 a{text-decoration:none}.et_pb_post .post-meta{font-size:14px;margin-bottom:6px}.et_pb_post .more,.et_pb_post .post-meta a{text-decoration:none}.et_pb_post .more{color:#82c0c7}.et_pb_posts a.more-link{clear:both;display:block}.et_pb_posts .et_pb_post{position:relative}.et_pb_has_overlay.et_pb_post .et_pb_image_container a{display:block;position:relative;overflow:hidden}.et_pb_image_container img,.et_pb_post a img{vertical-align:bottom;max-width:100%}@media (min-width:981px) and (max-width:1100px){.et_pb_post{margin-bottom:42px}}@media (max-width:980px){.et_pb_post{margin-bottom:42px}.et_pb_bg_layout_light_tablet .et_pb_post .post-meta,.et_pb_bg_layout_light_tablet .et_pb_post .post-meta a,.et_pb_bg_layout_light_tablet .et_pb_post p{color:#666}.et_pb_bg_layout_dark_tablet .et_pb_post .post-meta,.et_pb_bg_layout_dark_tablet .et_pb_post .post-meta a,.et_pb_bg_layout_dark_tablet .et_pb_post p{color:inherit}.et_pb_bg_layout_dark_tablet .comment_postinfo a,.et_pb_bg_layout_dark_tablet .comment_postinfo span{color:#fff}}@media (max-width:767px){.et_pb_post{margin-bottom:42px}.et_pb_post>h2{font-size:18px}.et_pb_bg_layout_light_phone .et_pb_post .post-meta,.et_pb_bg_layout_light_phone .et_pb_post .post-meta a,.et_pb_bg_layout_light_phone .et_pb_post p{color:#666}.et_pb_bg_layout_dark_phone .et_pb_post .post-meta,.et_pb_bg_layout_dark_phone .et_pb_post .post-meta a,.et_pb_bg_layout_dark_phone .et_pb_post p{color:inherit}.et_pb_bg_layout_dark_phone .comment_postinfo a,.et_pb_bg_layout_dark_phone .comment_postinfo span{color:#fff}}@media (max-width:479px){.et_pb_post{margin-bottom:42px}.et_pb_post h2{font-size:16px;padding-bottom:0}.et_pb_post .post-meta{color:#666;font-size:14px}}
@media (min-width:981px){.et_pb_gutters3 .et_pb_column,.et_pb_gutters3.et_pb_row .et_pb_column{margin-right:5.5%}.et_pb_gutters3 .et_pb_column_4_4,.et_pb_gutters3.et_pb_row .et_pb_column_4_4{width:100%}.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module{margin-bottom:2.75%}.et_pb_gutters3 .et_pb_column_3_4,.et_pb_gutters3.et_pb_row .et_pb_column_3_4{width:73.625%}.et_pb_gutters3 .et_pb_column_3_4 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_module{margin-bottom:3.735%}.et_pb_gutters3 .et_pb_column_2_3,.et_pb_gutters3.et_pb_row .et_pb_column_2_3{width:64.833%}.et_pb_gutters3 .et_pb_column_2_3 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_module{margin-bottom:4.242%}.et_pb_gutters3 .et_pb_column_3_5,.et_pb_gutters3.et_pb_row .et_pb_column_3_5{width:57.8%}.et_pb_gutters3 .et_pb_column_3_5 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_module{margin-bottom:4.758%}.et_pb_gutters3 .et_pb_column_1_2,.et_pb_gutters3.et_pb_row .et_pb_column_1_2{width:47.25%}.et_pb_gutters3 .et_pb_column_1_2 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_module{margin-bottom:5.82%}.et_pb_gutters3 .et_pb_column_2_5,.et_pb_gutters3.et_pb_row .et_pb_column_2_5{width:36.7%}.et_pb_gutters3 .et_pb_column_2_5 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_module{margin-bottom:7.493%}.et_pb_gutters3 .et_pb_column_1_3,.et_pb_gutters3.et_pb_row .et_pb_column_1_3{width:29.6667%}.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_module{margin-bottom:9.27%}.et_pb_gutters3 .et_pb_column_1_4,.et_pb_gutters3.et_pb_row .et_pb_column_1_4{width:20.875%}.et_pb_gutters3 .et_pb_column_1_4 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_module{margin-bottom:13.174%}.et_pb_gutters3 .et_pb_column_1_5,.et_pb_gutters3.et_pb_row .et_pb_column_1_5{width:15.6%}.et_pb_gutters3 .et_pb_column_1_5 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_5 .et_pb_module{margin-bottom:17.628%}.et_pb_gutters3 .et_pb_column_1_6,.et_pb_gutters3.et_pb_row .et_pb_column_1_6{width:12.0833%}.et_pb_gutters3 .et_pb_column_1_6 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_6 .et_pb_module{margin-bottom:22.759%}.et_pb_gutters3 .et_full_width_page.woocommerce-page ul.products li.product{width:20.875%;margin-right:5.5%;margin-bottom:5.5%}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products li.product{width:28.353%;margin-right:7.47%}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-1 li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-1 li.product{width:100%;margin-right:0}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product{width:48%;margin-right:4%}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(2n+2),.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(2n+2){margin-right:0}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(3n+1),.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(3n+1){clear:none}}
.product{word-wrap:break-word}@media (max-width:980px){.et_pb_woo_custom_button_icon .et_pb_custom_button_icon.et_pb_button:after{content:attr(data-icon-tablet)}}@media (max-width:767px){.et_pb_woo_custom_button_icon .et_pb_custom_button_icon.et_pb_button:after{content:attr(data-icon-phone)}}.et-dynamic-content-woo a{color:inherit!important;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-shadow:inherit}.woocommerce-page #content input.button:hover .et_pb_widget li a:hover{color:#2ea3f2}.woocommerce.et_pb_pagebuilder_layout div.product div.summary{margin-bottom:0}.et_pb_pagebuilder_layout .rfq_form_wrap:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0}@media (min-width:981px){.woocommerce-page:not(.et-tb-has-template) .et_pb_shop ul.products li.product:not(.first){clear:none}}@media (min-width:768px) and (max-width:980px){.woocommerce-page ul.products li.product:nth-child(n){margin:0 7.5% 7.5% 0!important;width:28.333%!important;clear:none;float:left!important}.woocommerce-page ul.products li.product:nth-child(3n){margin-right:0!important}.woocommerce-page ul.products li.product:nth-child(3n+1){clear:both}}@media (max-width:767px){.woocommerce-page ul.products li.product:nth-child(n){margin:0 9.5% 9.5% 0!important;width:45.25%!important;clear:none}.woocommerce-page ul.products li.product:nth-child(2n){margin-right:0!important}.woocommerce-page ul.products li.product:nth-child(odd){clear:both}}@media (max-width:479px){.woocommerce-page ul.products li.product:nth-child(n){margin:0 0 11.5%!important;width:100%!important}}
.woocommerce #content input.button.alt:after,.woocommerce #content input.button:after,.woocommerce #respond input#submit.alt:after,.woocommerce #respond input#submit:after,.woocommerce-page #content input.button.alt:after,.woocommerce-page #content input.button:after,.woocommerce-page #respond input#submit.alt:after,.woocommerce-page #respond input#submit:after,.woocommerce-page a.button.alt:after,.woocommerce-page a.button:after,.woocommerce-page button.button.alt:after,.woocommerce-page button.button:after,.woocommerce-page input.button.alt:after,.woocommerce-page input.button:after,.woocommerce a.button.alt:after,.woocommerce button.button.alt:after,.woocommerce button.button:after,.woocommerce button.single_add_to_cart_button.button:after,.woocommerce input.button.alt:after,.woocommerce input.button:after{font-family:ETmodules!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0;direction:ltr}.et_pb_woo_custom_button_icon .et_pb_button[data-icon]:not([data-icon=""]):after{content:attr(data-icon)!important}.woocommerce-page .media-frame .media-frame-toolbar button.button,.woocommerce-page .media-frame .media-frame-toolbar button.post-nav .nav-links .button,.woocommerce-page .media-frame .media-frame-toolbar button.read-more-buttons,.woocommerce .media-frame .media-frame-toolbar button.button,.woocommerce .media-frame .media-frame-toolbar button.post-nav .nav-links .button,.woocommerce .media-frame .media-frame-toolbar button.read-more-buttons{float:left!important}.woocommerce-page .media-frame button.button,.woocommerce-page .media-frame button.post-nav .nav-links .button,.woocommerce-page .media-frame button.read-more-buttons,.woocommerce .media-frame button.button,.woocommerce .media-frame button.post-nav .nav-links .button,.woocommerce .media-frame button.read-more-buttons{margin-left:10px;margin-top:15px;padding:0 12px 2px!important;font-weight:400!important;font-size:13px!important;border-width:1px!important;border-color:#ccc!important;text-decoration:none!important;color:#555!important;background:#f7f7f7!important;-webkit-box-shadow:0 1px 0 #ccc!important;box-shadow:0 1px 0 #ccc!important;vertical-align:top!important}.woocommerce-page .media-frame button.button:after,.woocommerce-page .media-frame button.post-nav .nav-links .button:after,.woocommerce-page .media-frame button.read-more-buttons:after,.woocommerce .media-frame button.button:after,.woocommerce .media-frame button.post-nav .nav-links .button:after,.woocommerce .media-frame button.read-more-buttons:after{content:""!important}.woocommerce-page .media-frame button.button-primary,.woocommerce .media-frame button.button-primary{background:#0085ba!important;border-color:#0073aa #006799 #006799!important;-webkit-box-shadow:0 1px 0 #006799!important;box-shadow:0 1px 0 #006799!important;color:#fff!important;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799!important}.woocommerce-page .media-frame button.button-primary:hover,.woocommerce .media-frame button.button-primary:hover{background:#008ec2!important;color:#fff!important;border-color:#0073aa #006799 #006799!important}.woocommerce-page .media-frame button.button-primary:active,.woocommerce .media-frame button.button-primary:active{background:#0073aa!important;-webkit-box-shadow:inset 0 2px 0 #006799!important;box-shadow:inset 0 2px 0 #006799!important;color:#fff!important;border-color:#0073aa #006799 #006799!important}.woocommerce-page .media-frame button.button-hero,.woocommerce .media-frame button.button-hero{font-size:14px!important;height:46px!important;line-height:44px;padding:0 36px!important}.woocommerce-page .media-frame button.button-hero:hover,.woocommerce .media-frame button.button-hero:hover{background:#fafafa!important;border-color:#999!important;color:#23282d!important}.woocommerce-page .media-frame button.button-hero:active,.woocommerce .media-frame button.button-hero:active{background:#eee!important;border-color:#999!important;-webkit-box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5)!important;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5)!important;-webkit-transform:translateY(1px)!important;transform:translateY(1px)!important;outline:2px solid transparent!important;outline-offset:0!important}
.et_parallax_bg.et_parallax_bg__sticky,.et_pb_sticky.et_pb_section_parallax_sticky .et_parallax_bg:not(.et_parallax_bg__sticky),.et_pb_sticky .et_pb_section_parallax_sticky .et_parallax_bg:not(.et_parallax_bg__sticky){display:none}.et_pb_sticky.et_pb_section_parallax_sticky .et_parallax_bg.et_parallax_bg__sticky,.et_pb_sticky .et_pb_section_parallax_sticky .et_parallax_bg.et_parallax_bg__sticky{display:block}.et_builder_inner_content.has_et_pb_sticky{z-index:inherit}.et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et_pb_column.has_et_pb_sticky{z-index:20}.et-l--header .et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et-l--header .et_pb_column.has_et_pb_sticky{z-index:30}.et-l--footer .et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et-l--footer .et_pb_column.has_et_pb_sticky{z-index:10}.et_pb_sticky_placeholder{opacity:0!important}.et_pb_sticky .et_overlay.et_pb_inline_icon_sticky:before,.et_pb_sticky .et_pb_inline_icon_sticky:before{content:attr(data-icon-sticky)!important}body .et-script-temporary-measurement{opacity:0}
.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) #main-content .container{width:100%;max-width:100%;padding-top:0}.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper{width:80%;max-width:1080px;margin:auto;padding-top:6%}.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper:last-of-type{padding-top:0}.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_row{width:100%}.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_with_background .et_pb_row{width:80%}.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) #main-content .et_pb_row{width:80%}.et_pb_pagebuilder_layout .entry-content,.et_pb_pagebuilder_layout .et_pb_post .entry-content{margin-bottom:0 !important;padding-top:0}.single-project.et_pb_pagebuilder_layout .nav-single{width:80%;max-width:1080px;margin:10px auto}
.et_pb_widget{float:left;max-width:100%;word-wrap:break-word}.et_pb_widget a{text-decoration:none;color:#666}.et_pb_widget li a:hover{color:#82c0c7}.et_pb_widget ol li,.et_pb_widget ul li{margin-bottom:.5em}.et_pb_widget ol li ol li,.et_pb_widget ul li ul li{margin-left:15px}.et_pb_widget select{width:100%;height:28px;padding:0 5px}.et_pb_widget_area .et_pb_widget a{color:inherit}.et_pb_bg_layout_light .et_pb_widget li a{color:#666}.et_pb_bg_layout_dark .et_pb_widget li a{color:inherit}
.woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{background:#2EA3F2}.entry-summary p.price ins,.woocommerce div.product span.price,.woocommerce-page div.product span.price,.woocommerce #content div.product span.price,.woocommerce-page #content div.product span.price,.woocommerce div.product p.price,.woocommerce-page div.product p.price,.woocommerce #content div.product p.price,.woocommerce-page #content div.product p.price,.woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before,.woocommerce a.button.alt,.woocommerce-page a.button.alt,.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce-page button.button.alt,.woocommerce-page button.button.alt.disabled,.woocommerce input.button.alt,.woocommerce-page input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce-page #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page #content input.button.alt,.woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce a.button.alt:hover,.woocommerce-page a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce button.button.alt.disabled:hover,.woocommerce-page button.button.alt:hover,.woocommerce-page button.button.alt.disabled:hover,.woocommerce input.button.alt:hover,.woocommerce-page input.button.alt:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce-page #respond input#submit.alt:hover,.woocommerce #content input.button.alt:hover,.woocommerce-page #content input.button.alt:hover,.woocommerce a.button:hover,.woocommerce-page a.button:hover,.woocommerce button.button,.woocommerce-page button.button:hover,.woocommerce input.button:hover,.woocommerce-page input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce-page #respond input#submit:hover,.woocommerce #content input.button:hover{color:#2EA3F2}.woocommerce a.button.alt,.woocommerce-page a.button.alt,.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce-page button.button.alt,.woocommerce-page button.button.alt.disabled,.woocommerce input.button.alt,.woocommerce-page input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce-page #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page #content input.button.alt,.woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled]{font-size:20px;font-weight:500;padding:0.3em 1em;line-height:1.7em !important;background:transparent;position:relative;border:2px solid;border-radius:3px;-webkit-transition:all 0.2s;transition:all 0.2s}.woocommerce a.button.alt,.woocommerce-page a.button.alt{border-color:#2EA3F2}.woocommerce a.button.alt:hover,.woocommerce-page a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce button.button.alt.disabled:hover,.woocommerce-page button.button.alt:hover,.woocommerce-page button.button.alt.disabled:hover,.woocommerce input.button.alt:hover,.woocommerce-page input.button.alt:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce-page #respond input#submit.alt:hover,.woocommerce #content input.button.alt:hover,.woocommerce-page #content input.button.alt:hover,.woocommerce a.button:hover,.woocommerce-page a.button:hover,.woocommerce button.button:hover,.woocommerce-page button.button:hover,.woocommerce input.button:hover,.woocommerce-page input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce-page #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page #content input.button:hover,.woocommerce button.button:disabled:hover,.woocommerce-page button.button:disabled:hover{border:2px solid transparent;padding:0.3em 2em 0.3em 1em}.woocommerce a.button.alt:hover,.woocommerce-page a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce button.button.alt.disabled:hover,.woocommerce-page button.button.alt:hover,.woocommerce-page button.button.alt.disabled:hover,.woocommerce input.button.alt:hover,.woocommerce-page input.button.alt:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce-page #respond input#submit.alt:hover,.woocommerce #content input.button.alt:hover,.woocommerce-page #content input.button.alt:hover,.woocommerce a.button:hover,.woocommerce-page a.button:hover,.woocommerce button.button:hover,.woocommerce-page button.button:hover,.woocommerce input.button:hover,.woocommerce-page input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce-page #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page #content input.button:hover{background:rgba(0,0,0,0.05)}.woocommerce a.button.alt:after,.woocommerce-page a.button.alt:after,.woocommerce button.button.alt:after,.woocommerce-page button.button.alt:after,.woocommerce input.button.alt:after,.woocommerce-page input.button.alt:after,.woocommerce #respond input#submit.alt:after,.woocommerce-page #respond input#submit.alt:after,.woocommerce #content input.button.alt:after,.woocommerce-page #content input.button.alt:after,.woocommerce a.button:after,.woocommerce-page a.button:after,.woocommerce button.button:not(.button-confirm):after,.woocommerce-page button.button:not(.button-confirm):after,.woocommerce input.button:after,.woocommerce-page input.button:after,.woocommerce #respond input#submit:after,.woocommerce-page #respond input#submit:after,.woocommerce #content input.button:after,.woocommerce-page #content input.button:after,.woocommerce a.button:before,.woocommerce-page a.button:before,.woocommerce button.button:before,.woocommerce-page button.button:before,.woocommerce input.button:before,.woocommerce-page input.button:before,.woocommerce #respond input#submit:before,.woocommerce-page #respond input#submit:before,.woocommerce #content input.button:before,.woocommerce-page #content input.button:before{font-family:"ETmodules";font-size:32px;line-height:1em;content:"\35";opacity:0;position:absolute;margin-left:-1em;-webkit-transition:all 0.2s;transition:all 0.2s}.woocommerce a.button:before,.woocommerce-page a.button:before,.woocommerce button.button:before,.woocommerce-page button.button:before,.woocommerce input.button:before,.woocommerce-page input.button:before,.woocommerce #respond input#submit:before,.woocommerce-page #respond input#submit:before,.woocommerce #content input.button:before,.woocommerce-page #content input.button:before{display:none}.et_button_icon_visible.woocommerce a.button.alt,.et_button_icon_visible.woocommerce-page a.button.alt,.et_button_icon_visible.woocommerce button.button.alt,.et_button_icon_visible.woocommerce button.button.alt.disabled,.et_button_icon_visible.woocommerce-page button.button.alt,.et_button_icon_visible.woocommerce-page button.button.alt.disabled,.et_button_icon_visible.woocommerce input.button.alt,.et_button_icon_visible.woocommerce-page input.button.alt,.et_button_icon_visible.woocommerce #respond input#submit.alt,.et_button_icon_visible.woocommerce-page #respond input#submit.alt,.et_button_icon_visible.woocommerce #content input.button.alt,.et_button_icon_visible.woocommerce-page #content input.button.alt,.et_button_icon_visible.woocommerce a.button,.et_button_icon_visible.woocommerce-page a.button,.et_button_icon_visible.woocommerce button.button,.et_button_icon_visible.woocommerce-page button.button,.et_button_icon_visible.woocommerce input.button,.et_button_icon_visible.woocommerce-page input.button,.et_button_icon_visible.woocommerce #respond input#submit,.et_button_icon_visible.woocommerce-page #respond input#submit,.et_button_icon_visible.woocommerce #content input.button,.et_button_icon_visible.woocommerce-page #content input.button{padding-right:2em;padding-left:0.7em}.et_button_icon_visible.woocommerce a.button.alt:after,.et_button_icon_visible.woocommerce-page a.button.alt:after,.et_button_icon_visible.woocommerce button.button.alt:after,.et_button_icon_visible.woocommerce-page button.button.alt:after,.et_button_icon_visible.woocommerce input.button.alt:after,.et_button_icon_visible.woocommerce-page input.button.alt:after,.et_button_icon_visible.woocommerce #respond input#submit.alt:after,.et_button_icon_visible.woocommerce-page #respond input#submit.alt:after,.et_button_icon_visible.woocommerce #content input.button.alt:after,.et_button_icon_visible.woocommerce-page #content input.button.alt:after,.et_button_icon_visible.woocommerce a.button:after,.et_button_icon_visible.woocommerce-page a.button:after,.et_button_icon_visible.woocommerce button.button:after,.et_button_icon_visible.woocommerce-page button.button:after,.et_button_icon_visible.woocommerce input.button:after,.et_button_icon_visible.woocommerce-page input.button:after,.et_button_icon_visible.woocommerce #respond input#submit:after,.et_button_icon_visible.woocommerce-page #respond input#submit:after,.et_button_icon_visible.woocommerce #content input.button:after,.et_button_icon_visible.woocommerce-page #content input.button:after{opacity:1;margin-left:0}.et_button_left.et_button_icon_visible.woocommerce a.button.alt:hover:after,.et_button_left.et_button_icon_visible.woocommerce-page a.button.alt:hover:after,.et_button_left.et_button_icon_visible.woocommerce button.button.alt:hover:after,.et_button_left.et_button_icon_visible.woocommerce-page button.button.alt:hover:after,.et_button_left.et_button_icon_visible.woocommerce input.button.alt:hover:after,.et_button_left.et_button_icon_visible.woocommerce-page input.button.alt:hover:after,.et_button_left.et_button_icon_visible.woocommerce #respond input#submit.alt:hover:after,.et_button_left.et_button_icon_visible.woocommerce-page #respond input#submit.alt:hover:after,.et_button_left.et_button_icon_visible.woocommerce #content input.button.alt:hover:after,.et_button_left.et_button_icon_visible.woocommerce-page #content input.button.alt:hover:after,.et_button_left.et_button_icon_visible.woocommerce a.button:hover:after,.et_button_left.et_button_icon_visible.woocommerce-page a.button:hover:after,.et_button_left.et_button_icon_visible.woocommerce button.button:hover:after,.et_button_left.et_button_icon_visible.woocommerce-page button.button:hover:after,.et_button_left.et_button_icon_visible.woocommerce input.button:hover:after,.et_button_left.et_button_icon_visible.woocommerce-page input.button:hover:after,.et_button_left.et_button_icon_visible.woocommerce #respond input#submit:hover:after,.et_button_left.et_button_icon_visible.woocommerce-page #respond input#submit:hover:after,.et_button_left.et_button_icon_visible.woocommerce #content input.button:hover:after,.et_button_left.et_button_icon_visible.woocommerce-page #content input.button:hover:after{left:0.15em}.woocommerce a.button.alt:hover:after,.woocommerce-page a.button.alt:hover:after,.woocommerce button.button.alt:hover:after,.woocommerce-page button.button.alt:hover:after,.woocommerce input.button.alt:hover:after,.woocommerce-page input.button.alt:hover:after,.woocommerce #respond input#submit.alt:hover:after,.woocommerce-page #respond input#submit.alt:hover:after,.woocommerce #content input.button.alt:hover:after,.woocommerce-page #content input.button.alt:hover:after,.woocommerce a.button:hover:after,.woocommerce-page a.button:hover:after,.woocommerce button.button:hover:after,.woocommerce-page button.button:hover:after,.woocommerce input.button:hover:after,.woocommerce-page input.button:hover:after,.woocommerce #respond input#submit:hover:after,.woocommerce-page #respond input#submit:hover:after,.woocommerce #content input.button:hover:after,.woocommerce-page #content input.button:hover:after{opacity:1;margin-left:0}.et_button_left.woocommerce a.button.alt:after,.et_button_left.woocommerce-page a.button.alt:after,.et_button_left.woocommerce button.button.alt:after,.et_button_left.woocommerce-page button.button.alt:after,.et_button_left.woocommerce input.button.alt:after,.et_button_left.woocommerce-page input.button.alt:after,.et_button_left.woocommerce #respond input#submit.alt:after,.et_button_left.woocommerce-page #respond input#submit.alt:after,.et_button_left.woocommerce #content input.button.alt:after,.et_button_left.woocommerce-page #content input.button.alt:after,.et_button_left.woocommerce a.button:after,.et_button_left.woocommerce-page a.button:after,.et_button_left.woocommerce button.button:after,.et_button_left.woocommerce-page button.button:after,.et_button_left.woocommerce input.button:after,.et_button_left.woocommerce-page input.button:after,.et_button_left.woocommerce #respond input#submit:after,.et_button_left.woocommerce-page #respond input#submit:after,.et_button_left.woocommerce #content input.button:after,.et_button_left.woocommerce-page #content input.button:after{margin-left:0;left:1em}.et_button_left.woocommerce a.button.alt:hover,.et_button_left.woocommerce-page a.button.alt:hover,.et_button_left.woocommerce button.button.alt:hover,.et_button_left.woocommerce button.button.alt.disabled:hover,.et_button_left.woocommerce-page button.button.alt:hover,.et_button_left.woocommerce-page button.button.alt.disabled:hover,.et_button_left.woocommerce input.button.alt:hover,.et_button_left.woocommerce-page input.button.alt:hover,.et_button_left.woocommerce #respond input#submit.alt:hover,.et_button_left.woocommerce-page #respond input#submit.alt:hover,.et_button_left.woocommerce #content input.button.alt:hover,.et_button_left.woocommerce-page #content input.button.alt:hover,.et_button_left.woocommerce a.button:hover,.et_button_left.woocommerce-page a.button:hover,.et_button_left.woocommerce button.button:hover,.et_button_left.woocommerce-page button.button:hover,.et_button_left.woocommerce input.button:hover,.et_button_left.woocommerce-page input.button:hover,.et_button_left.woocommerce #respond input#submit:hover,.et_button_left.woocommerce-page #respond input#submit:hover,.et_button_left.woocommerce #content input.button:hover,.et_button_left.woocommerce-page #content input.button:hover,.et_button_icon_visible.et_button_left.woocommerce a.button.alt,.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt,.et_button_icon_visible.et_button_left.woocommerce button.button.alt,.et_button_icon_visible.et_button_left.woocommerce button.button.alt.disabled,.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt,.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt.disabled,.et_button_icon_visible.et_button_left.woocommerce input.button.alt,.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt,.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt,.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt,.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt,.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt,.et_button_icon_visible.et_button_left.woocommerce a.button,.et_button_icon_visible.et_button_left.woocommerce-page a.button,.et_button_icon_visible.et_button_left.woocommerce button.button,.et_button_icon_visible.et_button_left.woocommerce-page button.button,.et_button_icon_visible.et_button_left.woocommerce input.button,.et_button_icon_visible.et_button_left.woocommerce-page input.button,.et_button_icon_visible.et_button_left.woocommerce #respond input#submit,.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit,.et_button_icon_visible.et_button_left.woocommerce #content input.button,.et_button_icon_visible.et_button_left.woocommerce-page #content input.button{padding-left:2em;padding-right:0.7em}.et_button_left.woocommerce a.button.alt:hover:after,.et_button_left.woocommerce-page a.button.alt:hover:after,.et_button_left.woocommerce button.button.alt:hover:after,.et_button_left.woocommerce-page button.button.alt:hover:after,.et_button_left.woocommerce input.button.alt:hover:after,.et_button_left.woocommerce-page input.button.alt:hover:after,.et_button_left.woocommerce #respond input#submit.alt:hover:after,.et_button_left.woocommerce-page #respond input#submit.alt:hover:after,.et_button_left.woocommerce #content input.button.alt:hover:after,.et_button_left.woocommerce-page #content input.button.alt:hover:after,.et_button_left.woocommerce a.button:hover:after,.et_button_left.woocommerce-page a.button:hover:after,.et_button_left.woocommerce button.button:hover:after,.et_button_left.woocommerce-page button.button:hover:after,.et_button_left.woocommerce input.button:hover:after,.et_button_left.woocommerce-page input.button:hover:after,.et_button_left.woocommerce #respond input#submit:hover:after,.et_button_left.woocommerce-page #respond input#submit:hover:after,.et_button_left.woocommerce #content input.button:hover:after,.et_button_left.woocommerce-page #content input.button:hover:after,.et_button_icon_visible.et_button_left.woocommerce a.button.alt:after,.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt:after,.et_button_icon_visible.et_button_left.woocommerce button.button.alt:after,.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt:after,.et_button_icon_visible.et_button_left.woocommerce input.button.alt:after,.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt:after,.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt:after,.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt:after,.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt:after,.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt:after,.et_button_icon_visible.et_button_left.woocommerce a.button:after,.et_button_icon_visible.et_button_left.woocommerce-page a.button:after,.et_button_icon_visible.et_button_left.woocommerce button.button:after,.et_button_icon_visible.et_button_left.woocommerce-page button.button:after,.et_button_icon_visible.et_button_left.woocommerce input.button:after,.et_button_icon_visible.et_button_left.woocommerce-page input.button:after,.et_button_icon_visible.et_button_left.woocommerce #respond input#submit:after,.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit:after,.et_button_icon_visible.et_button_left.woocommerce #content input.button:after,.et_button_icon_visible.et_button_left.woocommerce-page #content input.button:after{left:0.15em}.woocommerce #respond input#submit:hover,.woocommerce-page #respond input#submit:hover{padding:0.3em 1em}.et_button_no_icon.woocommerce a.button.alt:after,.et_button_no_icon.woocommerce-page a.button.alt:after,.et_button_no_icon.woocommerce button.button.alt:after,.et_button_no_icon.woocommerce-page button.button.alt:after,.et_button_no_icon.woocommerce input.button.alt:after,.et_button_no_icon.woocommerce-page input.button.alt:after,.et_button_no_icon.woocommerce #respond input#submit.alt:after,.et_button_no_icon.woocommerce-page #respond input#submit.alt:after,.et_button_no_icon.woocommerce #content input.button.alt:after,.et_button_no_icon.woocommerce-page #content input.button.alt:after,.et_button_no_icon.woocommerce a.button:after,.et_button_no_icon.woocommerce-page a.button:after,.et_button_no_icon.woocommerce button.button:after,.et_button_no_icon.woocommerce-page button.button:after,.et_button_no_icon.woocommerce input.button:after,.et_button_no_icon.woocommerce-page input.button:after,.et_button_no_icon.woocommerce #respond input#submit:after,.et_button_no_icon.woocommerce-page #respond input#submit:after,.et_button_no_icon.woocommerce #content input.button:after,.et_button_no_icon.woocommerce-page #content input.button:after{display:none}.et_button_no_icon.woocommerce a.button.alt,.et_button_no_icon.woocommerce-page a.button.alt,.et_button_no_icon.woocommerce button.button.alt,.et_button_no_icon.woocommerce button.button.alt.disabled,.et_button_no_icon.woocommerce-page button.button.alt,.et_button_no_icon.woocommerce-page button.button.alt.disabled,.et_button_no_icon.woocommerce input.button.alt,.et_button_no_icon.woocommerce-page input.button.alt,.et_button_no_icon.woocommerce #respond input#submit.alt,.et_button_no_icon.woocommerce-page #respond input#submit.alt,.et_button_no_icon.woocommerce #content input.button.alt,.et_button_no_icon.woocommerce-page #content input.button.alt,.et_button_no_icon.woocommerce a.button,.et_button_no_icon.woocommerce-page a.button,.et_button_no_icon.woocommerce button.button,.et_button_no_icon.woocommerce-page button.button,.et_button_no_icon.woocommerce input.button,.et_button_no_icon.woocommerce-page input.button,.et_button_no_icon.woocommerce #respond input#submit,.et_button_no_icon.woocommerce-page #respond input#submit,.et_button_no_icon.woocommerce #content input.button,.et_button_no_icon.woocommerce-page #content input.button,.et_button_no_icon.woocommerce a.button.alt:hover,.et_button_no_icon.woocommerce-page a.button.alt:hover,.et_button_no_icon.woocommerce button.button.alt:hover,.et_button_no_icon.woocommerce button.button.alt.disabled:hover,.et_button_no_icon.woocommerce-page button.button.alt:hover,.et_button_no_icon.woocommerce-page button.button.alt.disabled:hover,.et_button_no_icon.woocommerce input.button.alt:hover,.et_button_no_icon.woocommerce-page input.button.alt:hover,.et_button_no_icon.woocommerce #respond input#submit.alt:hover,.et_button_no_icon.woocommerce-page #respond input#submit.alt:hover,.et_button_no_icon.woocommerce #content input.button.alt:hover,.et_button_no_icon.woocommerce-page #content input.button.alt:hover,.et_button_no_icon.woocommerce a.button:hover,.et_button_no_icon.woocommerce-page a.button:hover,.et_button_no_icon.woocommerce button.button:hover,.et_button_no_icon.woocommerce-page button.button:hover,.et_button_no_icon.woocommerce input.button:hover,.et_button_no_icon.woocommerce-page input.button:hover,.et_button_no_icon.woocommerce #respond input#submit:hover,.et_button_no_icon.woocommerce-page #respond input#submit:hover,.et_button_no_icon.woocommerce #content input.button:hover,.et_button_no_icon.woocommerce-page #content input.button:hover,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button.alt,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt.disabled,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt.disabled,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button.alt,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button,.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button,.et_button_no_icon.et_button_left.woocommerce a.button.alt:hover,.et_button_no_icon.et_button_left.woocommerce-page a.button.alt:hover,.et_button_no_icon.et_button_left.woocommerce button.button.alt:hover,.et_button_no_icon.et_button_left.woocommerce button.button.alt.disabled:hover,.et_button_no_icon.et_button_left.woocommerce-page button.button.alt:hover,.et_button_no_icon.et_button_left.woocommerce-page button.button.alt.disabled:hover,.et_button_no_icon.et_button_left.woocommerce input.button.alt:hover,.et_button_no_icon.et_button_left.woocommerce-page input.button.alt:hover,.et_button_no_icon.et_button_left.woocommerce #respond input#submit.alt:hover,.et_button_no_icon.et_button_left.woocommerce-page #respond input#submit.alt:hover,.et_button_no_icon.et_button_left.woocommerce #content input.button.alt:hover,.et_button_no_icon.et_button_left.woocommerce-page #content input.button.alt:hover,.et_button_no_icon.et_button_left.woocommerce a.button:hover,.et_button_no_icon.et_button_left.woocommerce-page a.button:hover,.et_button_no_icon.et_button_left.woocommerce button.button:hover,.et_button_no_icon.et_button_left.woocommerce-page button.button:hover,.et_button_no_icon.et_button_left.woocommerce input.button:hover,.et_button_no_icon.et_button_left.woocommerce-page input.button:hover,.et_button_no_icon.et_button_left.woocommerce #respond input#submit:hover,.et_button_no_icon.et_button_left.woocommerce-page #respond input#submit:hover,.et_button_no_icon.et_button_left.woocommerce #content input.button:hover,.et_button_no_icon.et_button_left.woocommerce-page #content input.button:hover,.woocommerce input.button,.woocommerce input.button:hover{padding:0.3em 1em !important}.et_button_custom_icon.woocommerce a.button.alt:after,.et_button_custom_icon.woocommerce-page a.button.alt:after,.et_button_custom_icon.woocommerce button.button.alt:after,.et_button_custom_icon.woocommerce-page button.button.alt:after,.et_button_custom_icon.woocommerce input.button.alt:after,.et_button_custom_icon.woocommerce-page input.button.alt:after,.et_button_custom_icon.woocommerce #respond input#submit.alt:after,.et_button_custom_icon.woocommerce-page #respond input#submit.alt:after,.et_button_custom_icon.woocommerce #content input.button.alt:after,.et_button_custom_icon.woocommerce-page #content input.button.alt:after,.et_button_custom_icon.woocommerce a.button:after,.et_button_custom_icon.woocommerce-page a.button:after,.et_button_custom_icon.woocommerce button.button:after,.et_button_custom_icon.woocommerce-page button.button:after,.et_button_custom_icon.woocommerce input.button:after,.et_button_custom_icon.woocommerce-page input.button:after,.et_button_custom_icon.woocommerce #respond input#submit:after,.et_button_custom_icon.woocommerce-page #respond input#submit:after,.et_button_custom_icon.woocommerce #content input.button:after,.et_button_custom_icon.woocommerce-page #content input.button:after{line-height:1.7em}.et_button_custom_icon.woocommerce a.button.alt:hover:after,.et_button_custom_icon.woocommerce-page a.button.alt:hover:after,.et_button_custom_icon.woocommerce button.button.alt:hover:after,.et_button_custom_icon.woocommerce-page button.button.alt:hover:after,.et_button_custom_icon.woocommerce input.button.alt:hover:after,.et_button_custom_icon.woocommerce-page input.button.alt:hover:after,.et_button_custom_icon.woocommerce #respond input#submit.alt:hover:after,.et_button_custom_icon.woocommerce-page #respond input#submit.alt:hover:after,.et_button_custom_icon.woocommerce #content input.button.alt:hover:after,.et_button_custom_icon.woocommerce-page #content input.button.alt:hover:after,.et_button_custom_icon.woocommerce a.button:hover:after,.et_button_custom_icon.woocommerce-page a.button:hover:after,.et_button_custom_icon.woocommerce button.button:hover:after,.et_button_custom_icon.woocommerce-page button.button:hover:after,.et_button_custom_icon.woocommerce input.button:hover:after,.et_button_custom_icon.woocommerce-page input.button:hover:after,.et_button_custom_icon.woocommerce #respond input#submit:hover:after,.et_button_left.woocommerce-page #respond input#submit:hover:after,.et_button_custom_icon.woocommerce #content input.button:hover:after,.et_button_custom_icon.woocommerce-page #content input.button:hover:after,.et_button_custom_icon.et_button_icon_visible.woocommerce a.button.alt:after,.et_button_custom_icon.et_button_icon_visible.woocommerce-page a.button.alt:after,.et_button_custom_icon.et_button_icon_visible.woocommerce button.button.alt:after,.et_button_custom_icon.et_button_icon_visible.woocommerce-page button.button.alt:after,.et_button_custom_icon.et_button_icon_visible.woocommerce input.button.alt:after,.et_button_custom_icon.et_button_icon_visible.woocommerce-page input.button.alt:after,.et_button_custom_icon.et_button_icon_visible.woocommerce #respond input#submit.alt:after,.et_button_custom_icon.et_button_icon_visible.woocommerce-page #respond input#submit.alt:after,.et_button_custom_icon.et_button_icon_visible.woocommerce #content input.button.alt:after,.et_button_custom_icon.et_button_icon_visible.woocommerce-page #content input.button.alt:after,.et_button_custom_icon.et_button_icon_visible.woocommerce a.button:after,.et_button_custom_icon.et_button_icon_visible.woocommerce-page a.button:after,.et_button_custom_icon.et_button_icon_visible.woocommerce button.button:after,.et_button_custom_icon.et_button_icon_visible.woocommerce-page button.button:after,.et_button_custom_icon.et_button_icon_visible.woocommerce input.button:after,.et_button_custom_icon.et_button_icon_visible.woocommerce-page input.button:after,.et_button_custom_icon.et_button_icon_visible.woocommerce #respond input#submit:after,.et_button_custom_icon.et_button_icon_visible.woocommerce-page #respond input#submit:after,.et_button_custom_icon.et_button_icon_visible.woocommerce #content input.button:after,.et_button_custom_icon.et_button_icon_visible.woocommerce-page #content input.button:after{margin-left:.3em}p.demo_store{position:fixed !important;bottom:0 !important;top:auto !important;z-index:100000}.entry-content address,.comment-content address,body.et-pb-preview #main-content .container address{line-height:24px;margin-bottom:12px}.woocommerce-info a,.woocommerce-message a{color:#fff}.shop_table .actions .submit{float:right}.shop_table .actions .checkout-button{clear:both}.col2-set.addresses{margin-top:20px}table.shop_table{margin-bottom:30px !important}.woocommerce-message a.button.wc-forward{border:none;background:#fff}.woocommerce-message a.button.wc-forward:hover{border:none;background:#fff}p.woocommerce-result-count{font-weight:500;font-size:14px;color:#999;padding-bottom:40px}.entry-summary .entry-title{padding-bottom:14px !important}.et_pb_widget .buttons a{margin-top:10px !important}.product_meta{border-width:0;border-style:solid;border-color:#dadada;border-top:1px solid #dadada;font-size:14px;color:#666;padding-top:6px}.posted_in a,.tagged_as a{font-weight:500;color:#2ea3f2;text-decoration:none}.product .related h2{font-size:26px !important;padding-bottom:16px}.et_fixed_nav.et_transparent_nav.et-db.et_full_width_page #left-area>.woocommerce-notices-wrapper{opacity:0}.woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img{-webkit-box-shadow:none !important;box-shadow:none !important;margin:0 0 9px !important}.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3{padding:.3em 0}.woocommerce ul.products li.product .onsale,.woocommerce-page ul.products li.product .onsale{left:10px !important;margin:0 !important;right:auto !important}.woocommerce span.onsale,.woocommerce-page span.onsale{z-index:2;background:#ef8f61 !important;border-radius:3px !important;-webkit-box-shadow:none !important;box-shadow:none !important;color:#fff;font-size:20px;font-weight:500 !important;left:10px !important;line-height:inherit !important;margin:0 !important;min-height:0 !important;min-width:0 !important;padding:6px 18px !important;position:absolute;text-shadow:none !important;top:10px !important}.woocommerce div.product div.images img,.woocommerce-page div.product div.images img,.woocommerce #content div.product div.images img,.woocommerce-page #content div.product div.images img{-webkit-box-shadow:none !important;box-shadow:none !important}.woocommerce div.product div.images div.thumbnails,.woocommerce-page div.product div.images div.thumbnails,.woocommerce #content div.product div.images div.thumbnails,.woocommerce-page #content div.product div.images div.thumbnails{padding-top:20px !important}.woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{list-style:none !important;padding:0 !important}.woocommerce .products .star-rating,.woocommerce-page .products .star-rating{margin:4px 0 .3em 0 !important}.woocommerce .star-rating:before,.woocommerce-page .star-rating:before{content:"\53\53\53\53\53" !important;color:#ccc !important}.woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price,.woocommerce ul.products li.product .price del,.woocommerce-page ul.products li.product .price del{color:#666 !important;font-size:14px;margin:0 !important}.entry-summary p.price span{font-size:26px !important}.entry-summary p.price del{color:#999;margin-right:10px}.cart_table_item .quantity{margin:0 !important;width:100px !important}.woocommerce-checkout #main-content .cart-subtotal td{border-top:1px solid #eee}table.cart th,#main-content table.cart th,table.cart td,#main-content table.cart td,table.cart tr,#main-content table.cart tr,#content-area table tr,#content-area table td,#content-area table th{padding:.857em 0.587em;max-width:100%}table.cart td.actions .button.alt,#main-content table.cart td.actions .button.alt{margin:19px 0 9px}table.cart td.actions .checkout-button{margin:0 !important}.orderby,.woocommerce div.product form.cart .variations td select{background-color:#ececec;border:none;border-radius:3px;border-width:0;color:#666 !important;font-size:12px;padding:4px 8px;font-weight:500;font-family:'Open Sans', Arial, sans-serif}.cart_totals h2,.shipping_calculator h2{margin-bottom:10px}.woocommerce div.product form.cart,.woocommerce-page div.product form.cart,.woocommerce #content div.product form.cart,.woocommerce-page #content div.product form.cart{margin:24px 0 39px}.woocommerce div.product .et_pb_wc_add_to_cart:last-child form.cart,.woocommerce-page div.product .et_pb_wc_add_to_cart:last-child form.cart,.woocommerce #content div.product .et_pb_wc_add_to_cart:last-child form.cart,.woocommerce-page #content div.product .et_pb_wc_add_to_cart:last-child form.cart{margin-bottom:0 !important}.woocommerce div.product form.cart div.quantity,.woocommerce-page div.product form.cart div.quantity,.woocommerce #content div.product form.cart div.quantity,.woocommerce-page #content div.product form.cart div.quantity{margin:0 20px 0 0 !important;width:auto;overflow:hidden}.woocommerce .quantity input.qty::-webkit-input-placeholder, .woocommerce-page .quantity input.qty::-webkit-input-placeholder, .woocommerce #content .quantity input.qty::-webkit-input-placeholder, .woocommerce-page #content .quantity input.qty::-webkit-input-placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text::-webkit-input-placeholder, .woocommerce form .form-row input.input-text::-webkit-input-placeholder, .woocommerce form .form-row textarea::-webkit-input-placeholder{color:#999}.woocommerce .quantity input.qty::-moz-placeholder, .woocommerce-page .quantity input.qty::-moz-placeholder, .woocommerce #content .quantity input.qty::-moz-placeholder, .woocommerce-page #content .quantity input.qty::-moz-placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text::-moz-placeholder, .woocommerce form .form-row input.input-text::-moz-placeholder, .woocommerce form .form-row textarea::-moz-placeholder{color:#999}.woocommerce .quantity input.qty:-ms-input-placeholder, .woocommerce-page .quantity input.qty:-ms-input-placeholder, .woocommerce #content .quantity input.qty:-ms-input-placeholder, .woocommerce-page #content .quantity input.qty:-ms-input-placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text:-ms-input-placeholder, .woocommerce form .form-row input.input-text:-ms-input-placeholder, .woocommerce form .form-row textarea:-ms-input-placeholder{color:#999}.woocommerce .quantity input.qty::-ms-input-placeholder, .woocommerce-page .quantity input.qty::-ms-input-placeholder, .woocommerce #content .quantity input.qty::-ms-input-placeholder, .woocommerce-page #content .quantity input.qty::-ms-input-placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text::-ms-input-placeholder, .woocommerce form .form-row input.input-text::-ms-input-placeholder, .woocommerce form .form-row textarea::-ms-input-placeholder{color:#999}.woocommerce .quantity input.qty::placeholder,.woocommerce-page .quantity input.qty::placeholder,.woocommerce #content .quantity input.qty::placeholder,.woocommerce-page #content .quantity input.qty::placeholder,.woocommerce-cart table.cart td.actions .coupon .input-text::placeholder,.woocommerce form .form-row input.input-text::placeholder,.woocommerce form .form-row textarea::placeholder{color:#999}.woocommerce .quantity input.qty,.woocommerce-page .quantity input.qty,.woocommerce #content .quantity input.qty,.woocommerce-page #content .quantity input.qty,.woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.et_pb_wc_cart_totals .select2-container--default .select2-selection--single,.et_pb_wc_checkout_billing .select2-container--default .select2-selection--single,.et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single{-webkit-appearance:none;background-color:#eee;max-width:100%;border-width:0;border-radius:0;color:#999;font-size:14px;padding:16px;line-height:1.7em;border-style:solid}.woocommerce .quantity input.qty{width:4.3em}.et_pb_wc_cart_totals .select2-container .select2-selection--single,.et_pb_wc_checkout_billing .select2-container .select2-selection--single,.et_pb_wc_checkout_shipping .select2-container .select2-selection--single{min-height:50px;padding:15px}.et_pb_wc_cart_totals .select2-container .select2-selection--single .select2-selection__rendered,.et_pb_wc_checkout_billing .select2-container .select2-selection--single .select2-selection__rendered,.et_pb_wc_checkout_shipping .select2-container .select2-selection--single .select2-selection__rendered{color:#999;line-height:22px;padding-left:0}.woocommerce .quantity input.qty:focus,.woocommerce-page .quantity input.qty:focus,.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea.input-text:focus,.woocommerce-page form .form-row input.input-text:focus,.woocommerce-page form .form-row textarea.input-text:focus,.woocommerce #content .quantity input.qty:focus,.woocommerce-page #content .quantity input.qty:focus,.woocommerce-cart table.cart td.actions .coupon .input-text:focus,.et_pb_wc_cart_totals .select2-container.select2-container--open .select2-selection__rendered,.et_pb_wc_checkout_billing .select2-container.select2-container--open .select2-selection__rendered,.et_pb_wc_checkout_shipping .select2-container.select2-container--open .select2-selection__rendered{color:#3e3e3e}.et_pb_wc_cart_totals .select2-container--default .select2-selection--single .select2-selection__arrow,.et_pb_wc_checkout_billing .select2-container--default .select2-selection--single .select2-selection__arrow,.et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single .select2-selection__arrow{height:inherit;top:50%;right:10px}.woocommerce-cart table.cart td.actions .coupon .input-text{width:150px;margin-right:10px}.woocommerce .quantity .plus,.woocommerce-page .quantity .plus,.woocommerce #content .quantity .plus,.woocommerce-page #content .quantity .plus,.woocommerce .quantity .minus,.woocommerce-page .quantity .minus,.woocommerce #content .quantity .minus,.woocommerce-page #content .quantity .minus{background:#fff !important;-webkit-box-shadow:none !important;box-shadow:none !important;color:#BCC8C9 !important;font-size:20px !important;font-weight:300 !important;height:24px !important;text-decoration:none !important;text-shadow:none !important;width:30px !important;border-bottom-left-radius:0 !important;border-top-left-radius:0 !important;border:1px solid #BCC8C9 !important}.woocommerce #content .quantity,.woocommerce .quantity,.woocommerce-page #content .quantity,.woocommerce-page .quantity{width:100px;margin:0}.woocommerce div.product form.cart .variations td{padding:0 20px 20px 0 !important;max-width:none !important;line-height:1.3em}.woocommerce div.product form.cart .variations td:last-child{padding-right:0 !important}.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li{padding:6px 0}.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a{padding:0.3em 2em 0.3em 1.5em}.woocommerce div.product .woocommerce-tabs ul.tabs:before,.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before{border-bottom-color:#d9d9d9}body.woocommerce .woocommerce-tabs{border:1px solid #d9d9d9;margin:30px 0 45px}body.woocommerce div.product .woocommerce-tabs ul.tabs,body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs{margin:0 !important;padding:0 !important;background:#f4f4f4}body.woocommerce div.product .woocommerce-tabs ul.tabs li,body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li,body.woocommerce div.product .woocommerce-tabs ul.tabs li.active,body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active{background:none;border-radius:0;border:none;background:#f4f4f4;border-right:1px solid #d9d9d9;padding:0;-webkit-box-shadow:none;box-shadow:none;margin:0 -2px}body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active{background:#fff !important}body.woocommerce div.product .woocommerce-tabs ul.tabs li a,body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a{color:#666666 !important;padding:4px 22px !important}body.woocommerce div.product .woocommerce-tabs ul.tabs li:before,body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li:before,body.woocommerce div.product .woocommerce-tabs ul.tabs li:after,body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li:after{display:none}body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a{color:#000 !important}body.woocommerce div.product .woocommerce-tabs .panel,body.woocommerce #content-area div.product .woocommerce-tabs .panel{padding:30px;margin:0}#reviews .commentlist{padding-bottom:0 !important}.woocommerce #reviews #comments ol.commentlist li,.woocommerce-page #reviews #comments ol.commentlist li{margin-bottom:40px !important}.woocommerce #reviews #comments ol.commentlist li .comment-text,.woocommerce-page #reviews #comments ol.commentlist li .comment-text{border:none !important;padding:0 !important;margin:0 0 0 100px !important}.woocommerce #reviews #comments ol.commentlist li img.avatar,.woocommerce-page #reviews #comments ol.commentlist li img.avatar{width:auto !important;padding:0 !important;border:none}.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta{font-size:inherit !important;margin:0 0 2px !important;padding:0 !important}.woocommerce #reviews .commentlist .star-rating{float:none !important;margin-bottom:6px !important}.woocommerce #reviews #comments h2,.woocommerce-page #reviews #comments h2,.woocommerce #reviews #comments h1,.woocommerce-page #reviews #comments h1,.woocommerce #reviews #comments h3,.woocommerce-page #reviews #comments h3,.woocommerce #reviews #comments h4,.woocommerce-page #reviews #comments h4,.woocommerce #reviews #comments h5,.woocommerce-page #reviews #comments h5,.woocommerce #reviews #comments h6,.woocommerce-page #reviews #comments h6{margin-bottom:30px !important}.woocommerce-message,.woocommerce-error,.woocommerce-info{-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important;font-size:18px !important;color:#fff !important;padding:15px !important;border:none}.woocommerce-message:before,.woocommerce-error:before,.woocommerce-info:before{display:none !important;color:#FFF !important}.woocommerce-page #reviews #commentform,.woocommerce-page #review_form #respond p.form-submit{padding-bottom:0;margin-bottom:0}.woocommerce .pswp{z-index:999999}div.pp_pic_holder{z-index:100001}div.pp_overlay{z-index:100000}figure.woocommerce-product-gallery__wrapper{margin:0}.woocommerce div.product div.images .flex-control-thumbs{margin-top:6.6666%}.woocommerce div.product div.images .flex-control-thumbs li{width:20%;margin-right:6.6666%;margin-bottom:6.6666%}.woocommerce div.product div.images .flex-control-thumbs li:nth-of-type(4n){margin-right:0}.woocommerce div.product div.images.woocommerce-product-gallery{margin-bottom:0}.woocommerce div.product div.images .flex-control-thumbs li img{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{border-color:#eeeeee}.checkout #payment,.checkout #payment{border-style:solid;border-color:#eeeeee}@media all and (min-width: 981px){.et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n),.et_pb_row .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n),.single.et_left_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n),.archive.et_left_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n),.et_pb_row .et_left_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n),.single.et_right_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n),.archive.et_right_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n),.et_pb_row .et_right_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n){margin-right:0}.single.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-4 li.product:nth-child(3n),.single.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_upsells ul.products.columns-4 li.product:nth-child(3n),.single.et_right_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-4 li.product:nth-child(3n),.single.et_right_sidebar.woocommerce-page #main-content .et_pb_wc_upsells ul.products.columns-4 li.product:nth-child(3n),.single.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-5 li.product:nth-child(3n),.single.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_upsells ul.products.columns-5 li.product:nth-child(3n),.single.et_right_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-5 li.product:nth-child(3n),.single.et_right_sidebar.woocommerce-page #main-content .et_pb_wc_upsells ul.products.columns-5 li.product:nth-child(3n),.single.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-6 li.product:nth-child(3n):not(.last),.single.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_upsells ul.products.columns-6 li.product:nth-child(3n):not(.last),.single.et_right_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-6 li.product:nth-child(3n):not(.last),.single.et_right_sidebar.woocommerce-page #main-content .et_pb_wc_upsells ul.products.columns-6 li.product:nth-child(3n):not(.last){margin-right:3.8%}.et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1),.et_left_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n+1),.et_right_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n+1){clear:both}.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-4 li.product:nth-child(3n+1),.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_upsells ul.products.columns-4 li.product:nth-child(3n+1),.et_right_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-4 li.product:nth-child(3n+1),ul.products.columns-4 li.product:nth-child(3n+1) .et_right_sidebar.woocommerce-page #main-content .et_pb_wc_upsells,.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-5 li.product:nth-child(3n+1),.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_upsells ul.products.columns-5 li.product:nth-child(3n+1),.et_right_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-5 li.product:nth-child(3n+1),ul.products.columns-5 li.product:nth-child(3n+1) .et_right_sidebar.woocommerce-page #main-content .et_pb_wc_upsells,.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-6 li.product:nth-child(3n+1):not(.first),.et_left_sidebar.woocommerce-page #main-content .et_pb_wc_upsells ul.products.columns-6 li.product:nth-child(3n+1):not(.first),.et_right_sidebar.woocommerce-page #main-content .et_pb_wc_related_products ul.products.columns-6 li.product:nth-child(3n+1):not(.first),ul.products.columns-6 li.product:nth-child(3n+1):not(.first) .et_right_sidebar.woocommerce-page #main-content .et_pb_wc_upsells{clear:none}}@media all and (max-width: 980px){.et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1){clear:none}.woocommerce .cart-collaterals>div,.woocommerce .cart-collaterals>form{width:100% !important;float:none !important}.shop_table .coupon{margin-bottom:5px !important}.checkout .form-row,.checkout .col-1,.checkout .col-2{float:none !important;width:auto !important}.checkout .col-1,.checkout .col-2{margin-bottom:25px !important}}@media all and (max-width: 768px){table.cart th,#main-content table.cart th,table.cart td,#main-content table.cart td,table.cart tr,#main-content table.cart tr,.woocommerce-cart #content-area table tr,.woocommerce-cart #content-area table td,.woocommerce-cart #content-area table th{max-width:100%}table.cart tr,#main-content table.cart tr,#content-area table tr{padding:0}.woocommerce .cart_item .quantity{width:auto}.woocommerce-cart table.cart td.actions .coupon .input-text{width:50%;margin-right:0}.woocommerce-cart table.cart td.actions .button[name="update_cart"]{width:100%}}@media all and (max-width: 767px){body.woocommerce div.product .woocommerce-tabs ul.tabs li,body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li,body.woocommerce div.product .woocommerce-tabs ul.tabs li.active,body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active{display:block !important;border-bottom:1px solid #E0DADF !important}body.woocommerce div.product .woocommerce-tabs ul.tabs li a,body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a{display:block !important}.woocommerce .form-row{float:none !important;width:auto !important}}@media all and (max-width: 479px){table.cart th,#content table.cart th,table.cart td,#content table.cart td,table.cart tr,#content table.cart tr{padding:.857em 0.287em !important}.woocommerce-cart table.cart td.actions .coupon .input-text{margin-bottom:10px}.woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce-cart table.cart td.actions .button{width:100%}}
.et_pb_section{position:relative;background-color:#fff;background-position:50%;background-size:100%;background-size:cover}.et_pb_section--absolute,.et_pb_section--fixed{width:100%}.et_pb_section.et_section_transparent{background-color:transparent}.et_pb_fullwidth_section{padding:0}.et_pb_fullwidth_section>.et_pb_module:not(.et_pb_post_content):not(.et_pb_fullwidth_post_content) .et_pb_row{padding:0!important}.et_pb_inner_shadow{-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,.07);box-shadow:inset 0 0 7px rgba(0,0,0,.07)}.et_pb_bottom_inside_divider,.et_pb_top_inside_divider{display:block;background-repeat-y:no-repeat;height:100%;position:absolute;pointer-events:none;width:100%;left:0;right:0}.et_pb_bottom_inside_divider.et-no-transition,.et_pb_top_inside_divider.et-no-transition{-webkit-transition:none!important;transition:none!important}.et-fb .section_has_divider.et_fb_element_controls_visible--child>.et_pb_bottom_inside_divider,.et-fb .section_has_divider.et_fb_element_controls_visible--child>.et_pb_top_inside_divider{z-index:1}.et_pb_section_video:not(.et_pb_section--with-menu){overflow:hidden;position:relative}.et_pb_column>.et_pb_section_video_bg{z-index:-1}.et_pb_section_video_bg{visibility:visible;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:block;pointer-events:none;-webkit-transition:display .3s;transition:display .3s}.et_pb_section_video_bg.et_pb_section_video_bg_hover,.et_pb_section_video_bg.et_pb_section_video_bg_phone,.et_pb_section_video_bg.et_pb_section_video_bg_tablet,.et_pb_section_video_bg.et_pb_section_video_bg_tablet_only{display:none}.et_pb_section_video_bg .mejs-controls,.et_pb_section_video_bg .mejs-overlay-play{display:none!important}.et_pb_section_video_bg embed,.et_pb_section_video_bg iframe,.et_pb_section_video_bg object,.et_pb_section_video_bg video{max-width:none}.et_pb_section_video_bg .mejs-video{left:50%;position:absolute;max-width:none}.et_pb_section_video_bg .mejs-overlay-loading{display:none!important}.et_pb_social_network_link .et_pb_section_video{overflow:visible}.et_pb_section_video_on_hover:hover>.et_pb_section_video_bg{display:none}.et_pb_section_video_on_hover:hover>.et_pb_section_video_bg_hover,.et_pb_section_video_on_hover:hover>.et_pb_section_video_bg_hover_inherit{display:block}@media (min-width:981px){.et_pb_section{padding:4% 0}body.et_pb_pagebuilder_layout.et_pb_show_title .post-password-required .et_pb_section,body:not(.et_pb_pagebuilder_layout) .post-password-required .et_pb_section{padding-top:0}.et_pb_fullwidth_section{padding:0}.et_pb_section_video_bg.et_pb_section_video_bg_desktop_only{display:block}}@media (max-width:980px){.et_pb_section{padding:50px 0}body.et_pb_pagebuilder_layout.et_pb_show_title .post-password-required .et_pb_section,body:not(.et_pb_pagebuilder_layout) .post-password-required .et_pb_section{padding-top:0}.et_pb_fullwidth_section{padding:0}.et_pb_section_video_bg.et_pb_section_video_bg_tablet{display:block}.et_pb_section_video_bg.et_pb_section_video_bg_desktop_only{display:none}}@media (min-width:768px){.et_pb_section_video_bg.et_pb_section_video_bg_desktop_tablet{display:block}}@media (min-width:768px) and (max-width:980px){.et_pb_section_video_bg.et_pb_section_video_bg_tablet_only{display:block}}@media (max-width:767px){.et_pb_section_video_bg.et_pb_section_video_bg_phone{display:block}.et_pb_section_video_bg.et_pb_section_video_bg_desktop_tablet{display:none}}
.et_pb_row{width:80%;max-width:1080px;margin:auto;position:relative}body.safari .section_has_divider,body.uiwebview .section_has_divider{-webkit-perspective:2000px;perspective:2000px}.section_has_divider .et_pb_row{z-index:5}.et_pb_row_inner{width:100%;position:relative}.et_pb_row.et_pb_row_empty,.et_pb_row_inner:nth-of-type(n+2).et_pb_row_empty{display:none}.et_pb_row:after,.et_pb_row_inner:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;width:0}.et_pb_row_4col .et-last-child,.et_pb_row_4col .et-last-child-2,.et_pb_row_6col .et-last-child,.et_pb_row_6col .et-last-child-2,.et_pb_row_6col .et-last-child-3{margin-bottom:0}.et_pb_column{float:left;background-size:cover;background-position:50%;position:relative;z-index:2;min-height:1px}.et_pb_column--with-menu{z-index:3}.et_pb_column.et_pb_column_empty{min-height:1px}.et_pb_row .et_pb_column.et-last-child,.et_pb_row .et_pb_column:last-child,.et_pb_row_inner .et_pb_column.et-last-child,.et_pb_row_inner .et_pb_column:last-child{margin-right:0!important}.et_pb_column.et_pb_section_parallax{position:relative}.et_pb_column,.et_pb_row,.et_pb_row_inner{background-size:cover;background-position:50%;background-repeat:no-repeat}@media (min-width:981px){.et_pb_row{padding:2% 0}body.et_pb_pagebuilder_layout.et_pb_show_title .post-password-required .et_pb_row,body:not(.et_pb_pagebuilder_layout) .post-password-required .et_pb_row{padding:0;width:100%}.et_pb_column_3_4 .et_pb_row_inner{padding:3.735% 0}.et_pb_column_2_3 .et_pb_row_inner{padding:4.2415% 0}.et_pb_column_1_2 .et_pb_row_inner,.et_pb_column_3_5 .et_pb_row_inner{padding:5.82% 0}.et_section_specialty>.et_pb_row{padding:0}.et_pb_row_inner{width:100%}.et_pb_column_single{padding:2.855% 0}.et_pb_column_single .et_pb_module.et-first-child,.et_pb_column_single .et_pb_module:first-child{margin-top:0}.et_pb_column_single .et_pb_module.et-last-child,.et_pb_column_single .et_pb_module:last-child{margin-bottom:0}.et_pb_row .et_pb_column.et-last-child,.et_pb_row .et_pb_column:last-child,.et_pb_row_inner .et_pb_column.et-last-child,.et_pb_row_inner .et_pb_column:last-child{margin-right:0!important}.et_pb_row.et_pb_equal_columns,.et_pb_row_inner.et_pb_equal_columns,.et_pb_section.et_pb_equal_columns>.et_pb_row{display:-webkit-box;display:-ms-flexbox;display:flex}.rtl .et_pb_row.et_pb_equal_columns,.rtl .et_pb_row_inner.et_pb_equal_columns,.rtl .et_pb_section.et_pb_equal_columns>.et_pb_row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.et_pb_row.et_pb_equal_columns>.et_pb_column,.et_pb_section.et_pb_equal_columns>.et_pb_row>.et_pb_column{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media (max-width:980px){.et_pb_row{max-width:1080px}body.et_pb_pagebuilder_layout.et_pb_show_title .post-password-required .et_pb_row,body:not(.et_pb_pagebuilder_layout) .post-password-required .et_pb_row{padding:0;width:100%}.et_pb_column .et_pb_row_inner,.et_pb_row{padding:30px 0}.et_section_specialty>.et_pb_row{padding:0}.et_pb_column{width:100%;margin-bottom:30px}.et_pb_bottom_divider .et_pb_row:nth-last-child(2) .et_pb_column:last-child,.et_pb_row .et_pb_column.et-last-child,.et_pb_row .et_pb_column:last-child{margin-bottom:0}.et_section_specialty .et_pb_row>.et_pb_column{padding-bottom:0}.et_pb_column.et_pb_column_empty{display:none}.et_pb_row_1-2_1-4_1-4,.et_pb_row_1-2_1-6_1-6_1-6,.et_pb_row_1-4_1-4,.et_pb_row_1-4_1-4_1-2,.et_pb_row_1-5_1-5_3-5,.et_pb_row_1-6_1-6_1-6,.et_pb_row_1-6_1-6_1-6_1-2,.et_pb_row_1-6_1-6_1-6_1-6,.et_pb_row_3-5_1-5_1-5,.et_pb_row_4col,.et_pb_row_5col,.et_pb_row_6col{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4,.et_pb_row_4col>.et_pb_column.et_pb_column_1_4{width:47.25%;margin-right:5.5%}.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4:nth-child(2n),.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4:nth-child(2n),.et_pb_row_4col>.et_pb_column.et_pb_column_1_4:nth-child(2n){margin-right:0}.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4{width:47.25%;margin-right:5.5%}.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_2,.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4:nth-child(odd){margin-right:0}.et_pb_row_1-2_1-4_1-4 .et_pb_column:nth-last-child(-n+2),.et_pb_row_1-4_1-4 .et_pb_column:nth-last-child(-n+2),.et_pb_row_4col .et_pb_column:nth-last-child(-n+2){margin-bottom:0}.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5,.et_pb_row_5col>.et_pb_column.et_pb_column_1_5{width:47.25%;margin-right:5.5%}.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5:nth-child(2n),.et_pb_row_5col>.et_pb_column.et_pb_column_1_5:nth-child(2n){margin-right:0}.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5{width:47.25%;margin-right:5.5%}.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5:nth-child(odd),.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_3_5{margin-right:0}.et_pb_row_3-5_1-5_1-5 .et_pb_column:nth-last-child(-n+2),.et_pb_row_5col .et_pb_column:last-child{margin-bottom:0}.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6,.et_pb_row_6col>.et_pb_column.et_pb_column_1_6{width:29.666%;margin-right:5.5%}.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6:nth-child(3n),.et_pb_row_6col>.et_pb_column.et_pb_column_1_6:nth-child(3n){margin-right:0}.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6{width:29.666%;margin-right:5.5%}.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_2,.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6:last-child{margin-right:0}.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2,.et_pb_row_1-2_1-6_1-6_1-6 .et_pb_column:nth-last-child(-n+3),.et_pb_row_6col .et_pb_column:nth-last-child(-n+3){margin-bottom:0}.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2 .et_pb_column.et_pb_column_1_6{width:29.666%;margin-right:5.5%;margin-bottom:0}.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2 .et_pb_column.et_pb_column_1_6:last-child{margin-right:0}.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6{width:47.25%;margin-right:5.5%}.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6:nth-child(2n){margin-right:0}.et_pb_row_1-6_1-6_1-6_1-6:nth-last-child(-n+3){margin-bottom:0}}@media (max-width:479px){.et_pb_row .et_pb_column.et_pb_column_1_4,.et_pb_row .et_pb_column.et_pb_column_1_5,.et_pb_row .et_pb_column.et_pb_column_1_6{width:100%;margin:0 0 30px}.et_pb_row .et_pb_column.et_pb_column_1_4.et-last-child,.et_pb_row .et_pb_column.et_pb_column_1_4:last-child,.et_pb_row .et_pb_column.et_pb_column_1_5.et-last-child,.et_pb_row .et_pb_column.et_pb_column_1_5:last-child,.et_pb_row .et_pb_column.et_pb_column_1_6.et-last-child,.et_pb_row .et_pb_column.et_pb_column_1_6:last-child{margin-bottom:0}.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2 .et_pb_column.et_pb_column_1_6{width:100%;margin:0 0 30px}.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2 .et_pb_column.et_pb_column_1_6.et-last-child,.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2 .et_pb_column.et_pb_column_1_6:last-child{margin-bottom:0}.et_pb_column{width:100%!important}}
.et_pb_text{word-wrap:break-word}.et_pb_text ol,.et_pb_text ul{padding-bottom:1em}.et_pb_text>:last-child{padding-bottom:0}.et_pb_text_inner{position:relative}
.et-menu li{display:inline-block;font-size:14px;padding-right:22px}.et-menu>li:last-child{padding-right:0}.et-menu a{color:rgba(0,0,0,.6);text-decoration:none;display:block;position:relative}.et-menu a,.et-menu a:hover{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.et-menu a:hover{opacity:.7}.et-menu li>a{padding-bottom:29px;word-wrap:break-word}a.et_pb_menu__icon,button.et_pb_menu__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0 11px;font-size:17px;line-height:normal;background:none;border:0;cursor:pointer;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}a.et_pb_menu__icon:after,button.et_pb_menu__icon:after{font-family:ETmodules}a.et_pb_menu__icon__with_count:after,button.et_pb_menu__icon__with_count:after{margin-right:10px}.et_pb_menu__wrap .mobile_menu_bar{-webkit-transform:translateY(3%);transform:translateY(3%)}.et_pb_menu__wrap .mobile_menu_bar:before{top:0}.et_pb_menu__logo{overflow:hidden}.et_pb_menu__logo img{display:block}.et_pb_menu__logo img[src$=".svg"]{width:100%}.et_pb_menu__search-button:after{content:"U"}.et_pb_menu__cart-button:after{content:"\E07A"}@media (max-width:980px){.et-menu{display:none}.et_mobile_nav_menu{display:block;margin-top:-1px}}
.et_pb_with_border.et_pb_menu .et_pb_menu__logo img{border:0 solid #333}.et_pb_menu.et_hover_enabled:hover{z-index:auto}.et_pb_menu .et-menu-nav,.et_pb_menu .et-menu-nav>ul{float:none}.et_pb_menu .et-menu-nav>ul{padding:0!important;line-height:1.7em}.et_pb_menu .et-menu-nav>ul ul{padding:20px 0;text-align:left}.et_pb_bg_layout_dark.et_pb_menu ul li a{color:#fff}.et_pb_bg_layout_dark.et_pb_menu ul li a:hover{color:hsla(0,0%,100%,.8)}.et-menu li li.menu-item-has-children>a:first-child:after{top:12px}.et_pb_menu .et-menu-nav>ul.upwards li ul{bottom:100%;top:auto;border-top:none;border-bottom:3px solid #2ea3f2;-webkit-box-shadow:2px -2px 5px rgba(0,0,0,.1);box-shadow:2px -2px 5px rgba(0,0,0,.1)}.et_pb_menu .et-menu-nav>ul.upwards li ul li ul{bottom:-23px}.et_pb_menu .et-menu-nav>ul.upwards li.mega-menu ul ul{bottom:0;top:auto;border:none}.et_pb_menu_inner_container{position:relative}.et_pb_menu .et_pb_menu__wrap{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;opacity:1}.et_pb_menu .et_pb_menu__wrap--visible{-webkit-animation:fadeInBottom 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeInBottom 1s cubic-bezier(.77,0,.175,1) 1}.et_pb_menu .et_pb_menu__wrap--hidden{opacity:0;-webkit-animation:fadeOutBottom 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeOutBottom 1s cubic-bezier(.77,0,.175,1) 1}.et_pb_menu .et_pb_menu__menu{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.et_pb_menu .et_pb_menu__menu,.et_pb_menu .et_pb_menu__menu>nav,.et_pb_menu .et_pb_menu__menu>nav>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.et_pb_menu .et_pb_menu__menu>nav>ul{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.et_pb_menu .et_pb_menu__menu>nav>ul>li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:0}.et_pb_menu .et_pb_menu__menu>nav>ul>li.mega-menu{position:static}.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul{top:calc(100% - 1px);left:0}.et_pb_menu .et_pb_menu__menu>nav>ul.upwards>li>ul{top:auto;bottom:calc(100% - 1px)}.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:31px 0;white-space:nowrap}.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:after{top:50%!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul{padding:0!important}.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li{margin-top:8px}.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a{padding-bottom:8px}.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul.upwards>li{margin-top:0;margin-bottom:8px}.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul.upwards>li>a{padding-top:8px;padding-bottom:0}.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul.upwards>li>a:after{top:auto;bottom:0}.et_pb_menu .et_pb_menu__icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.et_pb_menu .et-menu{margin-left:-11px;margin-right:-11px}.et_pb_menu .et-menu>li{padding-left:11px;padding-right:11px}.et_pb_menu--style-left_aligned .et_pb_menu_inner_container,.et_pb_menu--style-left_aligned .et_pb_row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.et_pb_menu--style-left_aligned .et_pb_menu__logo-wrap{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.et_pb_menu--style-left_aligned .et_pb_menu__logo{margin-right:30px}.rtl .et_pb_menu--style-left_aligned .et_pb_menu__logo{margin-right:0;margin-left:30px}.et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__menu>nav>ul,.et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__menu>nav>ul,.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.et_pb_menu--style-left_aligned.et_pb_text_align_justified .et_pb_menu__menu,.et_pb_menu--style-left_aligned.et_pb_text_align_justified .et_pb_menu__menu>nav,.et_pb_menu--style-left_aligned.et_pb_text_align_justified .et_pb_menu__wrap{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.et_pb_menu--style-left_aligned.et_pb_text_align_justified .et_pb_menu__menu>nav>ul{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.et_pb_menu--style-centered .et_pb_menu__logo-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.et_pb_menu--style-centered .et_pb_menu__logo-wrap,.et_pb_menu--style-centered .et_pb_menu__logo img{margin:0 auto}.et_pb_menu--style-centered .et_pb_menu__menu>nav>ul,.et_pb_menu--style-centered .et_pb_menu__wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container>.et_pb_menu__logo-wrap,.et_pb_menu--style-inline_centered_logo .et_pb_row>.et_pb_menu__logo-wrap{display:none;margin-bottom:30px}.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo,.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo img{margin:0 auto}.et_pb_menu--style-inline_centered_logo .et_pb_menu__wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo-slot{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo-slot .et_pb_menu__logo,.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo-slot .et_pb_menu__logo-wrap{width:100%;height:100%}.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo-slot img{max-height:100%}.et_pb_menu .et_pb_menu__logo-slot .et-fb-content-placeholder{min-width:96px}.et_pb_menu .et_pb_menu__search-container{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;left:0;bottom:0;width:100%;height:100%;opacity:0;z-index:999}.et_pb_menu .et_pb_menu__search-container--visible{opacity:1;-webkit-animation:fadeInTop 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeInTop 1s cubic-bezier(.77,0,.175,1) 1}.et_pb_menu .et_pb_menu__search-container--hidden{-webkit-animation:fadeOutTop 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeOutTop 1s cubic-bezier(.77,0,.175,1) 1}.et_pb_menu .et_pb_menu__search-container--disabled{display:none}.et_pb_menu .et_pb_menu__search{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.et_pb_menu .et_pb_menu__search-form{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.et_pb_menu .et_pb_menu__search-input{border:0;width:100%;color:#333;background:transparent}.et_pb_menu .et_pb_menu__close-search-button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.et_pb_menu .et_pb_menu__close-search-button:after{content:"M";font-size:1.7em}@media (min-width:981px){.et_dropdown_animation_fade.et_pb_menu ul li:hover>ul{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.et_dropdown_animation_slide.et_pb_menu ul li:hover>ul{-webkit-animation:fadeLeft .4s ease-in-out;animation:fadeLeft .4s ease-in-out}.et_dropdown_animation_expand.et_pb_menu ul li:hover>ul{-webkit-transform-origin:0 0;-webkit-animation:Grow .4s ease-in-out;animation:Grow .4s ease-in-out;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.et_dropdown_animation_flip.et_pb_menu ul li ul li:hover>ul{-webkit-animation:flipInX .6s ease-in-out;animation:flipInX .6s ease-in-out;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.et_dropdown_animation_flip.et_pb_menu ul li:hover>ul{-webkit-animation:flipInY .6s ease-in-out;animation:flipInY .6s ease-in-out;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.et_pb_menu.et_pb_menu_fullwidth .et_pb_row{width:100%;max-width:100%;padding:0 30px!important}}@media (max-width:980px){.et_pb_menu--style-left_aligned .et_pb_menu_inner_container,.et_pb_menu--style-left_aligned .et_pb_row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.et_pb_menu--style-left_aligned .et_pb_menu__wrap{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.et_pb_menu--style-left_aligned.et_pb_text_align_justified .et_pb_menu__wrap{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container>.et_pb_menu__logo-wrap,.et_pb_menu--style-inline_centered_logo .et_pb_row>.et_pb_menu__logo-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container>.et_pb_menu__logo,.et_pb_menu--style-inline_centered_logo .et_pb_row>.et_pb_menu__logo{margin:0 auto}.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo-slot{display:none}.et_pb_menu .et_pb_row{min-height:81px}.et_pb_menu .et_pb_menu__menu{display:none}.et_pb_menu .et_mobile_nav_menu{float:none;margin:0 6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.et_pb_menu .et_mobile_menu{top:100%;padding:5%}.et_pb_menu .et_mobile_menu,.et_pb_menu .et_mobile_menu ul{list-style:none!important;text-align:left}.et_pb_menu .et_mobile_menu ul{padding:0}.et_pb_menu .et_pb_mobile_menu_upwards .et_mobile_menu{top:auto;bottom:100%}}
@-webkit-keyframes fadeOutTop{0%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(-60%);transform:translatey(-60%)}}@keyframes fadeOutTop{0%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(-60%);transform:translatey(-60%)}}@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translatey(-60%);transform:translatey(-60%)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translatey(-60%);transform:translatey(-60%)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translatey(60%);transform:translatey(60%)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translatey(60%);transform:translatey(60%)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes fadeOutBottom{0%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(60%);transform:translatey(60%)}}@keyframes fadeOutBottom{0%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(60%);transform:translatey(60%)}}@-webkit-keyframes Grow{0%{opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes Grow{0%{opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}/*!
	  * Animate.css - http://daneden.me/animate
	  * Licensed under the MIT license - http://opensource.org/licenses/MIT
	  * Copyright (c) 2015 Daniel Eden
	 */@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
#main-header{line-height:23px;font-weight:500;top:0;background-color:#fff;width:100%;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.1);position:relative;z-index:99999}.nav li li{padding:0 20px;margin:0}.et-menu li li a{padding:6px 20px;width:200px}.nav li{position:relative;line-height:1em}.nav li li{position:relative;line-height:2em}.nav li ul{position:absolute;padding:20px 0;z-index:9999;width:240px;background:#fff;visibility:hidden;opacity:0;border-top:3px solid #2ea3f2;box-shadow:0 2px 5px rgba(0,0,0,.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-transform:translateZ(0);text-align:left}.nav li.et-hover>ul{visibility:visible}.nav li.et-touch-hover>ul,.nav li:hover>ul{opacity:1;visibility:visible}.nav li li ul{z-index:1000;top:-23px;left:240px}.nav li.et-reverse-direction-nav li ul{left:auto;right:240px}.nav li:hover{visibility:inherit}.et_mobile_menu li a,.nav li li a{font-size:14px;-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.et_mobile_menu li a:hover,.nav ul li a:hover{background-color:rgba(0,0,0,.03);opacity:.7}.et-dropdown-removing>ul{display:none}.mega-menu .et-dropdown-removing>ul{display:block}.et-menu .menu-item-has-children>a:first-child:after{font-family:ETmodules;content:"3";font-size:16px;position:absolute;right:0;top:0;font-weight:800}.et-menu .menu-item-has-children>a:first-child{padding-right:20px}.et-menu li li.menu-item-has-children>a:first-child:after{right:20px;top:6px}.et-menu-nav li.mega-menu{position:inherit}.et-menu-nav li.mega-menu>ul{padding:30px 20px;position:absolute!important;width:100%;left:0!important}.et-menu-nav li.mega-menu ul li{margin:0;float:left!important;display:block!important;padding:0!important}.et-menu-nav li.mega-menu li>ul{-webkit-animation:none!important;animation:none!important;padding:0;border:none;left:auto;top:auto;width:240px!important;position:relative;box-shadow:none;-webkit-box-shadow:none}.et-menu-nav li.mega-menu li ul{visibility:visible;opacity:1;display:none}.et-menu-nav li.mega-menu.et-hover li ul,.et-menu-nav li.mega-menu:hover li ul{display:block}.et-menu-nav li.mega-menu:hover>ul{opacity:1!important;visibility:visible!important}.et-menu-nav li.mega-menu>ul>li>a:first-child{padding-top:0!important;font-weight:700;border-bottom:1px solid rgba(0,0,0,.03)}.et-menu-nav li.mega-menu>ul>li>a:first-child:hover{background-color:transparent!important}.et-menu-nav li.mega-menu li>a{width:200px!important}.et-menu-nav li.mega-menu.mega-menu-parent li>a,.et-menu-nav li.mega-menu.mega-menu-parent li li{width:100%!important}.et-menu-nav li.mega-menu.mega-menu-parent li>.sub-menu{float:left;width:100%!important}.et-menu-nav li.mega-menu>ul>li{width:25%;margin:0}.et-menu-nav li.mega-menu.mega-menu-parent-3>ul>li{width:33.33%}.et-menu-nav li.mega-menu.mega-menu-parent-2>ul>li{width:50%}.et-menu-nav li.mega-menu.mega-menu-parent-1>ul>li{width:100%}.et_pb_fullwidth_menu li.mega-menu .menu-item-has-children>a:first-child:after,.et_pb_menu li.mega-menu .menu-item-has-children>a:first-child:after{display:none}.et_fullwidth_nav #top-menu li.mega-menu>ul{width:auto;left:30px!important;right:30px!important}.et_mobile_menu{position:absolute;left:0;padding:5%;background:#fff;width:100%;visibility:visible;opacity:1;display:none;z-index:9999;border-top:3px solid #2ea3f2;box-shadow:0 2px 5px rgba(0,0,0,.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1)}#main-header .et_mobile_menu li ul,.et_pb_fullwidth_menu .et_mobile_menu li ul,.et_pb_menu .et_mobile_menu li ul{visibility:visible!important;display:block!important;padding-left:10px}.et_mobile_menu li li{padding-left:5%}.et_mobile_menu li a{border-bottom:1px solid rgba(0,0,0,.03);color:#666;padding:10px 5%;display:block}.et_mobile_menu .menu-item-has-children>a{font-weight:700;background-color:rgba(0,0,0,.03)}.et_mobile_menu li .menu-item-has-children>a{background-color:transparent}.et_mobile_nav_menu{float:right;display:none}.mobile_menu_bar{position:relative;display:block;line-height:0}.mobile_menu_bar:before{content:"a";font-size:32px;position:relative;left:0;top:0;cursor:pointer}.et_pb_module .mobile_menu_bar:before{top:2px}.mobile_nav .select_page{display:none}
.et_pb_code_inner{position:relative}
.et_pb_with_border .et_pb_image_wrap{border:0 solid #333}.et_pb_image{margin-left:auto;margin-right:auto;line-height:0}.et_pb_image.aligncenter{text-align:center}.et_pb_image.et_pb_has_overlay a.et_pb_lightbox_image{display:block;position:relative}.et_pb_image{display:block}.et_pb_image .et_pb_image_wrap{display:inline-block;position:relative;max-width:100%}.et_pb_image .et_pb_image_wrap img[src*=".svg"]{width:auto}.et_pb_image img{position:relative}.et_pb_image_sticky{margin-bottom:0!important;display:inherit}.et_pb_image.et_pb_has_overlay .et_pb_image_wrap:hover .et_overlay{z-index:3;opacity:1}@media (min-width:981px){.et_pb_section_sticky,.et_pb_section_sticky.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky .et_pb_column_single,.et_pb_section_sticky .et_pb_row.et-last-child,.et_pb_section_sticky .et_pb_row:last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}}@media (max-width:980px){.et_pb_image_sticky_tablet{margin-bottom:0!important;display:inherit}.et_pb_section_sticky_mobile,.et_pb_section_sticky_mobile.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky_mobile .et_pb_column_single,.et_pb_section_sticky_mobile .et_pb_row.et-last-child,.et_pb_section_sticky_mobile .et_pb_row:last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}.et_pb_section_sticky .et_pb_row.et-last-child .et_pb_column.et_pb_row_sticky.et-last-child,.et_pb_section_sticky .et_pb_row:last-child .et_pb_column.et_pb_row_sticky:last-child{margin-bottom:0}.et_pb_image_bottom_space_tablet{margin-bottom:30px!important;display:block}.et_always_center_on_mobile{text-align:center!important;margin-left:auto!important;margin-right:auto!important}}@media (max-width:767px){.et_pb_image_sticky_phone{margin-bottom:0!important;display:inherit}.et_pb_image_bottom_space_phone{margin-bottom:30px!important;display:block}}
.et_overlay{z-index:-1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;-webkit-transition:all .3s;transition:all .3s;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.et_overlay:before{color:#2ea3f2;content:"\E050";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:32px;-webkit-transition:all .4s;transition:all .4s}.et_portfolio_image,.et_shop_image{position:relative;display:block}.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,.et_portfolio_image:hover .et_overlay,.et_shop_image:hover .et_overlay{z-index:3;opacity:1}#ie7 .et_overlay,#ie8 .et_overlay{display:none}.et_pb_module.et_pb_has_overlay{position:relative}.et_pb_module.et_pb_has_overlay .et_overlay,article.et_pb_has_overlay{border:none}
.et_pb_bg_layout_light .et_pb_promo_button{color:#2ea3f2}.et-promo{background-color:#1f6581;padding:40px 0 25px}.et-promo-description{float:left;padding:0 60px;word-wrap:break-word;width:754px}.et-promo-description p{color:#fff}.et-promo-button{display:inline-block;font-weight:500;font-size:20px;color:#fff;background-color:rgba(0,0,0,.35);border-radius:5px;padding:14px 20px;margin-top:20px;float:left}.et_pb_promo{padding:40px 60px;text-align:center}.et_pb_promo_description{padding-bottom:20px;position:relative}.et_pb_promo_description p:last-of-type{padding-bottom:0}.et_pb_promo_button{display:inline-block;color:inherit}.et_pb_promo_button:hover{text-decoration:none}.et_pb_promo_button:hover:after{opacity:1;margin-left:0}.et_pb_column_1_2 .et_pb_promo,.et_pb_column_1_3 .et_pb_promo,.et_pb_column_1_4 .et_pb_promo,.et_pb_column_1_5 .et_pb_promo,.et_pb_column_1_6 .et_pb_promo,.et_pb_column_2_5 .et_pb_promo,.et_pb_column_3_5 .et_pb_promo{padding:40px}.et_pb_has_bg_hover.et_pb_promo:hover{padding:40px 60px!important;-webkit-transition:padding .4s ease-in-out;transition:padding .4s ease-in-out}.et_pb_column_1_2 .et_pb_has_bg_hover.et_pb_promo:hover,.et_pb_column_1_3 .et_pb_has_bg_hover.et_pb_promo:hover,.et_pb_column_1_4 .et_pb_has_bg_hover.et_pb_promo:hover,.et_pb_column_1_5 .et_pb_has_bg_hover.et_pb_promo:hover,.et_pb_column_1_6 .et_pb_has_bg_hover.et_pb_promo:hover,.et_pb_column_2_5 .et_pb_has_bg_hover.et_pb_promo:hover,.et_pb_column_3_5 .et_pb_has_bg_hover.et_pb_promo:hover{padding:40px!important}.et_pb_no_bg_hover.et_pb_promo:hover{padding:0!important}@media (max-width:980px){.et_pb_has_bg_tablet.et_pb_promo{padding:40px!important}.et_pb_no_bg_tablet.et_pb_promo{padding:0!important}.et_pb_bg_layout_light_tablet .et_pb_promo_button{color:#2ea3f2}.et_pb_bg_layout_dark_tablet .et_pb_promo_button{color:inherit}}@media (max-width:767px){.et_pb_promo{padding:40px}.et_pb_has_bg_phone.et_pb_promo{padding:40px!important}.et_pb_no_bg_phone.et_pb_promo{padding:0!important}.et_pb_bg_layout_light_phone .et_pb_promo_button{color:#2ea3f2}.et_pb_bg_layout_dark_phone .et_pb_promo_button{color:inherit}}@media (max-width:479px){.et_pb_promo{padding:40px}}.et_pb_button[data-icon]:not([data-icon=""]):after{content:attr(data-icon)}@media (max-width:980px){.et_pb_button[data-icon-tablet]:not([data-icon-tablet=""]):after{content:attr(data-icon-tablet)}}@media (max-width:767px){.et_pb_button[data-icon-phone]:not([data-icon-phone=""]):after{content:attr(data-icon-phone)}}
/*# sourceURL=divi-dynamic-critical-inline-css */
</style>
<link rel='preload' id='divi-dynamic-late-css' href='https://cliponexpress.com/wp-content/et-cache/24111/et-divi-dynamic-tb-31076-tb-31052-24111-late.css?ver=1782522027' as='style' media='all' onload="this.onload=null;this.rel='stylesheet'" />
<link rel='stylesheet' id='photoswipe-css' href='https://cliponexpress.com/wp-content/plugins/woocommerce/assets/css/photoswipe/photoswipe.min.css?ver=10.9.1' media='all' />
<link rel='stylesheet' id='photoswipe-default-skin-css' href='https://cliponexpress.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.min.css?ver=10.9.1' media='all' />
<link rel='stylesheet' id='sib-front-css-css' href='https://cliponexpress.com/wp-content/plugins/mailin/css/mailin-front.css?ver=7.0' media='all' />
<link rel='stylesheet' id='divi-style-css' href='https://cliponexpress.com/wp-content/themes/child-theme/style.css?ver=4.27.6' media='all' />
<script id="woocommerce-google-analytics-integration-gtag-js-after">
/* Google Analytics for WooCommerce (gtag.js) */
					window.dataLayer = window.dataLayer || [];
					function gtag(){dataLayer.push(arguments);}
					// Set up default consent state.
					for ( const mode of [{"analytics_storage":"denied","ad_storage":"denied","ad_user_data":"denied","ad_personalization":"denied","region":["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IS","IE","IT","LV","LI","LT","LU","MT","NL","NO","PL","PT","RO","SK","SI","ES","SE","GB","CH"]}] || [] ) {
						gtag( "consent", "default", { "wait_for_update": 500, ...mode } );
					}
					gtag("js", new Date());
					gtag("set", "developer_id.dOGY3NW", true);
					gtag("config", "G-CMBFKLL9BN", {"track_404":true,"allow_google_signals":true,"logged_in":false,"linker":{"domains":[],"allow_incoming":false},"custom_map":{"dimension1":"logged_in"}});
//# sourceURL=woocommerce-google-analytics-integration-gtag-js-after
</script>
<script data-wp-strategy="defer" defer id="wc-photoswipe-js" src="https://cliponexpress.com/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe.min.js?ver=4.1.1-wc.10.9.1"></script>
<script data-wp-strategy="defer" defer id="wc-photoswipe-ui-default-js" src="https://cliponexpress.com/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe-ui-default.min.js?ver=4.1.1-wc.10.9.1"></script>
<link rel="https://api.w.org/" href="https://cliponexpress.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://cliponexpress.com/wp-json/wp/v2/posts/24111" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://cliponexpress.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0" />
<link rel='shortlink' href='https://cliponexpress.com/?p=24111' />
		<style>
			.dgwt-wcas-ico-magnifier,.dgwt-wcas-ico-magnifier-handler{max-width:20px}.dgwt-wcas-search-wrapp{max-width:700px}		</style>
			<style>
		#wcas-divi-search {
			display: none !important;
		}

		/* Custom header */
		.et_pb_menu__search .dgwt-wcas-search-wrapp {
			max-width: none;
		}

		/* Header style: Default, Centered Inline Logo */
		.et_header_style_split .et_search_form_container .dgwt-wcas-search-wrapp,
		.et_header_style_left .et_search_form_container .dgwt-wcas-search-wrapp {
			max-width: 400px;
			top: 0;
			bottom: 0;
			right: 45px;
			position: absolute;
			z-index: 1000;
			width: 100%;
		}

		.et_header_style_split .et_search_form_container .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader),
		.et_header_style_left .et_search_form_container .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) {
			background-image: none;
		}

		.et_header_style_split .et_search_form_container span.et_close_search_field,
		.et_header_style_left .et_search_form_container span.et_close_search_field {
			right: 5px;
		}

		.et_header_style_split .et_search_form_container .js-dgwt-wcas-mobile-overlay-enabled .dgwt-wcas-search-form,
		.et_header_style_left .et_search_form_container .js-dgwt-wcas-mobile-overlay-enabled .dgwt-wcas-search-form {
			max-width: 100% !important;
		}

		.et_header_style_split .dgwt-wcas-overlay-mobile .dgwt-wcas-search-form,
		.et_header_style_left .dgwt-wcas-overlay-mobile .dgwt-wcas-search-form {
			max-width: 100% !important;
		}

		.dgwt-wcas-overlay-mobile .dgwt-wcas-search-wrapp-mobile {
			top: 0 !important;
		}

		/* Header style: Centered */
		.et_header_style_centered .et_search_form_container .dgwt-wcas-search-wrapp {
			bottom: 20px;
			position: absolute;
		}

		.et_header_style_centered .et_search_form_container .dgwt-wcas-preloader {
			right: 20px;
		}

		.et_header_style_centered .et_search_form_container .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) {
			background-image: none;
		}

		.et_header_style_centered .et_search_form_container span.et_close_search_field {
			right: 5px;
		}

		/* Header style: Slide in, Fullscreen */
		.et_header_style_fullscreen .et_slide_in_menu_container .dgwt-wcas-search-wrapp,
		.et_header_style_slide .et_slide_in_menu_container .dgwt-wcas-search-wrapp {
			margin-top: 15px;
		}

		.et_header_style_fullscreen .et_slide_in_menu_container .dgwt-wcas-search-wrapp {
			width: 400px;
		}

		.et_header_style_fullscreen .et_slide_in_menu_container .dgwt-wcas-search-input,
		.et_header_style_slide .et_slide_in_menu_container .dgwt-wcas-search-input {
			color: #444;
		}

		@media (max-width: 500px) {
			.et_header_style_fullscreen .et_slide_in_menu_container .dgwt-wcas-search-wrapp {
				width: 100%;
			}

			.et_header_style_slide .et_slide_in_menu_container .dgwt-wcas-search-wrapp {
				width: 100%;
				min-width: 150px;
			}
		}

		/* Full width nav */
		@media (min-width: 981px) {
			.et_fullwidth_nav .et_search_form_container .dgwt-wcas-search-wrapp {
				right: 40px;
			}

			.et_fullwidth_nav .et_search_form_container .dgwt-wcas-preloader {
				right: 0;
			}
		}

		/* Vertical nav */
		@media (min-width: 981px) {
			.et_vertical_nav #main-header .et_search_form_container {
				margin: 0 20px;
			}

			.et_vertical_nav .dgwt-wcas-search-wrapp {
				min-width: 100px;
				bottom: 0 !important;
				position: relative !important;
			}

			.et_vertical_nav .et_search_form_container span.et_close_search_field {
				right: 5px;
			}

			.et_vertical_nav .et_search_form_container .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) {
				background-image: none;
			}

			.et_vertical_nav .et_search_form_container .dgwt-wcas-preloader {
				right: 5px;
			}
		}
	</style>
		<!-- Google site verification - Google for WooCommerce -->
<meta name="google-site-verification" content="-0xBn7KBkCRrCej9ZQoU-_MTox61mhZM81zAZUIv7a8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<script type="text/javascript" src="https://cdn.by.wonderpush.com/sdk/1.1/wonderpush-loader.min.js" async></script>
<script type="text/javascript">
  window.WonderPush = window.WonderPush || [];
  window.WonderPush.push(['init', {"customDomain":"https:\/\/cliponexpress.com\/wp-content\/plugins\/mailin\/","serviceWorkerUrl":"wonderpush-worker-loader.min.js?webKey=46ac140de15667a46ddf50be7883ed14ca90b34a9fcb2e132d77e865c476d2bc","frameUrl":"wonderpush.min.html","webKey":"46ac140de15667a46ddf50be7883ed14ca90b34a9fcb2e132d77e865c476d2bc"}]);
</script><script id='nitro-telemetry-meta' nitro-exclude>window.NPTelemetryMetadata={missReason: (!window.NITROPACK_STATE ? 'cache not found' : 'hit'),pageType: 'post',isEligibleForOptimization: true,}</script><script id='nitro-generic' nitro-exclude>(()=>{if(window.NitroPack=window.NitroPack||{coreVersion:"na",isCounted:!1},!window.NitroPack.isCounted){window.NitroPack.isCounted=!0;const e=()=>{let e=performance.getEntriesByType("navigation")[0];return document.prerendering||e?.activationStart>0?"_prr":e&&e.responseStart-e.requestStart<=5?"_pre":"_dow"},i=e=>{navigator.sendBeacon("https://to.getnitropack.com/p",JSON.stringify({siteId:"VTRwoHsbWUMNaKvYXgVINRBgVeaoazbH",url:window.location.href,isOptimized:!!window.IS_NITROPACK,coreVersion:"na",missReason:window.NPTelemetryMetadata?.missReason||"",pageType:window.NPTelemetryMetadata?.pageType||"",isEligibleForOptimization:!!window.NPTelemetryMetadata?.isEligibleForOptimization||!1,pageLoadMode:e}))};(async()=>{await new Promise(e=>{document.prerendering?document.addEventListener("prerenderingchange",e,{once:!0}):e()}),await new Promise(e=>{"complete"===document.readyState?e():window.addEventListener("load",e)}),i(e())})(),window.addEventListener("pageshow",e=>{if(e.persisted){let e=document.prerendering||self.performance?.getEntriesByType?.("navigation")[0]?.activationStart>0;"visible"!==document.visibilityState||e||i("_bfr")}})}})();</script><link rel="icon" href="https://cliponexpress.com/wp-content/uploads/2020/02/logo66x66-32x32.png" sizes="32x32" />
<link rel="icon" href="https://cliponexpress.com/wp-content/uploads/2020/02/logo66x66.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://cliponexpress.com/wp-content/uploads/2020/02/logo66x66.png" />
<meta name="msapplication-TileImage" content="https://cliponexpress.com/wp-content/uploads/2020/02/logo66x66.png" />
<link rel="stylesheet" id="et-divi-customizer-global-cached-inline-styles" href="https://cliponexpress.com/wp-content/et-cache/global/et-divi-customizer-global.min.css?ver=1782505006" /><link rel='stylesheet' id='wc-square-cart-checkout-block-css' href='https://cliponexpress.com/wp-content/plugins/woocommerce-square/build/assets/frontend/wc-square-cart-checkout-blocks.css?ver=5.4.0' media='all' />
<link rel='stylesheet' id='wc-blocks-style-css' href='https://cliponexpress.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.9.1' media='all' />

</head>
<body class="wp-singular post-template-default single single-post postid-24111 single-format-standard wp-theme-Divi wp-child-theme-child-theme theme-Divi et-tb-has-template et-tb-has-header et-tb-has-footer woocommerce-no-js et_pb_button_helper_class et_cover_background et_pb_gutter et_pb_gutters3 et_pb_pagebuilder_layout et_no_sidebar et_divi_theme et-db">
	<div id="page-container">
<div id="et-boc" class="et-boc">
			
		<header class="et-l et-l--header">
			<div class="et_builder_inner_content et_pb_gutters3">
		<div class="et_pb_section et_pb_section_0_tb_header et_pb_sticky_module et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0_tb_header">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0_tb_header  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_0_tb_header  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>MADE IN THE U.S.A | SHIPPING WORLDWIDE | INFO@CLIPONEXPRESS.COM</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_1_tb_header et_pb_sticky_module et_section_regular et_pb_section--with-menu" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_1_tb_header et_pb_row--with-menu">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1_tb_header  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column--with-menu">
				
				
				
				
				<div class="et_pb_module et_pb_menu et_pb_menu_0_tb_header et_pb_bg_layout_light  et_pb_text_align_right et_dropdown_animation_fade et_pb_menu--with-logo et_pb_menu--style-left_aligned">
					
					
					
					
					<div class="et_pb_menu_inner_container clearfix">
						<div class="et_pb_menu__logo-wrap">
			  <div class="et_pb_menu__logo">
				<a href="https://cliponexpress.com/" ><img decoding="async" width="66" height="66" src="https://cliponexpress.com/wp-content/uploads/2020/02/logo66x66.png" alt="The clip on express logo" srcset="https://cliponexpress.com/wp-content/uploads/2020/02/logo66x66.png 66w, https://cliponexpress.com/wp-content/uploads/2020/02/logo66x66-64x64.png 64w, https://cliponexpress.com/wp-content/uploads/2020/02/logo66x66-32x32.png 32w" sizes="(max-width: 66px) 100vw, 66px" class="wp-image-20668" /></a>
			  </div>
			</div>
						<div class="et_pb_menu__wrap">
							<div class="et_pb_menu__menu">
								<nav class="et-menu-nav"><ul id="menu-top" class="et-menu nav"><li class="et_pb_menu_page_id-23981 menu-item menu-item-type-post_type menu-item-object-page menu-item-24263"><a href="https://cliponexpress.com/how-does-it-work/">How To Order</a></li>
<li class="et_pb_menu_page_id-2054 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4375"><a href="https://cliponexpress.com/bridges/">Bridges</a>
<ul class="sub-menu">
	<li class="et_pb_menu_page_id-24310 menu-item menu-item-type-post_type menu-item-object-page menu-item-24315"><a href="https://cliponexpress.com/magnetic-clip-on-sunglasses/">Magnetic</a></li>
	<li class="et_pb_menu_page_id-24318 menu-item menu-item-type-post_type menu-item-object-page menu-item-24322"><a href="https://cliponexpress.com/spring-clip-on-sunglasses/">Spring Loaded</a></li>
</ul>
</li>
<li class="et_pb_menu_page_id-23862 menu-item menu-item-type-post_type menu-item-object-page menu-item-23960"><a href="https://cliponexpress.com/lenses/">Lenses</a></li>
<li class="et_pb_menu_page_id-24066 menu-item menu-item-type-post_type menu-item-object-page menu-item-24285"><a href="https://cliponexpress.com/why-choose-us/">Why Choose Us</a></li>
<li class="et_pb_menu_page_id-2145 menu-item menu-item-type-post_type menu-item-object-page menu-item-21990"><a href="https://cliponexpress.com/faq/">FAQ</a></li>
<li class="et_pb_menu_page_id-24286 menu-item menu-item-type-post_type menu-item-object-page menu-item-24298"><a href="https://cliponexpress.com/contact/">Contact Us</a></li>
<li class="et_pb_menu_page_id-978 menu-item menu-item-type-post_type menu-item-object-page menu-item-42292"><a href="https://cliponexpress.com/shop/">Shop</a></li>
<li class="order_now et_pb_menu_page_id-3991 menu-item menu-item-type-custom menu-item-object-custom menu-item-3991"><a href="/product/custom-clip-on/">Order Now</a></li>
</ul></nav>
							</div>
							
							<button type="button" class="et_pb_menu__icon et_pb_menu__search-button"></button>
							<div class="et_mobile_nav_menu">
				<div class="mobile_nav closed">
					<span class="mobile_menu_bar"></span>
				</div>
			</div>
						</div>
						<div class="et_pb_menu__search-container et_pb_menu__search-container--disabled">
				<div class="et_pb_menu__search">
					<form role="search" method="get" class="et_pb_menu__search-form" action="https://cliponexpress.com/">
						<input type="search" class="et_pb_menu__search-input" placeholder="Search &hellip;" name="s" title="Search for:" />
					</form>
					<button type="button" class="et_pb_menu__icon et_pb_menu__close-search-button"></button>
				</div>
			</div>
					</div>
				</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_3_tb_header et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_2_tb_header">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_2_tb_header  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_0_tb_header">
				
				
				
				
				<div class="et_pb_code_inner"><nav aria-label="breadcrumbs" class="rank-math-breadcrumb"><p><a href="https://cliponexpress.com">Home</a><span class="separator"> &raquo; </span><span class="last">How to order custom clip on sunglasses using your mobile device</span></p></nav></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>		</div>
	</header>
	<div id="et-main-area">
	
<div id="main-content">
		<div class="container">
		<div id="content-area" class="clearfix">
			<div id="left-area">
											<article id="post-24111" class="et_pb_post post-24111 post type-post status-publish format-standard has-post-thumbnail hentry category-blog-posts-clip-on-sunglasses">
											<div class="et_post_meta_wrapper">
							<h1 class="entry-title">How to order custom clip on sunglasses using your mobile device</h1>

						<p class="post-meta"> by <span class="author vcard"><a href="https://cliponexpress.com/author/captain/" title="Posts by captain" rel="author">captain</a></span> | <span class="published">Dec 7, 2021</span> | <a href="https://cliponexpress.com/category/blog-posts-clip-on-sunglasses/" rel="category tag">Blog Posts</a></p><img src="https://cliponexpress.com/wp-content/uploads/2020/05/Lens-e1588549785859.jpg" alt="Front view of the left lens, used to create a pattern for custom clip-on sunglasses" class="" width="1080" height="675" srcset="https://cliponexpress.com/wp-content/uploads/2020/05/Lens-e1588549785859-64x41.jpg 64w, https://cliponexpress.com/wp-content/uploads/2020/05/Lens-e1588549785859-400x250.jpg 400w" sizes="(max-width: 1080px) 100vw, 1080px" />
												</div>
				
					<div class="entry-content">
					<div class="et-l et-l--post">
			<div class="et_builder_inner_content et_pb_gutters3"><div class="et_pb_section et_pb_section_0 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Ordering custom clip on sunglasses used to mean you&#8217;ll have to go to a physical location or mail your frame for the manufacturing process. Modern technologies like the internet and smart mobile devices now allow the luxury of ordering from almost anywhere.</p>
<p>In this short guide we&#8217;ll go over the the necessary information you&#8217;ll need to provide in order to get a pair of clip on sunglasses that fits your frame perfectly:</p>
<p>&nbsp;</p>
<ul>
<li>How to take pictures of your spectacles</li>
<li>Understanding the frame information</li>
<li>How to measure your spectacles </li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_1  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2><strong>How to take pictures of your spectacles</strong></h2>
<p>Instead of using a physical object as a mold, we&#8217;ll use images of the frame to create a pattern for the clip on lenses, set it&#8217;s base curve, determine the length of the prongs and take unusual features (for example, a protruding nose bridge) into consideration.</p>
<p>A total of 3 images are needed: </p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_2">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_2  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><strong>1. Lens</strong></h3>
<p>This image is used to create a pattern for the clip on <a href="/lenses/">lenses</a>. We trace the edges of the frame and/or lenses thus creating a shape that will offer sufficient coverage.</p>
<p>For optimal results, the picture has to be taken in a perpendicular angle to the plane of the lens and from a distance to prevent a fisheye effect which will distort the shape.</p>
<p>Guideline:</p>
<p>&#8211; Fold the temples and place on a flat surface</p>
<p>&#8211; Turn flash off</p>
<p>&#8211; Aim at the center of the lens from about a foot away and zoom in</p>
<p>&#8211; Make sure the angle is perpendicular to the plane of the lens</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_0">
				
				
				
				
				<span class="et_pb_image_wrap "><img fetchpriority="high" decoding="async" width="308" height="240" src="https://cliponexpress.com/wp-content/uploads/2021/08/Lens-1-e1636272904668.jpg" alt="The lens image is used to create a pattern for the clip on sunglasses lenses" title="Lens" class="wp-image-23794" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_3">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_3  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><strong>2. Top</strong></h3>
<p>This image will be used to determine the base curve of the clip on and the length of the clip on&#8217;s top prongs.</p>
<p>If there are any unusual features that should be taken into consideration such as a protruding bridge or thick lenses, they will show up in this image.<span style="font-size: 18px;"> </span></p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_1">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="308" height="244" src="https://cliponexpress.com/wp-content/uploads/2021/08/Top-1.png" alt="The image of the top will be used to set the base curve of the clip on sunglasses" title="Top" srcset="https://cliponexpress.com/wp-content/uploads/2021/08/Top-1.png 308w, https://cliponexpress.com/wp-content/uploads/2021/08/Top-1-64x51.png 64w, https://cliponexpress.com/wp-content/uploads/2021/08/Top-1-300x238.png 300w" sizes="(max-width: 308px) 100vw, 308px" class="wp-image-23795" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_4">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_4  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><strong>3. Bottom</strong></h3>
<p>This image will be used to determine the base curve of the clip on and the length of the clip on&#8217;s bottom prongs.</p>
<p>If there are any unusual features that should be taken into consideration such as a protruding bridge or thick lenses, they will show up in this image.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_7  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_2">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="308" height="244" src="https://cliponexpress.com/wp-content/uploads/2021/08/Bottom-1.png" alt="The image of the bottom will be used to set the length of the bottom prongs for the clip on sunglasses" title="Bottom" srcset="https://cliponexpress.com/wp-content/uploads/2021/08/Bottom-1.png 308w, https://cliponexpress.com/wp-content/uploads/2021/08/Bottom-1-64x51.png 64w, https://cliponexpress.com/wp-content/uploads/2021/08/Bottom-1-300x238.png 300w" sizes="(max-width: 308px) 100vw, 308px" class="wp-image-23793" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_5">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_8  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_5  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2><b>Understanding frame Information</b></h2>
<p>Most frame manufactures print or curve information on the frame that usually includes the following: The brand name, Model name or number, color, eye size, bridge size and temple length.</p>
<p>We use this information to categorize and properly scale the clip-on so it fits the frame properly.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_6">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_9  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_6  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><b>Brand</b></h3>
<p>The brand name will usually be printed on one of the temples.</p>
<p>Some of the most popular brands people buy clip on sunglasses for are Warby Parker, Ray-Ban, Nike and Oakley.</p>
<p>The brand model of the frame in the example is Valentino (it&#8217;s printed on the other temple).</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_7  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><b>Model</b></h3>
<p>The Model is either a number, a name or a combination of letters and numbers.</p>
<p><a href="https://warbyparker.com" rel="nofollow noopener" target="_blank">Warby Parker</a> uses different names, Ray-Ban models are RB or RX followed by a 4 digit number and Nike uses 3 or 4 digit numbers as the model.</p>
<p>The color is also printed on the frame, however it&#8217;s not relevant to the order. The color code comes after the model.</p>
<p>In the example the model is V2664 and the color code is 031.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_8  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><b>Sizes</b></h3>
<ul>
<li>Eye Size</li>
<li>Bridge Size</li>
<li>Temples Length</li>
</ul>
<p>The Eye size is the width of the prescription lens in millimeters. The bridge size is the distance between the lenses. The temple length isn&#8217;t relevant to the order.</p>
<p>The eye and bridge sizes are usually separated with a square.</p>
<p>In the example, it&#8217;s 51<span>◻</span>16 (135 is the temple length).<span style="font-size: 18px;"> </span></p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_10  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_3">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1920" height="1231" src="https://cliponexpress.com/wp-content/uploads/2021/11/frameinfo.jpg" alt="How to order custom clip on sunglasses using your mobile device 1" title="frameinfo" srcset="https://cliponexpress.com/wp-content/uploads/2021/11/frameinfo.jpg 1920w, https://cliponexpress.com/wp-content/uploads/2021/11/frameinfo-1280x821.jpg 1280w, https://cliponexpress.com/wp-content/uploads/2021/11/frameinfo-980x628.jpg 980w, https://cliponexpress.com/wp-content/uploads/2021/11/frameinfo-480x308.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1920px, 100vw" class="wp-image-24060"></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_7">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_11  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_9  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2><b>How to measure your spectacles</b></h2>
<p>The printed sizes are accurate in most cases, however there are unexpected exceptions. In order to assure the accuracy of the scale, you may be asked to provide a real world measurement. <span style="font-size: 18px;"> </span></p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_8">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_12  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_10  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Use a caliper (or a ruler) to measure the total height of the spectacles.</p>
<p>The preferable measuring unit is millimeters.</p>
<p>&nbsp;</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_13  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_4">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1000" height="750" src="https://cliponexpress.com/wp-content/uploads/2018/03/measureframeheight.jpg" alt="How to measure your eyeglasses when ordering custom clip on sunglasses" title="measureframeheight" srcset="https://cliponexpress.com/wp-content/uploads/2018/03/measureframeheight.jpg 1000w, https://cliponexpress.com/wp-content/uploads/2018/03/measureframeheight-510x383.jpg 510w, https://cliponexpress.com/wp-content/uploads/2018/03/measureframeheight-64x48.jpg 64w, https://cliponexpress.com/wp-content/uploads/2018/03/measureframeheight-300x225.jpg 300w, https://cliponexpress.com/wp-content/uploads/2018/03/measureframeheight-768x576.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" class="wp-image-4972" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_9">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_14  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_cta_0 et_pb_promo  et_pb_text_align_center et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_promo_description"><h2 class="et_pb_module_header">Ready To Place An Order?</h2></div>
				<div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_promo_button" href="/product/custom-clip-on/">Click Here</a></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>		</div>
	</div>
						</div>
					<div class="et_post_meta_wrapper">
										</div>
				</article>

						</div>

					</div>
	</div>
	</div>


<script nitro-exclude>
    document.cookie = 'nitroCachedPage=' + (!window.NITROPACK_STATE ? '0' : '1') + '; path=/; SameSite=Lax';
</script>
<script nitro-exclude>
    if (!window.NITROPACK_STATE || window.NITROPACK_STATE != 'FRESH') {
        var proxyPurgeOnly = 0;
        if (typeof navigator.sendBeacon !== 'undefined') {
            var nitroData = new FormData(); nitroData.append('nitroBeaconUrl', 'aHR0cHM6Ly9jbGlwb25leHByZXNzLmNvbS9ob3ctdG8tb3JkZXItY3VzdG9tLWNsaXAtb24tc3VuZ2xhc3Nlcy11c2luZy15b3VyLW1vYmlsZS1kZXZpY2Uv'); nitroData.append('nitroBeaconCookies', 'W10='); nitroData.append('nitroBeaconHash', 'e785435ba46041e487099678c6bf818221970ebc83327820a8f12419d259b4b238a7a5ae4d88aa7ac26b465adcd453c3f71ae22b32beb1022832a8509ca7e1cb'); nitroData.append('proxyPurgeOnly', ''); nitroData.append('layout', 'post'); navigator.sendBeacon(location.href, nitroData);
        } else {
            var xhr = new XMLHttpRequest(); xhr.open('POST', location.href, true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send('nitroBeaconUrl=aHR0cHM6Ly9jbGlwb25leHByZXNzLmNvbS9ob3ctdG8tb3JkZXItY3VzdG9tLWNsaXAtb24tc3VuZ2xhc3Nlcy11c2luZy15b3VyLW1vYmlsZS1kZXZpY2Uv&nitroBeaconCookies=W10=&nitroBeaconHash=e785435ba46041e487099678c6bf818221970ebc83327820a8f12419d259b4b238a7a5ae4d88aa7ac26b465adcd453c3f71ae22b32beb1022832a8509ca7e1cb&proxyPurgeOnly=&layout=post');
        }
    }
</script>	<footer class="et-l et-l--footer">
			<div class="et_builder_inner_content et_pb_gutters3"><div class="et_pb_section et_pb_section_0_tb_footer et_pb_with_background et_section_regular et_pb_section--with-menu" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0_tb_footer et_pb_row--with-menu">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0_tb_footer  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column--with-menu">
				
				
				
				
				<div class="et_pb_module et_pb_menu et_pb_menu_0_tb_footer et_pb_bg_layout_light  et_pb_text_align_left et_dropdown_animation_fade et_pb_menu--without-logo et_pb_menu--style-centered">
					
					
					
					
					<div class="et_pb_menu_inner_container clearfix">
						
						<div class="et_pb_menu__wrap">
							<div class="et_pb_menu__menu">
								<nav class="et-menu-nav"><ul id="menu-bottom" class="et-menu nav"><li id="menu-item-67" class="et_pb_menu_page_id-65 menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-67"><a rel="privacy-policy" href="https://cliponexpress.com/privacy-policy/">Privacy Policy</a></li>
<li id="menu-item-23311" class="et_pb_menu_page_id-22717 menu-item menu-item-type-post_type menu-item-object-page menu-item-23311"><a href="https://cliponexpress.com/terms-and-conditions/">Terms And Conditions</a></li>
<li id="menu-item-23410" class="et_pb_menu_page_id-23264 menu-item menu-item-type-post_type menu-item-object-page menu-item-23410"><a href="https://cliponexpress.com/return-policy/">Return Policy</a></li>
<li id="menu-item-23131" class="et_pb_menu_page_id-23122 menu-item menu-item-type-post_type menu-item-object-page menu-item-23131"><a href="https://cliponexpress.com/clip-on-express-blog/">Blog</a></li>
<li id="menu-item-1006" class="et_pb_menu_page_id-984 menu-item menu-item-type-post_type menu-item-object-page menu-item-1006"><a href="https://cliponexpress.com/my-account/">Account</a></li>
</ul></nav>
							</div>
							
							
							<div class="et_mobile_nav_menu">
				<div class="mobile_nav closed">
					<span class="mobile_menu_bar"></span>
				</div>
			</div>
						</div>
						
					</div>
				</div><div class="et_pb_module et_pb_text et_pb_text_0_tb_footer  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Cliponexpress.com © 2026 | All Rights Reserved.</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>		</div>
	</footer>
		</div>

			
		</div>
		</div>

			<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/child-theme/*","/wp-content/themes/Divi/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<div id="wcas-divi-search" style="display: block;"><div  class="dgwt-wcas-search-wrapp dgwt-wcas-has-submit woocommerce dgwt-wcas-style-pirx js-dgwt-wcas-layout-classic dgwt-wcas-layout-classic js-dgwt-wcas-mobile-overlay-enabled">
		<form class="dgwt-wcas-search-form" role="search" action="https://cliponexpress.com/" method="get">
		<div class="dgwt-wcas-sf-wrapp">
						<label class="screen-reader-text"
				for="dgwt-wcas-search-input-1">
				Products search			</label>

			<input
				id="dgwt-wcas-search-input-1"
				type="search"
				class="dgwt-wcas-search-input"
				name="s"
				value=""
				placeholder="Enter the model name or number (examples: OX3217, RB6335, Wilkie)"
				autocomplete="off"
							/>
			<div class="dgwt-wcas-preloader"></div>

			<div class="dgwt-wcas-voice-search"></div>

							<button type="submit"
						aria-label="Search"
						class="dgwt-wcas-search-submit">				<svg
					class="dgwt-wcas-ico-magnifier" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
					<path  d=" M 16.722523,17.901412 C 16.572585,17.825208 15.36088,16.670476 14.029846,15.33534 L 11.609782,12.907819 11.01926,13.29667 C 8.7613237,14.783493 5.6172703,14.768302 3.332423,13.259528 -0.07366363,11.010358 -1.0146502,6.5989684 1.1898146,3.2148776
					1.5505179,2.6611594 2.4056498,1.7447266 2.9644271,1.3130497 3.4423015,0.94387379 4.3921825,0.48568469 5.1732652,0.2475835 5.886299,0.03022609 6.1341883,0 7.2037391,0 8.2732897,0 8.521179,0.03022609 9.234213,0.2475835 c 0.781083,0.23810119 1.730962,0.69629029 2.208837,1.0654662
					0.532501,0.4113763 1.39922,1.3400096 1.760153,1.8858877 1.520655,2.2998531 1.599025,5.3023778 0.199549,7.6451086 -0.208076,0.348322 -0.393306,0.668209 -0.411622,0.710863 -0.01831,0.04265 1.065556,1.18264 2.408603,2.533307 1.343046,1.350666 2.486621,2.574792 2.541278,2.720279 0.282475,0.7519
					-0.503089,1.456506 -1.218488,1.092917 z M 8.4027892,12.475062 C 9.434946,12.25579 10.131043,11.855461 10.99416,10.984753 11.554519,10.419467 11.842507,10.042366 12.062078,9.5863882 12.794223,8.0659672 12.793657,6.2652398 12.060578,4.756293 11.680383,3.9737304 10.453587,2.7178427
					9.730569,2.3710306 8.6921295,1.8729196 8.3992147,1.807606 7.2037567,1.807606 6.0082984,1.807606 5.7153841,1.87292 4.6769446,2.3710306 3.9539263,2.7178427 2.7271301,3.9737304 2.3469352,4.756293 1.6138384,6.2652398 1.6132726,8.0659672 2.3454252,9.5863882 c 0.4167354,0.8654208 1.5978784,2.0575608
					2.4443766,2.4671358 1.0971012,0.530827 2.3890403,0.681561 3.6130134,0.421538 z
					"/>
				</svg>
				</button>
			
			<input type="hidden" name="post_type" value="product"/>
			<input type="hidden" name="dgwt_wcas" value="1"/>

			
					</div>
	</form>
</div>
</div>		<script type="application/javascript">
			(function() {
				var file     = ["https:\/\/cliponexpress.com\/wp-content\/et-cache\/24111\/et-divi-dynamic-tb-31076-tb-31052-24111-late.css"];
				var handle   = document.getElementById('divi-style-parent-inline-inline-css');
				var location = handle.parentNode;

				if (0===document.querySelectorAll('link[href="' + file + '"]').length) {
					var link  = document.createElement('link');
					link.rel  = 'stylesheet';
					link.id   = 'et-dynamic-late-css';
					link.href = file;

					location.insertBefore(link, handle.nextSibling);
				}
			})();
		</script>
			<script type='text/javascript'>
		(function () {
			var c = document.body.className;
			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
			document.body.className = c;
		})();
	</script>
			<div class="vi-wcaio-sidebar-cart-icon-wrap vi-wcaio-sidebar-cart-icon-wrap-bottom_right vi-wcaio-sidebar-cart-icon-wrap-click  vi-wcaio-disabled"
		     data-trigger="click">
			                <div class="vi-wcaio-sidebar-cart-icon vi-wcaio-sidebar-cart-icon-1" data-display_style="1">
                    <i class="vi_wcaio_cart_icon-cart-of-ecommerce"></i>
                    <div class="vi-wcaio-sidebar-cart-count-wrap">
                        <div class="vi-wcaio-sidebar-cart-count">
							0                        </div>
                    </div>
                </div>
						</div>
		<div class="vi-wcaio-sidebar-cart-wrap" data-empty_enable="1"
     data-effect_after_atc="open"
     data-fly_to_cart="1">
    <div class="vi-wcaio-sidebar-cart-overlay vi-wcaio-disabled"></div>
    <div class="vi-wcaio-sidebar-cart vi-wcaio-sidebar-cart-2 vi-wcaio-sidebar-cart-bottom_right" data-type="2" data-old_position=""
         data-position="bottom_right"
         data-effect="zoom">
		    <div class="vi-wcaio-sidebar-cart-content-close vi-wcaio-sidebar-cart-content-wrap" data-option="{&quot;sc_footer_cart_total&quot;:&quot;subtotal&quot;,&quot;sc_pd_price_style&quot;:&quot;price&quot;}">
        <div class="vi-wcaio-sidebar-cart-header-wrap">
            <div class="vi-wcaio-sidebar-cart-header-title-wrap">
				YOUR CART            </div>
			                <div class="vi-wcaio-sidebar-cart-header-coupon-wrap">
                    <input type="text" name="coupon_code" id="coupon_code" class="vi-wcaio-coupon-code"
                           placeholder="Coupon code">
                    <button type="submit" class="button vi-wcaio-bt-coupon-code" name="apply_coupon">
						Apply                    </button>
                </div>
				            <div class="vi-wcaio-sidebar-cart-close-wrap">
                <i class="vi_wcaio_cart_icon-clear-button"></i>
            </div>
        </div>
        <div class="vi-wcaio-sidebar-cart-content-wrap1 vi-wcaio-sidebar-cart-products-wrap">
			            <ul class="vi-wcaio-sidebar-cart-products">
				<li class="vi-wcaio-sidebar-cart-pd-empty">No products in the cart.</li>            </ul>
			        </div>
        <div class="vi-wcaio-sidebar-cart-footer-wrap">
            <div class="vi-wcaio-sidebar-cart-footer vi-wcaio-sidebar-cart-footer-products">
				                    <div class="vi-wcaio-sidebar-cart-footer-cart_total-wrap">
                        <div class="vi-wcaio-sidebar-cart-footer-cart_total vi-wcaio-sidebar-cart-footer-subtotal">
                            <div class="vi-wcaio-sidebar-cart-footer-cart_total-title">Subtotal:</div>
                            <div class="vi-wcaio-sidebar-cart-footer-cart_total1 vi-wcaio-sidebar-cart-footer-cart_total1-subtotal">
								<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#036;</span>0.00</span>                            </div>
                        </div>
                    </div>
                    <div class="vi-wcaio-sidebar-cart-footer-action">
                        <button class="vi-wcaio-sidebar-cart-bt vi-wcaio-sidebar-cart-bt-update vi-wcaio-disabled button">
							Update Cart                        </button>
                        <a href="https://cliponexpress.com/checkout/"
                           class="button vi-wcaio-sidebar-cart-bt vi-wcaio-sidebar-cart-bt-nav vi-wcaio-sidebar-cart-bt-nav-checkout">
		                    CHECKOUT                        </a>
                    </div>
					            </div>
            <div class="vi-wcaio-sidebar-cart-footer-message-wrap">
						<div class="vi-wcaio-sidebar-cart-footer-pd-wrap-wrap vi-wcaio-sidebar-cart-footer-pd-best_selling">
			<div class="vi-wcaio-sidebar-cart-footer-pd-plus-title">
				BEST SELLING PRODUCTS			</div>
			<div class="vi-wcaio-sidebar-cart-footer-pd-wrap">
				<div class="vi-wcaio-sidebar-cart-footer-pd vi-wcaio-sidebar-cart-footer-pd-type-1">
	<div class="vi-wcaio-sidebar-cart-footer-pd-desc-wrap">
		<div class="vi-wcaio-sidebar-cart-footer-pd-img">
			<a href="https://cliponexpress.com/custom-clip-on/"><img src="" data-src="https://cliponexpress.com/wp-content/uploads/2018/09/MagneticGray-100x100.jpg" class="vi-wcaio-sidebar-cart-footer-pd-img1" alt="3DClips™ - Custom Clip On Sunglasses"></a>		</div>
		<div class="vi-wcaio-sidebar-cart-footer-pd-desc">
			<div class="vi-wcaio-sidebar-cart-footer-pd-name">
				<a href="https://cliponexpress.com/custom-clip-on/">3DClips™ - Custom Clip On Sunglasses</a>			</div>
			<div class="vi-wcaio-sidebar-cart-footer-pd-price">
				<span class="woocommerce-Price-amount amount" aria-hidden="true"><span class="woocommerce-Price-currencySymbol">&#036;</span>49.00</span> <span aria-hidden="true">&ndash;</span> <span class="woocommerce-Price-amount amount" aria-hidden="true"><span class="woocommerce-Price-currencySymbol">&#036;</span>59.00</span><span class="screen-reader-text">Price range: &#036;49.00 through &#036;59.00</span>			</div>
		</div>
	</div>
	<div class="vi-wcaio-sidebar-cart-footer-pd-control">
			</div>
</div><div class="vi-wcaio-sidebar-cart-footer-pd vi-wcaio-sidebar-cart-footer-pd-type-1">
	<div class="vi-wcaio-sidebar-cart-footer-pd-desc-wrap">
		<div class="vi-wcaio-sidebar-cart-footer-pd-img">
			<a href="https://cliponexpress.com/3dclips-custom-clip-on-sunglasses-for-oakley-ox3218-socket-5-5/"><img src="" data-src="https://cliponexpress.com/wp-content/uploads/2026/01/OakleyOX3218Magneticblue-mirror-polarized-100x100.jpg" class="vi-wcaio-sidebar-cart-footer-pd-img1" alt="Oakley OX3218 (Socket 5.5) Custom Clip On Sunglasses"></a>		</div>
		<div class="vi-wcaio-sidebar-cart-footer-pd-desc">
			<div class="vi-wcaio-sidebar-cart-footer-pd-name">
				<a href="https://cliponexpress.com/3dclips-custom-clip-on-sunglasses-for-oakley-ox3218-socket-5-5/">Oakley OX3218 (Socket 5.5) Custom Clip On Sunglasses</a>			</div>
			<div class="vi-wcaio-sidebar-cart-footer-pd-price">
				<span class="woocommerce-Price-amount amount" aria-hidden="true"><span class="woocommerce-Price-currencySymbol">&#036;</span>35.00</span> <span aria-hidden="true">&ndash;</span> <span class="woocommerce-Price-amount amount" aria-hidden="true"><span class="woocommerce-Price-currencySymbol">&#036;</span>49.00</span><span class="screen-reader-text">Price range: &#036;35.00 through &#036;49.00</span>			</div>
		</div>
	</div>
	<div class="vi-wcaio-sidebar-cart-footer-pd-control">
			</div>
</div><div class="vi-wcaio-sidebar-cart-footer-pd vi-wcaio-sidebar-cart-footer-pd-type-1">
	<div class="vi-wcaio-sidebar-cart-footer-pd-desc-wrap">
		<div class="vi-wcaio-sidebar-cart-footer-pd-img">
			<a href="https://cliponexpress.com/3dclips-custom-clip-on-sunglasses-for-oakley-ox3217-socket-5-0/"><img src="" data-src="https://cliponexpress.com/wp-content/uploads/2026/01/OakleyOX3218Springgray-non-polarized-1-100x100.jpg" class="vi-wcaio-sidebar-cart-footer-pd-img1" alt="Oakley OX3217 Clip-On Sunglasses | Custom 3DClips™ with UV400 &amp; Polarized Lenses"></a>		</div>
		<div class="vi-wcaio-sidebar-cart-footer-pd-desc">
			<div class="vi-wcaio-sidebar-cart-footer-pd-name">
				<a href="https://cliponexpress.com/3dclips-custom-clip-on-sunglasses-for-oakley-ox3217-socket-5-0/">Oakley OX3217 Clip-On Sunglasses | Custom 3DClips™ with UV400 &amp; Polarized Lenses</a>			</div>
			<div class="vi-wcaio-sidebar-cart-footer-pd-price">
				<span class="woocommerce-Price-amount amount" aria-hidden="true"><span class="woocommerce-Price-currencySymbol">&#036;</span>35.00</span> <span aria-hidden="true">&ndash;</span> <span class="woocommerce-Price-amount amount" aria-hidden="true"><span class="woocommerce-Price-currencySymbol">&#036;</span>49.00</span><span class="screen-reader-text">Price range: &#036;35.00 through &#036;49.00</span>			</div>
		</div>
	</div>
	<div class="vi-wcaio-sidebar-cart-footer-pd-control">
			</div>
</div><div class="vi-wcaio-sidebar-cart-footer-pd vi-wcaio-sidebar-cart-footer-pd-type-1">
	<div class="vi-wcaio-sidebar-cart-footer-pd-desc-wrap">
		<div class="vi-wcaio-sidebar-cart-footer-pd-img">
			<a href="https://cliponexpress.com/3dclips-custom-clip-on-sunglasses-for-oakley-ox3227-fuller/"><img src="" data-src="https://cliponexpress.com/wp-content/uploads/2023/01/ox3227magneticgray-100x100.jpg" class="vi-wcaio-sidebar-cart-footer-pd-img1" alt="Oakley Fuller OX3227 Custom Clip-on Sunglasses"></a>		</div>
		<div class="vi-wcaio-sidebar-cart-footer-pd-desc">
			<div class="vi-wcaio-sidebar-cart-footer-pd-name">
				<a href="https://cliponexpress.com/3dclips-custom-clip-on-sunglasses-for-oakley-ox3227-fuller/">Oakley Fuller OX3227 Custom Clip-on Sunglasses</a>			</div>
			<div class="vi-wcaio-sidebar-cart-footer-pd-price">
				<span class="woocommerce-Price-amount amount" aria-hidden="true"><span class="woocommerce-Price-currencySymbol">&#036;</span>39.00</span> <span aria-hidden="true">&ndash;</span> <span class="woocommerce-Price-amount amount" aria-hidden="true"><span class="woocommerce-Price-currencySymbol">&#036;</span>59.00</span><span class="screen-reader-text">Price range: &#036;39.00 through &#036;59.00</span>			</div>
		</div>
	</div>
	<div class="vi-wcaio-sidebar-cart-footer-pd-control">
			</div>
</div><div class="vi-wcaio-sidebar-cart-footer-pd vi-wcaio-sidebar-cart-footer-pd-type-1">
	<div class="vi-wcaio-sidebar-cart-footer-pd-desc-wrap">
		<div class="vi-wcaio-sidebar-cart-footer-pd-img">
			<a href="https://cliponexpress.com/3dclips-custom-clip-on-sunglasses-for-warby-parker-wilkie/"><img src="" data-src="https://cliponexpress.com/wp-content/uploads/warby-parker/wilkie/Warby-ParkerWilkieMagneticgray-non-polarized-100x100.jpg" class="vi-wcaio-sidebar-cart-footer-pd-img1" alt="3DClips™ - Custom Clip On Sunglasses For Warby Parker Wilkie"></a>		</div>
		<div class="vi-wcaio-sidebar-cart-footer-pd-desc">
			<div class="vi-wcaio-sidebar-cart-footer-pd-name">
				<a href="https://cliponexpress.com/3dclips-custom-clip-on-sunglasses-for-warby-parker-wilkie/">3DClips™ - Custom Clip On Sunglasses For Warby Parker Wilkie</a>			</div>
			<div class="vi-wcaio-sidebar-cart-footer-pd-price">
				<span class="woocommerce-Price-amount amount" aria-hidden="true"><span class="woocommerce-Price-currencySymbol">&#036;</span>39.00</span> <span aria-hidden="true">&ndash;</span> <span class="woocommerce-Price-amount amount" aria-hidden="true"><span class="woocommerce-Price-currencySymbol">&#036;</span>59.00</span><span class="screen-reader-text">Price range: &#036;39.00 through &#036;59.00</span>			</div>
		</div>
	</div>
	<div class="vi-wcaio-sidebar-cart-footer-pd-control">
			</div>
</div>			</div>
		</div>
		            </div>
        </div>
        <div class="vi-wcaio-sidebar-cart-loading-wrap vi-wcaio-disabled">
			                <div class="vi-wcaio-sidebar-cart-loading vi-wcaio-sidebar-cart-loading-roller">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
				        </div>
    </div>
    </div>
</div>
<div class="cr-pswp pswp" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="pswp__bg"></div>
	<div class="pswp__scroll-wrap">
		<div class="pswp__container">
			<div class="pswp__item"></div>
			<div class="pswp__item"></div>
			<div class="pswp__item"></div>
		</div>
		<div class="pswp__ui pswp__ui--hidden">
			<div class="pswp__top-bar">
				<div class="pswp__counter"></div>
				<button class="pswp__button pswp__button--close" aria-label="Close (Esc)"></button>
				<button class="pswp__button pswp__button--share" aria-label="Share"></button>
				<button class="pswp__button pswp__button--fs" aria-label="Toggle fullscreen"></button>
				<button class="pswp__button pswp__button--zoom" aria-label="Zoom in/out"></button>
				<div class="pswp__preloader">
					<div class="pswp__preloader__icn">
						<div class="pswp__preloader__cut">
							<div class="pswp__preloader__donut"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
				<div class="pswp__share-tooltip"></div>
			</div>
			<button class="pswp__button pswp__button--arrow--left" aria-label="Previous (arrow left)"></button>
			<button class="pswp__button pswp__button--arrow--right" aria-label="Next (arrow right)"></button>
			<div class="pswp__caption">
				<div class="pswp__caption__center"></div>
			</div>
		</div>
	</div>
</div>
<script data-wp-strategy="async" id="google-tag-manager-js" src="https://www.googletagmanager.com/gtag/js?id=G-CMBFKLL9BN"></script>
<script id="wp-hooks-js" src="https://cliponexpress.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
<script id="wp-i18n-js" src="https://cliponexpress.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="woocommerce-google-analytics-integration-js" src="https://cliponexpress.com/wp-content/plugins/woocommerce-google-analytics-integration/assets/js/build/main.js?ver=609ae83e1aacdc1c017a"></script>
<script id="woocommerce-google-analytics-integration-js-after">
gtag("event", "page_view", {send_to: "GLA"});
gtag("config", "AW-17533245748", { "groups": "GLA", "send_page_view": false });

gtag("event", "page_view", {send_to: "GLA"});
//# sourceURL=woocommerce-google-analytics-integration-js-after
</script>
<script id="jquery-core-js" src="https://cliponexpress.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://cliponexpress.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script id="jquery-js-after">
jqueryParams.length&&$.each(jqueryParams,function(e,r){if("function"==typeof r){var n=String(r);n.replace("$","jQuery");var a=new Function("return "+n)();$(document).ready(a)}});
//# sourceURL=jquery-js-after
</script>
<script id="cr-frontend-js-js-extra">
var cr_ajax_object = {"ajax_url":"https://cliponexpress.com/wp-admin/admin-ajax.php"};
var cr_ajax_object = {"ajax_url":"https://cliponexpress.com/wp-admin/admin-ajax.php","disable_lightbox":"0","flags_url":"https://cliponexpress.com/wp-content/plugins/customer-reviews-woocommerce/img/flags/"};
//# sourceURL=cr-frontend-js-js-extra
</script>
<script id="cr-frontend-js-js" src="https://cliponexpress.com/wp-content/plugins/customer-reviews-woocommerce/js/frontend.js?ver=5.113.0"></script>
<script id="cr-colcade-js" src="https://cliponexpress.com/wp-content/plugins/customer-reviews-woocommerce/js/colcade.js?ver=5.113.0"></script>
<script id="stickyAnythingLib-js" src="https://cliponexpress.com/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/jq-sticky-anything.min.js?ver=2.1.1"></script>
<script id="stickThis-js-extra">
var sticky_anything_engage = {"element":"#productimage","topspace":"0","minscreenwidth":"0","maxscreenwidth":"999999","zindex":"99999999999999999999","legacymode":"","dynamicmode":"","debugmode":"","pushup":"#stop","adminbar":"1"};
//# sourceURL=stickThis-js-extra
</script>
<script id="stickThis-js" src="https://cliponexpress.com/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/stickThis.js?ver=2.1.1"></script>
<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://cliponexpress.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.9.1"></script>
<script id="wc-add-to-cart-js-extra">
var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https://cliponexpress.com/cart/","is_cart":"","cart_redirect_after_add":"no"};
//# sourceURL=wc-add-to-cart-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://cliponexpress.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.9.1"></script>
<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://cliponexpress.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.9.1"></script>
<script id="woocommerce-js-extra">
var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Show password","i18n_password_hide":"Hide password"};
//# sourceURL=woocommerce-js-extra
</script>
<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://cliponexpress.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.9.1"></script>
<script id="alg-wc-ean-variations-js-extra">
var alg_wc_ean_variations_obj = {"variations_form":".variations_form","variations_form_closest":".summary"};
//# sourceURL=alg-wc-ean-variations-js-extra
</script>
<script id="alg-wc-ean-variations-js" src="https://cliponexpress.com/wp-content/plugins/ean-for-woocommerce/includes/js/alg-wc-ean-variations.js?ver=5.5.3"></script>
<script id="vi-wcaio-ajax-atc-js-extra">
var viwcaio_ajax_atc_params = {"ajax_atc":"1","wc_ajax_url":"/?wc-ajax=%%endpoint%%","nonce":"ab6438ffd8","added_to_cart":"","woocommerce_enable_ajax_add_to_cart":"1","ajax_atc_pd_exclude":[],"i18n_make_a_selection_text":"Please select some product options before adding this product to your cart.","i18n_unavailable_text":"Sorry, this product is unavailable. Please choose a different combination.","cart_url":"https://cliponexpress.com/cart/","cart_redirect_after_add":"no"};
//# sourceURL=vi-wcaio-ajax-atc-js-extra
</script>
<script id="vi-wcaio-ajax-atc-js" src="https://cliponexpress.com/wp-content/plugins/woo-cart-all-in-one/assets/js/ajax-add-to-cart.js?ver=1.1.24"></script>
<script id="vi-wcaio-sidebar-cart-js-extra">
var viwcaio_sc_params = {"wc_ajax_url":"/?wc-ajax=%%endpoint%%","nonce":"ab6438ffd8","cart_hash_key":"wc_cart_hash_9c308f083ca4e1d7f358a529b9a629e4","fragment_name":"wc_fragments_9c308f083ca4e1d7f358a529b9a629e4"};
//# sourceURL=vi-wcaio-sidebar-cart-js-extra
</script>
<script id="vi-wcaio-sidebar-cart-js" src="https://cliponexpress.com/wp-content/plugins/woo-cart-all-in-one/assets/js/sidebar-cart.js?ver=1.1.24"></script>
<script id="vi-wcaio-flexslider-js" src="https://cliponexpress.com/wp-content/plugins/woo-cart-all-in-one/assets/js/flexslider.min.js?ver=1.1.24"></script>
<script id="divi-custom-script-js-extra">
var DIVI = {"item_count":"%d Item","items_count":"%d Items"};
var et_builder_utils_params = {"condition":{"diviTheme":true,"extraTheme":false},"scrollLocations":["app","top"],"builderScrollLocations":{"desktop":"app","tablet":"app","phone":"app"},"onloadScrollLocation":"app","builderType":"fe"};
var et_frontend_scripts = {"builderCssContainerPrefix":"#et-boc","builderCssLayoutPrefix":"#et-boc .et-l"};
var et_pb_custom = {"ajaxurl":"https://cliponexpress.com/wp-admin/admin-ajax.php","images_uri":"https://cliponexpress.com/wp-content/themes/Divi/images","builder_images_uri":"https://cliponexpress.com/wp-content/themes/Divi/includes/builder/images","et_frontend_nonce":"67c6db934f","subscription_failed":"Please, check the fields below to make sure you entered the correct information.","et_ab_log_nonce":"b268e68247","fill_message":"Please, fill in the following fields:","contact_error_message":"Please, fix the following errors:","invalid":"Invalid email","captcha":"Captcha","prev":"Prev","previous":"Previous","next":"Next","wrong_captcha":"You entered the wrong number in captcha.","wrong_checkbox":"Checkbox","ignore_waypoints":"no","is_divi_theme_used":"1","widget_search_selector":".widget_search","ab_tests":[],"is_ab_testing_active":"","page_id":"24111","unique_test_id":"","ab_bounce_rate":"5","is_cache_plugin_active":"no","is_shortcode_tracking":"","tinymce_uri":"https://cliponexpress.com/wp-content/themes/Divi/includes/builder/frontend-builder/assets/vendors","accent_color":"#7EBEC5","waypoints_options":[]};
var et_pb_box_shadow_elements = [];
//# sourceURL=divi-custom-script-js-extra
</script>
<script id="divi-custom-script-js" src="https://cliponexpress.com/wp-content/themes/Divi/js/scripts.min.js?ver=4.27.6"></script>
<script id="fitvids-js" src="https://cliponexpress.com/wp-content/themes/Divi/includes/builder/feature/dynamic-assets/assets/js/jquery.fitvids.js?ver=4.27.6"></script>
<script id="sourcebuster-js-js" src="https://cliponexpress.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.9.1"></script>
<script id="wc-order-attribution-js-extra">
var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://cliponexpress.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
//# sourceURL=wc-order-attribution-js-extra
</script>
<script id="wc-order-attribution-js" src="https://cliponexpress.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.9.1"></script>
<script id="et-core-common-js" src="https://cliponexpress.com/wp-content/themes/Divi/core/admin/js/common.js?ver=4.27.6"></script>
<script id="sib-front-js-js-extra">
var sibErrMsg = {"invalidMail":"Please fill out valid email address","requiredField":"Please fill out required fields","invalidDateFormat":"Please fill out valid date format","invalidSMSFormat":"Please fill out valid phone number"};
var ajax_sib_front_object = {"ajax_url":"https://cliponexpress.com/wp-admin/admin-ajax.php","ajax_nonce":"ada38db940","flag_url":"https://cliponexpress.com/wp-content/plugins/mailin/img/flags/"};
//# sourceURL=sib-front-js-js-extra
</script>
<script id="sib-front-js-js" src="https://cliponexpress.com/wp-content/plugins/mailin/js/mailin-front.js?ver=1782450373"></script>
<script id="jquery-dgwt-wcas-js-extra">
var dgwt_wcas = {"labels":{"product_plu":"Products","vendor":"Vendor","vendor_plu":"Vendors","sku_label":"SKU:","sale_badge":"Sale","vendor_sold_by":"Sold by:","featured_badge":"Featured","in":"in","read_more":"continue reading","no_results":"\"\u003Cp\u003ECan't find what you're looking for?\u003C/p\u003E\\r\\n\u003Cul\u003E\\r\\n    \u003Cli\u003ECheck for typos or use a more generic search term\u003C/li\u003E\\r\\n    \u003Cli\u003EClick \u003Ca href=\\\"/product/custom-clip-on/\\\"\u003ECUSTOM\u003C/a\u003E\u003C/li\u003E\\r\\n\u003C/ul\u003E\\r\\n\"","no_results_default":"No results","show_more":"See all products...","show_more_details":"See all products...","search_placeholder":"Enter the model name or number (examples: OX3217, RB6335, Wilkie)","submit":"","search_hist":"Your search history","search_hist_clear":"Clear","mob_overlay_label":"Open search in the mobile overlay","tax_product_cat_plu":"Categories","tax_product_cat":"Category","tax_product_tag_plu":"Tags","tax_product_tag":"Tag"},"ajax_search_endpoint":"/?wc-ajax=dgwt_wcas_ajax_search","ajax_details_endpoint":"/?wc-ajax=dgwt_wcas_result_details","ajax_prices_endpoint":"/?wc-ajax=dgwt_wcas_get_prices","action_search":"dgwt_wcas_ajax_search","action_result_details":"dgwt_wcas_result_details","action_get_prices":"dgwt_wcas_get_prices","min_chars":"3","width":"auto","show_details_panel":"","show_images":"1","show_price":"1","show_desc":"","show_sale_badge":"","show_featured_badge":"","dynamic_prices":"","is_rtl":"","show_preloader":"","show_headings":"1","preloader_url":"","taxonomy_brands":"","img_url":"https://cliponexpress.com/wp-content/plugins/ajax-search-for-woocommerce/assets/img/","is_premium":"","layout_breakpoint":"980","mobile_overlay_breakpoint":"980","mobile_overlay_wrapper":"body","mobile_overlay_delay":"0","debounce_wait_ms":"400","send_ga_events":"1","enable_ga_site_search_module":"","magnifier_icon":"\t\t\t\t\u003Csvg\n\t\t\t\t\tclass=\"\" xmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\txmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t\t\t\t\tviewBox=\"0 0 51.539 51.361\" xml:space=\"preserve\"\u003E\n\t\t\t\t\t\u003Cpath \t\t\t\t\t\td=\"M51.539,49.356L37.247,35.065c3.273-3.74,5.272-8.623,5.272-13.983c0-11.742-9.518-21.26-21.26-21.26 S0,9.339,0,21.082s9.518,21.26,21.26,21.26c5.361,0,10.244-1.999,13.983-5.272l14.292,14.292L51.539,49.356z M2.835,21.082 c0-10.176,8.249-18.425,18.425-18.425s18.425,8.249,18.425,18.425S31.436,39.507,21.26,39.507S2.835,31.258,2.835,21.082z\"/\u003E\n\t\t\t\t\u003C/svg\u003E\n\t\t\t\t","magnifier_icon_pirx":"\t\t\t\t\u003Csvg\n\t\t\t\t\tclass=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\"\u003E\n\t\t\t\t\t\u003Cpath  d=\" M 16.722523,17.901412 C 16.572585,17.825208 15.36088,16.670476 14.029846,15.33534 L 11.609782,12.907819 11.01926,13.29667 C 8.7613237,14.783493 5.6172703,14.768302 3.332423,13.259528 -0.07366363,11.010358 -1.0146502,6.5989684 1.1898146,3.2148776\n\t\t\t\t\t1.5505179,2.6611594 2.4056498,1.7447266 2.9644271,1.3130497 3.4423015,0.94387379 4.3921825,0.48568469 5.1732652,0.2475835 5.886299,0.03022609 6.1341883,0 7.2037391,0 8.2732897,0 8.521179,0.03022609 9.234213,0.2475835 c 0.781083,0.23810119 1.730962,0.69629029 2.208837,1.0654662\n\t\t\t\t\t0.532501,0.4113763 1.39922,1.3400096 1.760153,1.8858877 1.520655,2.2998531 1.599025,5.3023778 0.199549,7.6451086 -0.208076,0.348322 -0.393306,0.668209 -0.411622,0.710863 -0.01831,0.04265 1.065556,1.18264 2.408603,2.533307 1.343046,1.350666 2.486621,2.574792 2.541278,2.720279 0.282475,0.7519\n\t\t\t\t\t-0.503089,1.456506 -1.218488,1.092917 z M 8.4027892,12.475062 C 9.434946,12.25579 10.131043,11.855461 10.99416,10.984753 11.554519,10.419467 11.842507,10.042366 12.062078,9.5863882 12.794223,8.0659672 12.793657,6.2652398 12.060578,4.756293 11.680383,3.9737304 10.453587,2.7178427\n\t\t\t\t\t9.730569,2.3710306 8.6921295,1.8729196 8.3992147,1.807606 7.2037567,1.807606 6.0082984,1.807606 5.7153841,1.87292 4.6769446,2.3710306 3.9539263,2.7178427 2.7271301,3.9737304 2.3469352,4.756293 1.6138384,6.2652398 1.6132726,8.0659672 2.3454252,9.5863882 c 0.4167354,0.8654208 1.5978784,2.0575608\n\t\t\t\t\t2.4443766,2.4671358 1.0971012,0.530827 2.3890403,0.681561 3.6130134,0.421538 z\n\t\t\t\t\t\"/\u003E\n\t\t\t\t\u003C/svg\u003E\n\t\t\t\t","history_icon":"\t\t\t\t\u003Csvg class=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"16\"\u003E\n\t\t\t\t\t\u003Cg transform=\"translate(-17.498822,-36.972165)\"\u003E\n\t\t\t\t\t\t\u003Cpath \t\t\t\t\t\t\td=\"m 26.596964,52.884295 c -0.954693,-0.11124 -2.056421,-0.464654 -2.888623,-0.926617 -0.816472,-0.45323 -1.309173,-0.860824 -1.384955,-1.145723 -0.106631,-0.400877 0.05237,-0.801458 0.401139,-1.010595 0.167198,-0.10026 0.232609,-0.118358 0.427772,-0.118358 0.283376,0 0.386032,0.04186 0.756111,0.308336 1.435559,1.033665 3.156285,1.398904 4.891415,1.038245 2.120335,-0.440728 3.927688,-2.053646 4.610313,-4.114337 0.244166,-0.737081 0.291537,-1.051873 0.293192,-1.948355 0.0013,-0.695797 -0.0093,-0.85228 -0.0806,-1.189552 -0.401426,-1.899416 -1.657702,-3.528366 -3.392535,-4.398932 -2.139097,-1.073431 -4.69701,-0.79194 -6.613131,0.727757 -0.337839,0.267945 -0.920833,0.890857 -1.191956,1.27357 -0.66875,0.944 -1.120577,2.298213 -1.120577,3.35859 v 0.210358 h 0.850434 c 0.82511,0 0.854119,0.0025 0.974178,0.08313 0.163025,0.109516 0.246992,0.333888 0.182877,0.488676 -0.02455,0.05927 -0.62148,0.693577 -1.32651,1.40957 -1.365272,1.3865 -1.427414,1.436994 -1.679504,1.364696 -0.151455,-0.04344 -2.737016,-2.624291 -2.790043,-2.784964 -0.05425,-0.16438 0.02425,-0.373373 0.179483,-0.477834 0.120095,-0.08082 0.148717,-0.08327 0.970779,-0.08327 h 0.847035 l 0.02338,-0.355074 c 0.07924,-1.203664 0.325558,-2.153721 0.819083,-3.159247 1.083047,-2.206642 3.117598,-3.79655 5.501043,-4.298811 0.795412,-0.167616 1.880855,-0.211313 2.672211,-0.107576 3.334659,0.437136 6.147035,3.06081 6.811793,6.354741 0.601713,2.981541 -0.541694,6.025743 -2.967431,7.900475 -1.127277,0.871217 -2.441309,1.407501 -3.893104,1.588856 -0.447309,0.05588 -1.452718,0.06242 -1.883268,0.01225 z m 3.375015,-5.084703 c -0.08608,-0.03206 -2.882291,-1.690237 -3.007703,-1.783586 -0.06187,-0.04605 -0.160194,-0.169835 -0.218507,-0.275078 L 26.639746,45.549577 V 43.70452 41.859464 L 26.749,41.705307 c 0.138408,-0.195294 0.31306,-0.289155 0.538046,-0.289155 0.231638,0 0.438499,0.109551 0.563553,0.298452 l 0.10019,0.151342 0.01053,1.610898 0.01053,1.610898 0.262607,0.154478 c 1.579961,0.929408 2.399444,1.432947 2.462496,1.513106 0.253582,0.322376 0.140877,0.816382 -0.226867,0.994404 -0.148379,0.07183 -0.377546,0.09477 -0.498098,0.04986 z\"/\u003E\n\t\t\t\t\t\u003C/g\u003E\n\t\t\t\t\u003C/svg\u003E\n\t\t\t\t","close_icon":"\t\t\t\t\u003Csvg class=\"\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"\u003E\n\t\t\t\t\t\u003Cpath \t\t\t\t\t\td=\"M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z\"/\u003E\n\t\t\t\t\u003C/svg\u003E\n\t\t\t\t","back_icon":"\t\t\t\t\u003Csvg class=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"\u003E\n\t\t\t\t\t\u003Cpath \t\t\t\t\t\td=\"M14 6.125H3.351l4.891-4.891L7 0 0 7l7 7 1.234-1.234L3.35 7.875H14z\" fill-rule=\"evenodd\"/\u003E\n\t\t\t\t\u003C/svg\u003E\n\t\t\t\t","preloader_icon":"\t\t\t\t\u003Csvg class=\"dgwt-wcas-loader-circular \" viewBox=\"25 25 50 50\"\u003E\n\t\t\t\t\t\u003Ccircle class=\"dgwt-wcas-loader-circular-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\"\n\t\t\t\t\t\t stroke-miterlimit=\"10\"/\u003E\n\t\t\t\t\u003C/svg\u003E\n\t\t\t\t","voice_search_inactive_icon":"\t\t\t\t\u003Csvg class=\"dgwt-wcas-voice-search-mic-inactive\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"\u003E\n\t\t\t\t\t\u003Cpath \t\t\t\t\t\td=\"M12 14q-1.25 0-2.125-.875T9 11V5q0-1.25.875-2.125T12 2q1.25 0 2.125.875T15 5v6q0 1.25-.875 2.125T12 14Zm0-6Zm-1 13v-3.075q-2.6-.35-4.3-2.325Q5 13.625 5 11h2q0 2.075 1.463 3.537Q9.925 16 12 16t3.538-1.463Q17 13.075 17 11h2q0 2.625-1.7 4.6-1.7 1.975-4.3 2.325V21Zm1-9q.425 0 .713-.288Q13 11.425 13 11V5q0-.425-.287-.713Q12.425 4 12 4t-.712.287Q11 4.575 11 5v6q0 .425.288.712.287.288.712.288Z\"/\u003E\n\t\t\t\t\u003C/svg\u003E\n\t\t\t\t","voice_search_active_icon":"\t\t\t\t\u003Csvg\n\t\t\t\t\tclass=\"dgwt-wcas-voice-search-mic-active\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24\"\n\t\t\t\t\twidth=\"24\"\u003E\n\t\t\t\t\t\u003Cpath \t\t\t\t\t\td=\"M12 14q-1.25 0-2.125-.875T9 11V5q0-1.25.875-2.125T12 2q1.25 0 2.125.875T15 5v6q0 1.25-.875 2.125T12 14Zm-1 7v-3.075q-2.6-.35-4.3-2.325Q5 13.625 5 11h2q0 2.075 1.463 3.537Q9.925 16 12 16t3.538-1.463Q17 13.075 17 11h2q0 2.625-1.7 4.6-1.7 1.975-4.3 2.325V21Z\"/\u003E\n\t\t\t\t\u003C/svg\u003E\n\t\t\t\t","voice_search_disabled_icon":"\t\t\t\t\u003Csvg class=\"dgwt-wcas-voice-search-mic-disabled\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"\u003E\n\t\t\t\t\t\u003Cpath \t\t\t\t\t\td=\"M17.75 14.95 16.3 13.5q.35-.575.525-1.2Q17 11.675 17 11h2q0 1.1-.325 2.087-.325.988-.925 1.863Zm-2.95-3L9 6.15V5q0-1.25.875-2.125T12 2q1.25 0 2.125.875T15 5v6q0 .275-.062.5-.063.225-.138.45ZM11 21v-3.1q-2.6-.35-4.3-2.312Q5 13.625 5 11h2q0 2.075 1.463 3.537Q9.925 16 12 16q.85 0 1.613-.262.762-.263 1.387-.738l1.425 1.425q-.725.575-1.587.962-.863.388-1.838.513V21Zm8.8 1.6L1.4 4.2l1.4-1.4 18.4 18.4Z\"/\u003E\n\t\t\t\t\u003C/svg\u003E\n\t\t\t\t","custom_params":{},"convert_html":"1","suggestions_wrapper":"body","show_product_vendor":"","disable_hits":"","disable_submit":"","fixer":{"broken_search_ui":true,"broken_search_ui_ajax":true,"broken_search_ui_hard":false,"broken_search_elementor_popups":true,"broken_search_jet_mobile_menu":true,"broken_search_browsers_back_arrow":true,"force_refresh_checkout":true},"voice_search_enabled":"","voice_search_lang":"en-US","show_recently_searched_products":"","show_recently_searched_phrases":"","go_to_first_variation_on_submit":""};
//# sourceURL=jquery-dgwt-wcas-js-extra
</script>
<script id="jquery-dgwt-wcas-js" src="https://cliponexpress.com/wp-content/plugins/ajax-search-for-woocommerce/assets/js/search.min.js?ver=1.33.0"></script>
<script id="woocommerce-google-analytics-integration-data-js-after">
window.ga4w = { data: {"cart":{"items":[],"coupons":[],"totals":{"currency_code":"USD","total_price":0,"currency_minor_unit":2}},"list_name":"Product List"}, settings: {"tracker_function_name":"gtag","events":["purchase","add_to_cart","remove_from_cart","view_item_list","select_content","view_item","begin_checkout","add_shipping_info","add_payment_info"],"identifier":"product_sku","currency":{"decimalSeparator":".","thousandSeparator":",","precision":2}} }; document.dispatchEvent(new Event("ga4w:ready"));
//# sourceURL=woocommerce-google-analytics-integration-data-js-after
</script>
<script id="et-builder-modules-script-motion-js-extra">
var et_pb_motion_elements = {"desktop":[{"id":".et_pb_menu_0_tb_header","start":0,"midStart":50,"midEnd":50,"end":100,"startValue":0,"midValue":100,"endValue":100,"resolver":"opacity","module_type":"et_pb_menu","trigger_start":"middle","trigger_end":"middle"}],"tablet":[{"id":".et_pb_menu_0_tb_header","start":0,"midStart":50,"midEnd":50,"end":100,"startValue":0,"midValue":100,"endValue":100,"resolver":"opacity","module_type":"et_pb_menu","trigger_start":"middle","trigger_end":"middle"}],"phone":[{"id":".et_pb_menu_0_tb_header","start":0,"midStart":50,"midEnd":50,"end":100,"startValue":0,"midValue":100,"endValue":100,"resolver":"opacity","module_type":"et_pb_menu","trigger_start":"middle","trigger_end":"middle"}]};
//# sourceURL=et-builder-modules-script-motion-js-extra
</script>
<script id="et-builder-modules-script-motion-js" src="https://cliponexpress.com/wp-content/themes/Divi/includes/builder/feature/dynamic-assets/assets/js/motion-effects.js?ver=4.27.6"></script>
<script id="et-builder-modules-script-sticky-js-extra">
var et_pb_sticky_elements = {"et_pb_section_0_tb_header":{"id":"et_pb_section_0_tb_header","selector":".et_pb_section_0_tb_header","position":"top","topOffset":"0px","bottomOffset":"0px","topLimit":"none","bottomLimit":"none","offsetSurrounding":"on","transition":"on","styles":{"module_alignment":{"desktop":"center","tablet":"","phone":""},"positioning":"relative"},"stickyStyles":{"position_origin_r":"top_left","horizontal_offset":"","vertical_offset":""}},"et_pb_section_1_tb_header":{"id":"et_pb_section_1_tb_header","selector":".et_pb_section_1_tb_header","position":{"desktop":"top","tablet":"top","phone":"none"},"topOffset":"0px","bottomOffset":"0px","topLimit":"none","bottomLimit":"none","offsetSurrounding":"on","transition":"on","styles":{"module_alignment":{"desktop":"","tablet":"","phone":""},"positioning":"relative"},"stickyStyles":{"position_origin_r":"top_left","horizontal_offset":"","vertical_offset":""}}};
//# sourceURL=et-builder-modules-script-sticky-js-extra
</script>
<script id="et-builder-modules-script-sticky-js" src="https://cliponexpress.com/wp-content/themes/Divi/includes/builder/feature/dynamic-assets/assets/js/sticky-elements.js?ver=4.27.6"></script>
<style id="et-builder-module-design-tb-31076-tb-31052-deferred-24111-cached-inline-styles">.et_pb_section_0_tb_header{height:35px}.et_pb_section_0_tb_header.et_pb_section{padding-top:0px;padding-bottom:19px;background-color:#2ea3f2!important}.et_pb_row_0_tb_header{height:11px}.et_pb_row_0_tb_header.et_pb_row{padding-bottom:7px!important;margin-right:auto!important;margin-bottom:-20px!important;margin-left:auto!important;padding-bottom:7px}.et_pb_text_0_tb_header.et_pb_text{color:#FFFFFF!important}.et_pb_text_0_tb_header{line-height:1em;font-family:'Arial',Helvetica,Arial,Lucida,sans-serif;font-weight:600;line-height:1em;height:25px;margin-top:-17px!important}.et_pb_section_1_tb_header{height:65px;margin-top:3px;margin-bottom:-2px;z-index:10;box-shadow:0px 12px 18px -13px rgba(0,0,0,0.3)}.et_pb_section_1_tb_header.et_pb_section{padding-top:0px;padding-bottom:2px}.et_pb_sticky.et_pb_section_1_tb_header{box-shadow:0px 12px 18px -13px rgba(0,0,0,0.3)}.et_pb_row_1_tb_header{min-height:52px;transition:padding 300ms ease 0ms}.et_pb_row_1_tb_header,body #page-container .et-db #et-boc .et-l .et_pb_row_1_tb_header.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_1_tb_header.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_1_tb_header.et_pb_row{width:90%;max-width:1800px}.et_pb_menu_0_tb_header.et_pb_menu ul li a{font-family:'Arial',Helvetica,Arial,Lucida,sans-serif;font-weight:600;font-size:20px}.et_pb_menu_0_tb_header.et_pb_menu{background-color:#ffffff}.et_pb_menu_0_tb_header{padding-top:0px;padding-bottom:0px;margin-top:-27px!important;margin-bottom:0px!important;transition:margin 300ms ease 0ms}.et_pb_menu_0_tb_header.et_pb_menu .nav li ul,.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu,.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul{background-color:#ffffff!important}.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap,.et_pb_menu_0_tb_header .et_pb_menu__logo-slot{width:auto;max-width:100%}.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img,.et_pb_menu_0_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img{height:auto;max-height:none}.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before,.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button{color:#7EBEC5}.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button,.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button{font-size:30px;color:#7EBEC5}.et_pb_section_2_tb_header,.et_pb_section_3_tb_header{height:100px;min-height:100px;max-height:100px}.et_pb_section_2_tb_header.et_pb_section,.et_pb_section_3_tb_header.et_pb_section{padding-top:0px;padding-bottom:39px}.et_pb_row_1_tb_header.et_pb_row{padding-top:0px!important;padding-bottom:6px!important;margin-top:37px!important;margin-right:auto!important;margin-bottom:-5px!important;margin-left:auto!important;margin-left:auto!important;margin-right:auto!important;padding-top:0px;padding-bottom:6px}.et_pb_sticky .et_pb_row_1_tb_header{padding-top:0px!important}.et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu{margin-top:0px!important}@media only screen and (max-width:980px){.et_pb_section_0_tb_header{height:35px}}@media only screen and (max-width:767px){.et_pb_section_0_tb_header{height:48px}}.et_pb_section_0_tb_footer.et_pb_section{padding-top:5px;padding-bottom:15px;margin-bottom:-3px;background-color:#1e1e1e!important}.et_pb_menu_0_tb_footer.et_pb_menu ul li a{font-family:'Arial',Helvetica,Arial,Lucida,sans-serif;font-size:20px;color:#FFFFFF!important}.et_pb_menu_0_tb_footer.et_pb_menu{background-color:#1e1e1e}.et_pb_menu_0_tb_footer.et_pb_menu ul li.current-menu-item a{color:#FFFFFF!important}.et_pb_menu_0_tb_footer.et_pb_menu .nav li ul,.et_pb_menu_0_tb_footer.et_pb_menu .et_mobile_menu,.et_pb_menu_0_tb_footer.et_pb_menu .et_mobile_menu ul{background-color:#1e1e1e!important}.et_pb_menu_0_tb_footer .et_pb_menu_inner_container>.et_pb_menu__logo-wrap,.et_pb_menu_0_tb_footer .et_pb_menu__logo-slot{width:auto;max-width:100%}.et_pb_menu_0_tb_footer .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img,.et_pb_menu_0_tb_footer .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img{height:auto;max-height:none}.et_pb_menu_0_tb_footer .mobile_nav .mobile_menu_bar:before,.et_pb_menu_0_tb_footer .et_pb_menu__icon.et_pb_menu__search-button,.et_pb_menu_0_tb_footer .et_pb_menu__icon.et_pb_menu__close-search-button,.et_pb_menu_0_tb_footer .et_pb_menu__icon.et_pb_menu__cart-button{color:#7EBEC5}.et_pb_section_0.et_pb_section{padding-top:0px}.et_pb_row_0.et_pb_row{padding-bottom:0px!important;padding-bottom:0px}.et_pb_text_0,.et_pb_text_1,.et_pb_text_2,.et_pb_text_3,.et_pb_text_4,.et_pb_text_5,.et_pb_text_6,.et_pb_text_7,.et_pb_text_8,.et_pb_text_9,.et_pb_text_10{font-family:'Verdana',Helvetica,Arial,Lucida,sans-serif;font-size:18px}.et_pb_image_0,.et_pb_image_1,.et_pb_image_2,.et_pb_image_3{text-align:center}.et_pb_row_8.et_pb_row{padding-top:7px!important;padding-top:7px}.et_pb_image_4{text-align:left;margin-left:0}.et_pb_cta_0.et_pb_promo{background-color:#2ea3f2}@media only screen and (max-width:980px){.et_pb_image_0 .et_pb_image_wrap img,.et_pb_image_1 .et_pb_image_wrap img,.et_pb_image_2 .et_pb_image_wrap img,.et_pb_image_3 .et_pb_image_wrap img,.et_pb_image_4 .et_pb_image_wrap img{width:auto}}@media only screen and (max-width:767px){.et_pb_image_0 .et_pb_image_wrap img,.et_pb_image_1 .et_pb_image_wrap img,.et_pb_image_2 .et_pb_image_wrap img,.et_pb_image_3 .et_pb_image_wrap img,.et_pb_image_4 .et_pb_image_wrap img{width:auto}}</style>	<script>
		(function ($) {

			$(window).on('load', function () {
				var body = $('body');
				var diviSearch = $('.et-search-form');
				var diviSearchInMenu = $('.et_pb_menu__search-form');
				var search = $('#wcas-divi-search > div');
				if (diviSearch.length === 0 && diviSearchInMenu.length === 0) {
					return;
				}
				// Search in custom header
				if (body.hasClass('et-tb-has-header')) {
					if (diviSearchInMenu.length > 0) {
						diviSearchInMenu.replaceWith(search);
					}
				} else if (body.hasClass('et_header_style_slide') || body.hasClass('et_header_style_fullscreen')) {
					diviSearch = $('.et_slide_in_menu_container .et-search-form');
					if (diviSearch.eq(0)) {
						diviSearch.replaceWith(search);
					}
				} else if (
					body.hasClass('et_header_style_centered') ||
					body.hasClass('et_header_style_split') ||
					body.hasClass('et_header_style_left')
				) {
					diviSearch.replaceWith(search);
					$('.et_search_form_container .et_close_search_field').on('click', function () {
						$('.et_search_form_container .dgwt-wcas-close').trigger('click');
					});
					if (!body.hasClass('et_vertical_nav')) {
						$('#et_top_search').on('click', function () {
							// Header style: Default, Centered Inline Logo
							var mainHeader = $('.et_header_style_left #main-header, .et_header_style_split #main-header');
							if (mainHeader.eq(0)) {
								var mainHeaderHeight = mainHeader.outerHeight(false);
								if (mainHeaderHeight > 0) {
									$('.et_search_form_container .dgwt-wcas-search-wrapp').css('top', (mainHeaderHeight - 40) / 2);
								}
							}
						});
					}
				}

				// Prevent to focus input if it isn't empty (theme trigger focus() when user clicks search icon)
				var $search = $('#main-header .et_search_form_container .dgwt-wcas-search-wrapp');
				$('#et_top_search').on('mousedown', function () {
					if ($search.length > 0) {
						var $input = $search.find('.dgwt-wcas-search-input');
						if ($input.val().length > 0) {
							$input.attr('disabled', 'disabled');
						}
					}
				}).on('click', function () {
					if ($search.length > 0) {
						var $input = $search.find('.dgwt-wcas-search-input');
						if ($input.val().length > 0) {
							setTimeout(function () {
								$input.removeAttr('disabled');

								if (typeof $input.data('autocomplete') == 'object') {
									var instance = $input.data('autocomplete');
									instance.hide();
								}
							}, 100);
						}
					}
				});

				// Open overlay automatically
				$('#et_top_search #et_search_icon, #et_top_search_mob #et_search_icon').on('click', function () {
					if ($(window).width() <= 980) {
						var $handler = $('.js-dgwt-wcas-enable-mobile-form');
						if ($handler.length) {
							$handler[0].click();
						}

						setTimeout(function () {
							var $closeBtn = $('.et_close_search_field');
							if ($closeBtn.length) {
								$closeBtn.trigger('click');
							}
							var $closeBtn2 = $('.dm-search-box .close');
							if ($closeBtn2.length) {
								$closeBtn2.trigger('click');
							}
						}, 1100)
					}
				});

				// Open overlay automatically for search in custom menu
				$('.et_pb_menu .et_pb_menu__search-button').on('click', function () {
					if ($(window).width() <= 980) {
						var $handler = $('.et_pb_menu__search .js-dgwt-wcas-enable-mobile-form');
						if ($handler.length) {
							$handler[0].click();
						}

						setTimeout(function () {
							var $closeBtn = $('.et_pb_menu__close-search-button');
							if ($closeBtn.length) {
								$closeBtn.trigger('click');
							}
						}, 1100)
					} else {
						setTimeout(function () {
							var $input = $('.et_pb_menu__search .dgwt-wcas-search-input');
							if ($input.length > 0 && $input.val().length === 0) {
								$input.trigger('focus');
							}
						}, 500)
					}
				});

							});
		}(jQuery));
	</script>
			
	</body>
</html>