Nextrade

Contact Us

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NFZSQSB6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<div class="announce-bar" aria-label="Store announcements">
  <div class="announce-rail">
    
    <div class="announce-track">
      <div class="announce-item">🚚 Free U.S. Shipping</div>
      <div class="announce-item">⚡ Fast Delivery: 2–3 Days</div>
      <div class="announce-item">⏱ Order Processing: 1 Day</div>
      <div class="announce-item">🔍 Tracking Included</div>
      <div class="announce-item">🔒 Secure Stripe Checkout</div>
      <div class="announce-item">✅ Easy Returns & Money Back Guarantee</div>
    </div>
    
    <div class="announce-track">
      <div class="announce-item">🚚 Free U.S. Shipping</div>
      <div class="announce-item">⚡ Fast Delivery: 2–3 Days</div>
      <div class="announce-item">⏱ Order Processing: 1 Day</div>
      <div class="announce-item">🔍 Tracking Included</div>
      <div class="announce-item">🔒 Secure Stripe Checkout</div>
      <div class="announce-item">✅ Easy Returns & Money Back Guarantee</div>
    </div>
 
 
<script>
(function(){
  /* === НАСТРОЙКИ === */
  const TARGETS   = ["p1","p2","p3"];                // id картинок
  const TEXT      = "SALE";                          // надпись в круге
  const CORNER    = "bottom-left";                   // 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'
  const ANGLE_DEG = -12;                             // угол поворота бейджа
  const PAD       = 10;                              // отступ от краёв картинки (px)
  const OFFSET_X  = 0;                               // сдвиг по X (px)
  const OFFSET_Y  = 0;                               // сдвиг по Y (px)
  const SIZE      = {desk: 90, mob: 70};             // диаметр бейджа
  const BP        = 768;                             // порог для мобайла
  const PULSE_MS  = 1200;                            // скорость "пульса"
  const ITER      = "infinite";                      // бесконечно (или число, напр. 3)

  /* === СЛУЖЕБНОЕ === */
  const pairs = [];
  if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', init, {once:true}); }
  else init();

  function init(){
    document.querySelectorAll('.nx-sale-badge').forEach(n=>n.remove());
    injectCSS();

    TARGETS.forEach(id=>{
      const img = document.getElementById(id);
      if(!img) return;
      const badge = document.createElement('div');
      badge.className = 'nx-sale-badge';
      badge.style.setProperty('--nx-angle', ANGLE_DEG + 'deg');
      document.body.appendChild(badge);
      pairs.push({img, badge});
    });

    if(!pairs.length) return;
    updatePositions();

    window.addEventListener('scroll', updatePositions, {passive:true});
    window.addEventListener('resize', ()=>{ injectCSS(true); updatePositions(); });
    const ro = new ResizeObserver(updatePositions);
    pairs.forEach(({img})=>ro.observe(img));
  }

  function injectCSS(){
    const mob = window.innerWidth < BP;
    const css = `
      .nx-sale-badge{
        position:fixed;
        width:${mob?SIZE.mob:SIZE.desk}px;
        height:${mob?SIZE.mob:SIZE.desk}px;
        line-height:${mob?SIZE.mob:SIZE.desk}px;
        text-align:center;
        border-radius:999px;
        background:#e60000;
        color:#fff;
        font-weight:900;
        font-size:${mob?18:24}px;
        letter-spacing:.04em;
        box-shadow:0 8px 20px rgba(0,0,0,.25);
        z-index:2147483646;
        pointer-events:none;
        transform: rotate(var(--nx-angle, 0deg));
      }
      .nx-sale-badge::before{ content:'${TEXT}'; }

      /* Только пульсирующая обводка */
      .nx-sale-badge::after{
        content:""; position:absolute; inset:-6px; border-radius:999px;
        box-shadow:0 0 0 0 rgba(230,0,0,.45);
        animation:nxPulse ${PULSE_MS}ms ease-out ${ITER};
      }
      @keyframes nxPulse{
        0%{box-shadow:0 0 0 0 rgba(230,0,0,.45)}
        100%{box-shadow:0 0 0 18px rgba(230,0,0,0)}
      }

      @media (prefers-reduced-motion:reduce){
        .nx-sale-badge::after{ animation:none }
      }
    `;
    let st = document.getElementById('nxSaleCSS');
    if(!st){ st = document.createElement('style'); st.id = 'nxSaleCSS'; document.head.appendChild(st); }
    st.textContent = css;
  }

  function updatePositions(){
    pairs.forEach(({img, badge})=>{
      const r = img.getBoundingClientRect();
      const bw = badge.offsetWidth, bh = badge.offsetHeight;

      let left, top;
      switch (CORNER) {
        case 'top-left':
          left = r.left + PAD;
          top  = r.top  + PAD;
          break;
        case 'top-right':
          left = r.right - bw - PAD;
          top  = r.top   + PAD;
          break;
        case 'bottom-right':
          left = r.right - bw - PAD;
          top  = r.bottom - bh - PAD;
          break;
        case 'bottom-left':
        default:
          left = r.left + PAD;
          top  = r.bottom - bh - PAD;
      }
      left += OFFSET_X;
      top  += OFFSET_Y;

      badge.style.left = left + 'px';
      badge.style.top  = top  + 'px';
    });
  }
})();
</script>


<div id="nxpromo-mount" data-code="PROMO15"></div>
<script>
(function(){
  function run(){
    if(window.__nxpromoActive){ return; }
    window.__nxpromoActive = true;

    // Сносим хвосты от прошлых инициализаций
    ['nxpromo-wrap','nxpromo-pill','nxpromo-toast','nxCardWrap','ntBadge','ntWrap']
      .forEach(id=>{ const el=document.getElementById(id); if(el) el.remove(); });

    const mount = document.getElementById('nxpromo-mount');
    const STRICT_CODE = (mount?.dataset?.code || 'PROMO15').trim();

    // ==== ПАМЯТЬ О СВОРАЧИВАНИИ (на время сессии) ====
const LS_KEY = 'nxpromoCollapsed_v3_3';

function isRememberCollapsed() {
  try { return sessionStorage.getItem(LS_KEY) === '1'; } catch(e){ return false; }
}

function rememberCollapsed(v = true) {
  try { sessionStorage.setItem(LS_KEY, v ? '1' : '0'); } catch(e){}
}

// Для ручного сброса в консоли (на всякий случай)
window.nxPromoReset = () => { try { sessionStorage.removeItem(LS_KEY); } catch(e){} };


    const css = `
    :root{ --nx-recaptcha-gap:0px; }
    .nxpromo-wrap{position:fixed;right:16px;bottom:calc(18px + var(--nx-recaptcha-gap));z-index:2147483647;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
    .nxpromo-card{position:relative;width:320px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.18);padding:16px 16px 14px;opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}
    .nxpromo-card.show{opacity:1;transform:translateY(0)}

    /* ЗЕЛЁНЫЙ МИГАЮЩИЙ ОБОДОК ВОКРУГ КАРТОЧКИ */
    .nxpromo-card::after{
      content:""; position:absolute; inset:-6px; border-radius:20px;
      box-shadow:0 0 0 0 rgba(22,197,22,.55);
      pointer-events:none; animation:nxGreenBlink 1.2s ease-out infinite;
    }
    @keyframes nxGreenBlink{
      0%   { box-shadow:0 0 0 0 rgba(22,197,22,.55); }
      60%  { box-shadow:0 0 0 12px rgba(22,197,22,0.0); }
      100% { box-shadow:0 0 0 0 rgba(22,197,22,0.0); }
    }

    .nxpromo-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
    .nxpromo-logo{width:28px;height:28px;border-radius:999px;background:#10b981;color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(16,185,129,.35)}
    .nxpromo-title{margin:0;font-size:16px;font-weight:800}
    .nxpromo-time{margin-left:auto;font-size:12px;color:#888}
    .nxpromo-body{font-size:14px;color:#222;line-height:1.35}
    .nxpromo-codebox{display:flex;align-items:center;gap:8px;background:#f7f7f8;border:1px solid #eee;border-radius:12px;padding:10px;margin-top:10px;position:relative}
    .nxpromo-code{flex:1;background:transparent;border:none;font:700 16px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
    .nxpromo-code:focus{outline:none}
    .nxpromo-copy{border:none;background:#111;color:#fff;border-radius:10px;padding:8px 12px;font-weight:800;font-size:13px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s ease, opacity .15s; position:relative; z-index:3; pointer-events:auto; touch-action:manipulation}
    .nxpromo-copy:active{transform:scale(.98)}
    .nxpromo-copy.is-copied{background:#10b981}
    .nxpromo-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:999px;background:#f1f1f3;cursor:pointer; z-index:4}
    .nxpromo-close:before{content:"✕";font-size:14px}

    .nxpromo-pill{position:fixed;right:16px;bottom:calc(18px + var(--nx-recaptcha-gap));display:none;padding:10px 14px;border-radius:999px;background:#111;color:#fff;font-weight:800;font-size:14px;box-shadow:0 8px 20px rgba(0,0,0,.2);cursor:pointer; z-index:2147483647; border:2px solid #16c516}
    .nxpromo-toast{position:fixed;right:16px;bottom:calc(96px + var(--nx-recaptcha-gap));background:#111;color:#fff;padding:10px 12px;border-radius:10px;box-shadow:0 10px 26px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s;z-index:2147483647}
    .nxpromo-toast.show{opacity:1}

    /* Пульс зелёный вокруг блока кода */
    @keyframes nxPulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.45)}100%{box-shadow:0 0 0 12px rgba(16,185,129,0)}}
    .nxpromo-pulse:after{content:"";position:absolute;inset:-4px;border-radius:14px;box-shadow:0 0 0 0 rgba(16,185,129,.45);opacity:.6;animation:nxPulse 1.6s ease-out infinite}

    @media (max-width:480px){.nxpromo-card{width:calc(100vw - 24px)}}
    @media (prefers-reduced-motion: reduce){ .nxpromo-card{transition:none} .nxpromo-pulse:after{animation:none;opacity:.2} }
    `;
    const style=document.createElement('style'); style.textContent=css; document.head.appendChild(style);

    const wrap=document.createElement('div'); wrap.className='nxpromo-wrap'; wrap.id='nxpromo-wrap';
    wrap.innerHTML=`
      <div class="nxpromo-card" id="nxpromo-card" role="dialog" aria-label="Promo">
        <button class="nxpromo-close" id="nxpromo-close" aria-label="Close"></button>
        <div class="nxpromo-head">
          <div class="nxpromo-logo" aria-hidden="true">%</div>
          <h4 class="nxpromo-title">Extra 15% Off</h4>
          <div class="nxpromo-time">Now</div>
        </div>
        <div class="nxpromo-body">
          <p><b>Limited time only.</b> Use this code at checkout:</p>
          <div class="nxpromo-codebox nxpromo-pulse">
            <input id="nxpromo-code" class="nxpromo-code" value="${STRICT_CODE}" readonly aria-label="Promo code">
            <button id="nxpromo-copy" class="nxpromo-copy" type="button" title="Copy">Copy</button>
          </div>
          <div style="font-size:12px;color:#666;margin-top:8px">Paste the code on the Stripe checkout page.</div>
        </div>
      </div>`;
    const pill=document.createElement('button'); pill.className='nxpromo-pill'; pill.id='nxpromo-pill'; pill.type='button'; pill.textContent='15% OFF';
    const toast=document.createElement('div'); toast.className='nxpromo-toast'; toast.id='nxpromo-toast'; toast.setAttribute('role','status'); toast.setAttribute('aria-live','polite'); toast.textContent='Copied: ' + STRICT_CODE;
    document.body.appendChild(wrap); document.body.appendChild(pill); document.body.appendChild(toast);

    // Отступ от reCAPTCHA badge (если есть)
    let badge = document.querySelector('.grecaptcha-badge');
    const updateGap = ()=> {
      badge = badge || document.querySelector('.grecaptcha-badge');
      if(!badge){ document.documentElement.style.setProperty('--nx-recaptcha-gap','0px'); return; }
      const r = badge.getBoundingClientRect();
      const gap = Math.max(0, (r.height||60) + 12);
      document.documentElement.style.setProperty('--nx-recaptcha-gap', gap+'px');
    };
    updateGap(); window.addEventListener('resize', updateGap);

    const card=document.getElementById('nxpromo-card');

    function collapse(){
      card.classList.remove('show');
      setTimeout(()=>{
        wrap.style.display='none';
        pill.style.display='inline-block';
        rememberCollapsed(true); // запомнили свёрнутое состояние
      },200);
    }

    document.getElementById('nxpromo-close').addEventListener('click',(e)=>{
      e.preventDefault(); e.stopPropagation(); collapse();
    });

    // Открытие из пилюли — ручной контроль
    pill.addEventListener('click',(e)=>{
      e.preventDefault(); e.stopPropagation();
      wrap.style.display='block'; pill.style.display='none';
      requestAnimationFrame(()=>card.classList.add('show'));
    });

    // Копирование
    const copyBtn=document.getElementById('nxpromo-copy');
    const codeInput=document.getElementById('nxpromo-code');
    const toastEl=document.getElementById('nxpromo-toast');

    const showToast=(m)=>{
      toastEl.textContent=m;
      toastEl.classList.add('show');
      setTimeout(()=>toastEl.classList.remove('show'),1500);
    };

    async function copyStrict(text){
      try{
        if(navigator.clipboard && window.isSecureContext){
          await navigator.clipboard.writeText(text);
          return true;
        }
      }catch(e){}
      const ta=document.createElement('textarea');
      ta.value=text; ta.setAttribute('readonly',''); ta.style.position='fixed'; ta.style.opacity='0';
      document.body.appendChild(ta);
      ta.select(); ta.setSelectionRange(0, text.length);
      let ok=false; try{ ok=document.execCommand('copy'); }catch(_){}
      document.body.removeChild(ta);
      return ok;
    }

    let lock=false;
    async function handleCopy(e){
      if(e){ e.preventDefault(); e.stopPropagation(); }
      if(lock) return;
      lock=true; copyBtn.disabled=true;
      const ok = await copyStrict(STRICT_CODE);
      copyBtn.textContent='Copied!';
      copyBtn.classList.add('is-copied');
      showToast((ok?'Copied: ':'Copy failed, use: ')+STRICT_CODE);
      setTimeout(()=>{
        copyBtn.textContent='Copy';
        copyBtn.classList.remove('is-copied');
        copyBtn.disabled=false; lock=false;
      },1200);
    }
    window.nxCopy = handleCopy; // на всякий случай, если нужен inline-обработчик
    copyBtn.addEventListener('click', handleCopy, {passive:false});
    copyBtn.addEventListener('pointerup', handleCopy, {passive:false});
    copyBtn.addEventListener('touchend', handleCopy, {passive:false});

    // Выделение кода по тапу
    codeInput.addEventListener('focus',()=>codeInput.select());
    codeInput.addEventListener('click',()=>codeInput.select());

    /* ===== ПЕРВЫЙ ПОКАЗ И АВТО-СВОРАЧИВАНИЕ (ТОЛЬКО ОДИН РАЗ) ===== */
    if(isRememberCollapsed()){
      // Уже свёрнуто — только пилюля
      wrap.style.display='none';
      pill.style.display='inline-block';
    }else{
      // Первый визит — показать и свернуть через 5с
      requestAnimationFrame(()=>card.classList.add('show'));
      setTimeout(collapse, 5000);
    }
  }

  // Безопасный запуск: если DOM уже готов — сразу, иначе после DOMContentLoaded
  if (document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', run, {once:true});
  } else {
    run();
  }
})();
</script>

Keratin Complex - Color Care Smoothing Shampoo & Conditioner Duo 13.5 Fl. oz

Keratin Complex - Color Care Smoothing Shampoo & Conditioner Duo 33.8 Fl. oz

Keratin Complex - Care Smoothing Shampoo & Conditioner Duo 13.5 Fl. oz

Who are we

See what our customers are saying

Customer Reviews

Follow Us