/* =====================================
   FERRARI UI 2026 — FULL SKIN (CLEAN)
   (дубли убраны, оставлено последнее)
===================================== */

/* ==========================================================================
   FILE MAP (MAIN.CSS)
   1) ROOT / TOKENS
   2) HEADER + SEARCH
   3) HERO + CATALOG PREVIEW
   4) PRODUCT CARDS / CATALOG / CATEGORY PAGES
   5) AUTH / CART / LIVE SEARCH / MODALS
   6) FOOTER / STATIC PAGES
   7) MIGRATED CSS FROM PHP (kept for compatibility)

   IMPORTANT:
   - Nothing is deleted.
   - Duplicate style zones are marked by comments.
   - Final priority in CSS is always the rule that goes later in the file.
   ========================================================================== */

/* ===== НАЧАЛО СТИЛЕЙ ФАЙЛА front-page.php ===== */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] ROOT (base) --- */
/* ---------- ROOT (base) ---------- */
:root{
  --bg:#07080b;
  --glass: rgba(255,255,255,.06);
  --glass2: rgba(255,255,255,.04);
  --stroke: rgba(255,255,255,.12);
  --txt: rgba(255,255,255,.92);
  --mut: rgba(255,255,255,.70);
  --mut2: rgba(255,255,255,.55);
  --shadow: 0 40px 120px rgba(0,0,0,.60);
  --r: 22px;
  --c1: rgba(255,60,60,.45);
  --c2: rgba(255,0,120,.35);
  --c3: rgba(90,130,255,.25);
  --c4: rgba(0,255,180,.18);
}

.pg2026{
  background:
    radial-gradient(1200px 800px at 15% -10%, rgba(255,255,255,.05), transparent 60%),
    radial-gradient(900px 700px at 90% 10%, rgba(255,0,120,.10), transparent 55%),
    radial-gradient(1000px 700px at 40% 120%, rgba(90,130,255,.10), transparent 55%),
    var(--bg);
  color: var(--txt);
}

.container{ max-width:1240px; margin:0 auto; padding:0 16px; }
.pgSrOnly{ position:absolute; left:-9999px; }


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] ROOT (base) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] LIGHT 2026 — AURA + GRAPHITE GLASS (premium) --- */
/* =========================================================
   LIGHT 2026 — AURA + GRAPHITE GLASS (premium)
   Toggle: html.light  |  Scope: your classes (pg/neo/woo)
   PUT AT THE VERY END of main.css
========================================================= */

html.light{

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] LIGHT 2026 — AURA + GRAPHITE GLASS (premium) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Background: light, but cinematic --- */
  /* ===== Background: light, but cinematic ===== */
  --bg: #f6f7fb;
  --bg2:#eef1f8;


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Background: light, but cinematic --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Text: keep a graphite vibe (premium) --- */
  /* ===== Text: keep a graphite vibe (premium) ===== */
  --txt: rgba(11,14,22,.94);
  --mut: rgba(11,14,22,.66);
  --mut2: rgba(11,14,22,.48);


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Text: keep a graphite vibe (premium) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Glass materials --- */
  /* ===== Glass materials ===== */
  /* main cards: pearl white */
  --glass: rgba(255,255,255,.74);
  --glass2: rgba(255,255,255,.56);
  --stroke: rgba(12,18,32,.10);

  /* graphite cards (for premium blocks, sidebar, etc) */
  --gBg: rgba(17,20,28,.78);
  --gStroke: rgba(255,255,255,.14);
  --gTxt: rgba(255,255,255,.92);
  --gMut: rgba(255,255,255,.70);


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Glass materials --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Shadows: soft + deep (no dirty gray) --- */
  /* ===== Shadows: soft + deep (no dirty gray) ===== */
  --shadow: 0 26px 90px rgba(12,18,32,.14);


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Shadows: soft + deep (no dirty gray) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Accents: future neon but restrained --- */
  /* ===== Accents: future neon but restrained ===== */
  --a1: rgba(255,45,122,.32);   /* pink */
  --a2: rgba(140,80,255,.26);   /* violet */
  --a3: rgba(80,170,255,.20);   /* blue */
  --a4: rgba(0,210,180,.14);    /* mint */
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Accents: future neon but restrained --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] PAGE BACKGROUND (the “premium aura”) --- */
/* ========= PAGE BACKGROUND (the “premium aura”) ========= */
html.light .pg2026{
  background:
    radial-gradient(1200px 900px at 12% -10%, rgba(255,45,122,.20), transparent 58%),
    radial-gradient(1100px 900px at 96% 12%, rgba(140,80,255,.18), transparent 60%),
    radial-gradient(1000px 760px at 55% 110%, rgba(80,170,255,.14), transparent 62%),
    radial-gradient(900px 700px at 18% 88%, rgba(0,210,180,.12), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  color: var(--txt);
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] PAGE BACKGROUND (the “premium aura”) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] HEADER (glass + subtle gradient border) --- */
/* ========= HEADER (glass + subtle gradient border) ========= */
html.light .pgH2026{
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.58));
  border-bottom: 1px solid rgba(12,18,32,.08);
  backdrop-filter: blur(18px);
}

/* links */
html.light .pgTopLinks2026__ul a{
  color: rgba(11,14,22,.78);
}
html.light .pgTopLinks2026__ul a:hover{
  color: rgba(11,14,22,.95);
  background: rgba(12,18,32,.05);
}

/* pills + buttons (feel like hardware UI) */
html.light .pgPill2026{
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(12,18,32,.10);
  color: rgba(11,14,22,.84);
  box-shadow: 0 10px 30px rgba(12,18,32,.10);
}
html.light .pgBtn2026{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(12,18,32,.12);
  color: rgba(11,14,22,.92);
  box-shadow: 0 14px 40px rgba(12,18,32,.12);
}
html.light .pgBtn2026:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.86);
  border-color: rgba(12,18,32,.16);
}

/* CTA stays neon-premium */
html.light .pgBtn2026--cta{
  color:#fff;
  border-color: rgba(255,255,255,.30);
  background: linear-gradient(90deg, rgba(255,60,60,.95), rgba(255,0,120,.72));
  box-shadow:
    0 22px 70px rgba(255,45,122,.22),
    0 0 0 1px rgba(255,255,255,.18) inset;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] HEADER (glass + subtle gradient border) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] HEADER --- */
/* ================= HEADER ================= */
.pgH2026{
  position:sticky; top:0; z-index:1000;
  background: rgba(7,8,11,.55);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding: 0px 0 12px;
}

.pgH2026__top{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; margin-bottom: 12px;
}

.pgBrand2026{ display:flex; align-items:center; gap:12px; min-width: 260px; }
.pgBrand2026__logo img{ width:42px; height:42px; border-radius: 14px; object-fit:cover; }
.pgBrand2026__name{ font-weight:1000; letter-spacing:.2px; }
.pgBrand2026__tag{ font-size:12px; opacity:.72; margin-top:2px; }

.pgTopLinks2026{ flex:1; }
.pgTopLinks2026__ul{
  display:flex; gap:12px; list-style:none; margin:0; padding:0;
  align-items:center;
  justify-content:center;
}
.pgTopLinks2026__ul a{
  color: rgba(255,255,255,.78);
  text-decoration:none;
  padding: 8px 10px;
  border-radius: 999px;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
.pgTopLinks2026__ul a:hover{
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.96);
  transform: translateY(-1px);
}

.pgTopRight2026{ display:flex; align-items:center; gap:10px; justify-content:flex-end; min-width: 260px; }

.pgPill2026{
  display:inline-flex; align-items:center; justify-content:center;
  height:48px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.86);
  text-decoration:none;
  font-weight:900;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
}
.pgPill2026--ghost{ cursor:pointer; }

.pgBtn2026{
  height:48px;
  border-radius: 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  text-decoration:none;
  font-weight:1000;
  letter-spacing:.2px;
  cursor:pointer;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.pgBtn2026:hover{ transform: translateY(-1px); background: rgba(255,255,255,.09); }
.pgBtn2026--ghost{ background: rgba(255,255,255,.04); }
.pgBtn2026--cta{
  background: linear-gradient(90deg, rgba(255,60,60,.95), rgba(255,0,120,.72));
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 18px 55px rgba(255,60,60,.12);
}
.pgIcon2026{ opacity:.9; }

.pgSearch2026{
  position:relative;
  height:48px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(14px);
  display:flex;
  align-items:center;
  padding: 0 10px;
  overflow:hidden;
}
.pgSearch2026::before{
  content:"";
  position:absolute;
  inset:-120px;
  background:
    radial-gradient(650px 300px at var(--sx,50%) var(--sy,30%), rgba(255,60,120,.14), transparent 60%),
    radial-gradient(650px 300px at 70% 70%, rgba(90,130,255,.10), transparent 62%);
  opacity:.9;
  pointer-events:none;
}
.pgSearch2026__ico{ opacity:.85; margin:0 8px 0 6px; position:relative; z-index:1;}
.pgSearch2026__input{
  flex:1; height:100%;
  background:transparent; border:0; outline:none;
  color: rgba(255,255,255,.92);
  font-weight:900;
  font-size:14px;
  position:relative; z-index:1;
}
.pgSearch2026__input::placeholder{ color: rgba(255,255,255,.55); }
.pgSearch2026__hint{ display:inline-flex; gap:4px; margin-right:8px; opacity:.85; position:relative; z-index:1;}
.pgSearch2026__hint kbd{
  padding:2px 6px;
  border-radius:8px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.14);
  font-size:12px;
}
.pgSearch2026__btn{
  height:34px; width:40px;
  border-radius:12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.25);
  color: rgba(255,255,255,.9);
  cursor:pointer;
  position:relative; z-index:1;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] HEADER --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] CART MINI (used in your header) --- */
/* =====================================
   CART MINI (used in your header)
===================================== */
.pgCartMini2026{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:44px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  text-decoration:none;
  white-space:nowrap;
}
.pgCartMini2026__ico{
  font-size:16px;
  line-height:1;
}
.pgCartMini2026__count{
  font-size:13px;
  opacity:.9;
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] CART MINI (used in your header) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] HEADER SEARCH ROW — LAST (flex, 1 row) --- */
/* =====================================
   HEADER SEARCH ROW — LAST (flex, 1 row)
===================================== */
.pgH2026__searchRow{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:12px;
}

.pgH2026__searchRow .pgSearch2026{
  flex:1 1 auto;
  min-width:0;
}

.pgH2026__searchRow > *:not(.pgSearch2026){
  flex:0 0 auto;
  cursor: pointer;
}

.pgSearch2026,
.pgSearch2026__input{
  min-width:0;
}
.pgSearch2026__input{
  width:100%;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] HEADER SEARCH ROW — LAST (flex, 1 row) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] MOBILE APP MENU 2026 --- */
.pgMobileBar2026,
.pgMobileMenuBackdrop2026,
.pgMobileMenu2026,
.pgMobileDock2026{
  display:none;
}

@media (max-width:980px){
  html.pg-mobile-menu-open,
  html.pg-mobile-menu-open body{
    overflow:hidden;
  }

  body.pg2026{
    padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px));
  }

  .pgH2026{
    padding:0 0 10px;
  }

  .pgH2026__top,
  .pgH2026__searchRow{
    display:none;
  }

  .pgMobileBar2026{
    display:flex;
    align-items:center;
    gap:10px;
    padding-top:10px;
  }

  .pgMobileBrand2026{
    position:relative;
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:52px;
    padding:10px 14px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.12);
    background:
      radial-gradient(120% 160% at 0% 0%, rgba(255,45,122,.18), transparent 54%),
      radial-gradient(120% 160% at 100% 0%, rgba(105,94,255,.18), transparent 58%),
      rgba(14,14,22,.74);
    box-shadow:
      0 18px 44px rgba(0,0,0,.32),
      inset 0 0 0 1px rgba(255,255,255,.04);
    backdrop-filter:blur(18px);
    text-decoration:none;
    overflow:hidden;
  }

  .pgMobileBrand2026::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    padding:1px;
    background:linear-gradient(135deg, rgba(255,60,140,.55), rgba(115,82,255,.22), rgba(255,255,255,.16));
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
    opacity:.8;
  }

  .pgMobileBrand2026__logo{
    position:relative;
    z-index:1;
    flex:0 1 auto;
    display:block;
    min-width:0;
  }

  .pgMobileBrand2026__logo svg{
    display:block;
    width:100%;
    max-width:220px;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 8px 20px rgba(255,0,120,.18));
  }

  .pgMobileBrand2026__lockup{
    display:none;
  }

  .pgMobileBar2026__actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
  }

  .pgMobileLang2026{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:52px;
    flex:0 0 52px;
    height:52px;
    padding:0;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.12);
    background:
      radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.08), transparent 60%),
      rgba(16,16,24,.78);
    box-shadow:
      0 16px 34px rgba(0,0,0,.28),
      inset 0 0 0 1px rgba(255,255,255,.04);
    backdrop-filter:blur(16px);
    color:rgba(255,255,255,.82);
    font-size:11px;
    font-weight:1000;
    letter-spacing:.16em;
    line-height:1;
    text-transform:uppercase;
    text-decoration:none;
    user-select:none;
  }

  .pgMobileMenuBackdrop2026{
    display:block;
    position:fixed;
    inset:0;
    z-index:1008;
    background:rgba(4,4,10,.46);
    backdrop-filter:blur(8px);
    opacity:0;
    pointer-events:none;
    transition:opacity .28s ease;
  }

  .pgMobileMenu2026{
    display:flex;
    flex-direction:column;
    position:fixed;
    top:0;
    right:0;
    z-index:1009;
    width:min(100vw, 420px);
    height:100dvh;
    padding:18px 16px calc(20px + env(safe-area-inset-bottom, 0px));
    background:
      radial-gradient(140% 80% at 0% 0%, rgba(255,45,122,.18), transparent 48%),
      radial-gradient(140% 80% at 100% 0%, rgba(105,94,255,.16), transparent 52%),
      linear-gradient(180deg, rgba(11,11,18,.96), rgba(14,14,24,.94));
    border-left:1px solid rgba(255,255,255,.08);
    box-shadow:-28px 0 60px rgba(0,0,0,.42);
    backdrop-filter:blur(22px);
    transform:translateX(104%);
    transition:transform .34s ease;
    overflow:hidden;
  }

  html.pg-mobile-menu-open .pgMobileMenuBackdrop2026{
    opacity:1;
    pointer-events:auto;
  }

  html.pg-mobile-menu-open .pgMobileMenu2026{
    transform:translateX(0);
  }

  .pgMobileMenu2026__top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding-bottom:14px;
  }

  .pgMobileMenu2026__meta{
    min-width:0;
  }

  .pgMobileMenu2026__eyebrow,
  .pgMobileSection2026__eyebrow,
  .pgMobileHero2026__label{
    display:block;
    color:rgba(255,255,255,.54);
    font-size:11px;
    font-weight:900;
    letter-spacing:.18em;
    line-height:1.2;
    text-transform:uppercase;
  }

  .pgMobileMenu2026__title,
  .pgMobileSection2026__title{
    margin:6px 0 0;
    color:#fff;
    font-size:24px;
    font-weight:1000;
    line-height:1.02;
    letter-spacing:-.03em;
  }

  .pgMobileMenu2026__close{
    position:relative;
    flex:0 0 46px;
    width:46px;
    height:46px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(255,255,255,.05);
    box-shadow:0 14px 34px rgba(0,0,0,.22);
    cursor:pointer;
  }

  .pgMobileMenu2026__close span{
    position:absolute;
    top:50%;
    left:50%;
    width:18px;
    height:1.8px;
    border-radius:999px;
    background:#fff;
  }

  .pgMobileMenu2026__close span:first-child{
    transform:translate(-50%, -50%) rotate(45deg);
  }

  .pgMobileMenu2026__close span:last-child{
    transform:translate(-50%, -50%) rotate(-45deg);
  }

  .pgMobileMenu2026__scroll{
    flex:1 1 auto;
    overflow:auto;
    padding-right:4px;
    padding-bottom:10px;
  }

  .pgMobileMenu2026__scroll::-webkit-scrollbar{
    width:6px;
  }

  .pgMobileMenu2026__scroll::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.16);
    border-radius:999px;
  }

  .pgMobileHero2026{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:14px;
    padding:16px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(120% 160% at 0% 0%, rgba(255,45,122,.18), transparent 54%),
      radial-gradient(120% 160% at 100% 0%, rgba(89,79,255,.16), transparent 58%),
      rgba(255,255,255,.04);
    box-shadow:
      0 20px 48px rgba(0,0,0,.24),
      inset 0 0 0 1px rgba(255,255,255,.03);
    margin-bottom:14px;
  }

  .pgMobileHero2026__avatar{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:18px;
    background:linear-gradient(135deg, rgba(255,46,108,.92), rgba(108,88,255,.92));
    color:#fff;
    font-size:22px;
    font-weight:1000;
    box-shadow:0 16px 34px rgba(255,45,122,.28);
  }

  .pgMobileHero2026__content{
    min-width:0;
    align-self:center;
  }

  .pgMobileHero2026__name{
    margin-top:6px;
    color:#fff;
    font-size:22px;
    font-weight:1000;
    line-height:1.02;
    letter-spacing:-.03em;
  }

  .pgMobileHero2026__metaLine{
    margin-top:6px;
    color:rgba(255,255,255,.68);
    font-size:13px;
    line-height:1.35;
    word-break:break-word;
  }

  .pgMobileHero2026__actions{
    grid-column:1 / -1;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:4px;
  }

  .pgMobileHero2026__pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
    background:linear-gradient(135deg, rgba(255,62,110,.92), rgba(255,0,115,.74));
    color:#fff;
    font-size:13px;
    font-weight:1000;
    text-decoration:none;
    cursor:pointer;
    box-shadow:0 14px 28px rgba(255,45,122,.18);
  }

  .pgMobileHero2026__pill--ghost{
    background:rgba(255,255,255,.04);
    box-shadow:none;
  }

  .pgMobileSearch2026{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    min-height:52px;
    padding:0 14px;
    margin-bottom:16px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  }

  .pgMobileSearch2026__icon{
    width:18px;
    height:18px;
    color:rgba(255,255,255,.58);
    flex:0 0 auto;
  }

  .pgMobileSearch2026__icon svg{
    display:block;
    width:100%;
    height:100%;
  }

  .pgMobileSearch2026 input{
    flex:1 1 auto;
    width:100%;
    min-width:0;
    border:0;
    outline:none;
    background:transparent;
    color:#fff;
    font-size:14px;
    font-weight:900;
  }

  .pgMobileSearch2026 input::placeholder{
    color:rgba(255,255,255,.42);
  }

  .pgMobileSection2026{
    margin-bottom:18px;
  }

  .pgMobileSection2026__head{
    margin-bottom:12px;
  }

  .pgMobileQuickGrid2026,
  .pgMobileAccountGrid2026{
    display:grid;
    gap:10px;
  }

  .pgMobileQuickGrid2026{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .pgMobileQuickCard2026,
  .pgMobileAccountCard2026{
    display:block;
    width:100%;
    padding:14px;
    text-align:left;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
    box-shadow:
      0 16px 34px rgba(0,0,0,.20),
      inset 0 0 0 1px rgba(255,255,255,.02);
    color:#fff;
    font:inherit;
    text-decoration:none;
    cursor:pointer;
    appearance:none;
  }

  .pgMobileQuickCard2026__icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    margin-bottom:12px;
    border-radius:12px;
    background:rgba(255,255,255,.07);
    color:#fff;
  }

  .pgMobileQuickCard2026__icon svg{
    width:18px;
    height:18px;
    display:block;
  }

  .pgMobileQuickCard2026__title{
    display:block;
    font-size:15px;
    font-weight:1000;
    line-height:1.15;
    letter-spacing:-.02em;
  }

  .pgMobileQuickCard2026__text{
    display:block;
    margin-top:6px;
    color:rgba(255,255,255,.62);
    font-size:12px;
    line-height:1.4;
  }

  .pgMobileMenu2026__navList{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:10px;
  }

  .pgMobileMenu2026__navList a{
    display:flex;
    align-items:center;
    min-height:52px;
    padding:0 16px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#fff;
    font-weight:900;
    text-decoration:none;
  }

  .pgMobileAccountGrid2026{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .pgMobileAccountCard2026{
    min-height:70px;
    font-size:13px;
    font-weight:1000;
    line-height:1.35;
  }

  .pgMobileAccountCard2026--danger{
    color:#ffb8cd;
  }

  .pgMobileSupport2026{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }

  .pgMobileSupport2026__pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:rgba(255,255,255,.88);
    font-size:13px;
    font-weight:900;
    text-decoration:none;
  }

  .pgMobileDock2026{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    gap:8px;
    position:fixed;
    left:10px;
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px));
    z-index:1010;
    padding:8px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(120% 180% at 50% 0%, rgba(255,45,122,.12), transparent 50%),
      rgba(10,10,18,.86);
    box-shadow:
      0 26px 70px rgba(0,0,0,.40),
      inset 0 0 0 1px rgba(255,255,255,.04);
    backdrop-filter:blur(18px);
  }

  .pgMobileDock2026__item{
    position:relative;
    min-width:0;
    min-height:62px;
    display:grid;
    justify-items:center;
    align-content:center;
    gap:6px;
    padding:8px 6px;
    border:0;
    border-radius:20px;
    background:transparent;
    color:rgba(255,255,255,.82);
    font:inherit;
    text-decoration:none;
    cursor:pointer;
    appearance:none;
  }

  .pgMobileDock2026__item.is-active{
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
    box-shadow:
      0 16px 34px rgba(0,0,0,.22),
      inset 0 0 0 1px rgba(255,255,255,.05);
    color:#fff;
  }

  .pgMobileDock2026__item.is-active:last-child,
  .pgMobileDock2026__item[data-pg-mobile-menu-toggle].is-active{
    background:linear-gradient(135deg, rgba(255,70,122,.18), rgba(101,84,255,.24));
  }

  .pgMobileDock2026__icon{
    width:22px;
    height:22px;
    display:block;
  }

  .pgMobileDock2026__icon svg{
    width:100%;
    height:100%;
    display:block;
  }

  .pgMobileDock2026__label{
    display:block;
    min-width:0;
    font-size:9px;
    font-weight:1000;
    line-height:1;
    letter-spacing:.04em;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .pgMobileDock2026__badge{
    position:absolute;
    top:6px;
    right:10px;
    min-width:20px;
    height:20px;
    padding:0 5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:linear-gradient(135deg, rgba(255,92,137,.98), rgba(198,86,255,.96));
    color:#fff;
    font-size:10px;
    font-weight:1000;
    line-height:1;
    box-shadow:0 10px 24px rgba(255,45,122,.24);
  }

  #pgCatalogMenu.pg-catalog-menu{
    top:calc(100% + 12px);
    max-height:calc(100dvh - 170px);
  }
}

@media (max-width:560px){
  .pgMobileBar2026{
    gap:8px;
  }

  .pgMobileBrand2026{
    padding:9px 12px;
  }

  .pgMobileBrand2026__logo svg{
    max-width:186px;
  }

  .pgMobileLang2026{
    min-width:46px;
    flex-basis:46px;
    height:48px;
    font-size:11px;
  }

  .pgMobileMenu2026{
    width:min(100vw, 100%);
    padding-left:14px;
    padding-right:14px;
  }

  .pgMobileHero2026{
    grid-template-columns:1fr;
  }

  .pgMobileHero2026__avatar{
    width:50px;
    height:50px;
  }

  .pgMobileAccountGrid2026{
    grid-template-columns:1fr;
  }

  .pgMobileQuickGrid2026{
    grid-template-columns:1fr;
  }

  .pgMobileDock2026{
    left:6px;
    right:6px;
    gap:5px;
    padding:6px;
    border-radius:24px;
  }

  .pgMobileDock2026__item{
    min-height:56px;
    gap:3px;
    padding:6px 3px;
    border-radius:18px;
  }

  .pgMobileDock2026__label{
    font-size:8px;
  }

  .pgMobileDock2026__badge{
    top:5px;
    right:8px;
    min-width:18px;
    height:18px;
    font-size:9px;
  }

  #pgCatalogMenu.pg-catalog-menu{
    left:12px;
    right:12px;
    width:auto;
    max-width:none;
  }
}

@media (max-width:420px){
  .pgMobileBrand2026{
    padding:8px 10px;
  }

  .pgMobileBrand2026__logo svg{
    max-width:164px;
  }

  .pgMobileBar2026__actions{
    gap:6px;
  }

  .pgMobileLang2026{
    min-width:42px;
    flex-basis:42px;
    height:46px;
    font-size:10px;
  }

  .pgMobileMenu2026{
    padding-left:12px;
    padding-right:12px;
  }

  .pgMobileMenu2026__title,
  .pgMobileSection2026__title,
  .pgMobileHero2026__name{
    font-size:20px;
  }

  .pgMobileDock2026{
    left:4px;
    right:4px;
    gap:4px;
    padding:5px;
    border-radius:22px;
  }

  .pgMobileDock2026__item{
    min-height:54px;
    padding:5px 2px;
  }

  .pgMobileDock2026__icon{
    width:20px;
    height:20px;
  }

  .pgMobileDock2026__label{
    font-size:7px;
  }

  .pgMobileDock2026__badge{
    top:4px;
    right:6px;
    min-width:16px;
    height:16px;
    font-size:8px;
  }
}

@media (max-width:360px){
  .pgMobileDock2026{
    left:3px;
    right:3px;
    bottom:calc(3px + env(safe-area-inset-bottom, 0px));
    gap:3px;
    padding:4px;
    border-radius:22px;
  }

  .pgMobileDock2026__item{
    min-height:50px;
    gap:2px;
    padding:4px 1px;
    border-radius:15px;
  }

  .pgMobileDock2026__icon{
    width:18px;
    height:18px;
  }

  .pgMobileDock2026__label{
    font-size:0;
    line-height:1;
    text-transform:none;
    letter-spacing:0;
  }

  .pgMobileDock2026__label::after{
    content:attr(data-short);
    display:block;
    font-size:6px;
    line-height:1;
    font-weight:900;
    color:currentColor;
  }

  .pgMobileDock2026__badge{
    top:3px;
    right:4px;
    min-width:14px;
    height:14px;
    padding:0 3px;
    font-size:7px;
  }
}
/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] MOBILE APP MENU 2026 --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] SEARCH (expensive “glass channel”) --- */
/* ========= SEARCH (expensive “glass channel”) ========= */
html.light .pgSearch2026{
  background:
    radial-gradient(700px 250px at 15% 0%, rgba(255,45,122,.12), transparent 60%),
    radial-gradient(700px 250px at 95% 0%, rgba(140,80,255,.10), transparent 62%),
    rgba(255,255,255,.70);
  border: 1px solid rgba(12,18,32,.12);
  box-shadow:
    0 16px 50px rgba(12,18,32,.10),
    0 0 0 1px rgba(255,255,255,.55) inset;
}
html.light .pgSearch2026__input{
  color: rgba(11,14,22,.92);
}
html.light .pgSearch2026__input::placeholder{
  color: rgba(11,14,22,.52);
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] SEARCH (expensive “glass channel”) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] LIVE SEARCH DROPDOWN — style current markup inside #pgLiveBox2026 --- */
/* ===== LIVE SEARCH DROPDOWN — style current markup inside #pgLiveBox2026 ===== */

#pgSearch2026{ position: relative !important; overflow: visible !important; }

#pgLiveBox2026{
  position: absolute !important;
  left: 0; right: 0;
  top: calc(100% + 10px);
  z-index: 999999 !important;

  /* рамка + glass */
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.18) !important;
  background:
    radial-gradient(900px 220px at 10% 0%, rgba(255,45,122,.22) 0%, rgba(255,45,122,0) 55%),
    radial-gradient(900px 240px at 100% 0%, rgba(176,0,255,.18) 0%, rgba(176,0,255,0) 55%),
    rgba(10,10,16,.92);
  backdrop-filter: blur(20px);
  box-shadow: 0 30px 90px rgba(0,0,0,.70), 0 0 0 1px rgba(255,255,255,.08) inset;

  overflow: hidden;
}

/* чтобы не было “синих ссылок” */
#pgLiveBox2026 a{
  color: rgba(255,255,255,.95) !important;
  text-decoration: none !important;
}

/* СДЕЛАЕМ ПРОКРУТ ВНУТРИ (самая важная часть)
   Если внутри есть UL/DIV список — ограничим высоту и дадим скролл */
#pgLiveBox2026{
  max-height: min(60vh, 520px);
  overflow: auto;
}

/* красивый скролл */
#pgLiveBox2026::-webkit-scrollbar{ width: 10px; }
#pgLiveBox2026::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.16);
  border-radius: 999px;
  border: 2px solid rgba(10,10,16,.70);
}
#pgLiveBox2026::-webkit-scrollbar-track{
  background: rgba(255,255,255,.05);
}

/* Заголовки “Категорії / Товари” (у тебя они просто текстом) */
#pgLiveBox2026 b,
#pgLiveBox2026 strong{
  font-weight: 1000;
  color: rgba(255,255,255,.95);
}

/* Разделители (если есть hr) */
#pgLiveBox2026 hr{
  border: 0;
  height: 1px;
  background: rgba(255,255,255,.10);
  margin: 10px 0;
}

/* Каждый результат как карточка (ловим любые ссылки в dropdown) */
#pgLiveBox2026 a{
  display: grid !important;
  grid-template-columns: 64px 1fr !important;
  gap: 12px !important;

  padding: 12px !important;
  margin: 10px 12px !important;

  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.04) !important;

  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

/* hover */
#pgLiveBox2026 a:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.18) !important;
  background:
    linear-gradient(90deg, rgba(255,45,122,.18), rgba(176,0,255,.12)),
    rgba(255,255,255,.04) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.30);
}

/* картинки внутри результатов */
#pgLiveBox2026 img{
  width: 64px !important;
  height: 52px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}

/* если ссылка “смешанная” и картинка не первая — подстрахуемся */
#pgLiveBox2026 a img{ grid-column: 1; }

/* текст: делаем аккуратнее */
#pgLiveBox2026 a{
  font-weight: 1000;
  font-size: 14px;
  line-height: 1.25;
}

/* второй ряд (цены/подписи) — часто выводится обычным текстом рядом */
#pgLiveBox2026 a small,
#pgLiveBox2026 a .amount{
  font-weight: 900;
  color: rgba(255,255,255,.78);
}

/* подсветка совпадения */
#pgLiveBox2026 mark.pgHit{
  padding: 0 .28em;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(90deg, rgba(255,45,122,.30), rgba(176,0,255,.20));
  color: rgba(255,255,255,.98);
}




/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] LIVE SEARCH DROPDOWN — style current markup inside #pgLiveBox2026 --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] PG LIVE SEARCH — PREMIUM GLOW BORDER --- */
/* ===== PG LIVE SEARCH — PREMIUM GLOW BORDER ===== */

#pgLiveBox2026{
  position: absolute !important;
  left: 0; right: 0;
  top: calc(100% + 10px);

  border-radius: 24px;

  /* градиентная рамка */
  border: 1px solid transparent !important;
  background:
    linear-gradient(#0d0f18,#0d0f18) padding-box,
    linear-gradient(120deg, #ff2d7a, #b000ff, #6f00ff) border-box;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 25px rgba(255,45,122,.35),
    0 0 60px rgba(176,0,255,.25),
    0 30px 90px rgba(0,0,0,.75);

  transition: box-shadow .25s ease, transform .2s ease;
}

/* лёгкий hover-эффект (когда курсор внутри dropdown) */
#pgLiveBox2026:hover{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.07) inset,
    0 0 35px rgba(255,45,122,.45),
    0 0 80px rgba(176,0,255,.35),
    0 40px 120px rgba(0,0,0,.85);
}

/* если хочешь ещё ярче при активном поиске */
#pgSearchInput:focus + #pgLiveBox2026,
#pgLiveBox2026.is-open{
  transform: translateY(2px);
}













/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] PG LIVE SEARCH — PREMIUM GLOW BORDER --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] LEFT HERO COMBO: one card contains text + slider --- */
/* =========================================================
   LEFT HERO COMBO: one card contains text + slider
========================================================= */
.neoHero2026 .neoGrid2026{
  display:grid;
  grid-template-columns: 1fr 360px;
  gap: 18px;
  align-items: start;
}

.neoHero2026 .neoHeroCombo2026 .neoHeroCombo2026__inner{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  align-items: stretch;
  height: 100%;
}

.neoHero2026 .neoHeroCombo2026__text,
.neoHero2026 .neoHeroCombo2026__slider{
  min-width: 0;
}

.neoHero2026 .neoHeroCombo2026__slider{
  height: 100%;
}

.neoHero2026 .neoHeroCombo2026__slider.neoCoreSlider2026{
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.neoHero2026 .neoHeroCombo2026__slider .neoCoreSlider2026__wrap,
.neoHero2026 .neoHeroCombo2026__slider .neoCoreSlider2026__slides,
.neoHero2026 .neoHeroCombo2026__slider .neoCoreSlide2026{
  height: 100%;
}

.neoHero2026 .neoHeroCombo2026__slider .neoCoreSlider2026__wrap{
  border-radius: 24px;
  overflow: hidden;
}

@media (max-width: 1100px){
  .neoHero2026 .neoGrid2026{
    grid-template-columns: 1fr;
  }
  .neoHero2026 .neoHeroCombo2026 .neoHeroCombo2026__inner{
    grid-template-columns: 1fr;
  }
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] LEFT HERO COMBO: one card contains text + slider --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] HERO / NEO CARDS (pearl glass + gradient stroke) --- */
/* ========= HERO / NEO CARDS (pearl glass + gradient stroke) ========= */
html.light .neoCard2026,
html.light .neoPanel2026,
html.light .pgGlass2026{
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.56));
  border: 1px solid rgba(12,18,32,.10);
  box-shadow:
    0 26px 90px rgba(12,18,32,.14),
    0 0 0 1px rgba(255,255,255,.55) inset;
}

html.light .neoCard2026::before,
html.light .neoPanel2026::before{
  /* premium border glow (subtle) */
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  pointer-events:none;
  background: linear-gradient(120deg,
    rgba(255,45,122,.25),
    rgba(140,80,255,.18),
    rgba(80,170,255,.14));
  mask: linear-gradient(#000,#000) content-box, linear-gradient(#000,#000);
  -webkit-mask: linear-gradient(#000,#000) content-box, linear-gradient(#000,#000);
  padding: 1px;
  opacity:.55;
}

html.light .neoH12026{ color: rgba(11,14,22,.96); }
html.light .neoLead2026{ color: rgba(11,14,22,.62); }

html.light .neoChip2026{
  background: rgba(12,18,32,.05);
  border: 1px solid rgba(12,18,32,.10);
  color: rgba(11,14,22,.82);
}

/* ========= OPTIONAL: “graphite premium blocks” =========
   If you want some panels to be dark-luxury in light mode:
   add class .is-graphite on any neoPanel/neoCard in markup
*/
html.light .is-graphite{
  background:
    radial-gradient(700px 350px at 20% 0%, rgba(255,45,122,.22), transparent 60%),
    radial-gradient(700px 350px at 100% 0%, rgba(140,80,255,.18), transparent 62%),
    rgba(17,20,28,.82) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 30px 100px rgba(12,18,32,.22),
    0 0 0 1px rgba(255,255,255,.10) inset !important;
  color: var(--gTxt) !important;
}
html.light .is-graphite *{ color: inherit; }
html.light .is-graphite .neoPill2026,
html.light .is-graphite .pgPill2026{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.90) !important;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] HERO / NEO CARDS (pearl glass + gradient stroke) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] HERO --- */
/* ================= HERO ================= */
.neoHero2026{ padding: 26px 0 12px; }
.neoHero2026 .container{ position:relative; }
.neoHero2026::before{
  content:"";
  position:absolute;
  inset:-220px 0 -160px 0;
  background:
    radial-gradient(900px 520px at var(--mx,50%) var(--my,20%), rgba(255,60,120,.22), transparent 60%),
    radial-gradient(900px 520px at 85% 30%, rgba(90,130,255,.16), transparent 62%),
    radial-gradient(760px 440px at 35% 120%, rgba(0,255,180,.10), transparent 65%);
  pointer-events:none;
  z-index:-1;
}

.neoGrid2026{
  display:grid;
  grid-template-columns: 1.4fr .8fr .8fr;
  gap: 18px;
  align-items:stretch;
}

.neoCard2026{
  background: var(--glass);
  border: 1px solid var(--stroke);
  border-radius: 28px;
  backdrop-filter: blur(20px);
  box-shadow: var(--shadow);
  position: relative;
  overflow:hidden;
  transform-style: preserve-3d;
  transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
.neoCard2026:hover{ border-color: rgba(255,255,255,.18); }

.neoCard2026--big{ grid-column: 1 / span 1; padding: 26px; }
.neoCard2026__inner{ position:relative; z-index:2; }

.neoGlow2026{
  position:absolute;
  inset:-140px;
  background:
    radial-gradient(700px 420px at var(--cx,50%) var(--cy,30%), rgba(255,60,120,.18), transparent 60%),
    radial-gradient(700px 420px at 70% 70%, rgba(90,130,255,.14), transparent 62%);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events:none;
}
.neoCard2026:hover .neoGlow2026{ opacity: 1; }

.neoH12026{
  font-size: 44px;
  line-height: 1.02;
  letter-spacing: -1.1px;
  font-weight: 1000;
  margin: 0 0 12px;
}
.neoLead2026{ margin: 0 0 14px; color: var(--mut); font-weight: 650; max-width: 56ch; }

.neoChips2026{ display:flex; flex-wrap:wrap; gap:10px; margin: 12px 0 16px; }
.neoChip2026{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.84);
  font-weight: 900;
  font-size: 13px;
}

.neoBtns2026{ display:flex; gap: 12px; margin-top: 10px; flex-wrap:wrap; }
.neoBtn2026{
  height: 52px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 0 18px;
  font-weight: 1000;
  text-decoration:none;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.92);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.neoBtn2026:hover{ transform: translateY(-2px); background: rgba(255,255,255,.08); }
.neoBtn2026--primary{
  background: linear-gradient(90deg, rgba(255,60,60,.95), rgba(255,0,120,.72));
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 18px 70px rgba(255,60,60,.10);
}
.neoBtn2026--ghost{ background: rgba(255,255,255,.04); }
.neoBtn2026--wide{ width: 100%; }

.neoStats2026{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}
.neoStat2026{
  padding: 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.08);
}
.neoStat2026 strong{ display:block; font-weight:1000; font-size: 16px; }
.neoStat2026 span{ font-size: 10px; opacity: .75; margin-top: 4px; display:block; }

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] HERO --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Catalog Popup + Auth Skin (minimum) --- */
/* ================= Catalog Popup + Auth Skin (minimum) ================= */
.pgGlass2026{
  background: rgba(10,12,16,.78);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: 22px;
  box-shadow: 0 24px 90px rgba(0,0,0,.45);
  color: rgba(255,255,255,.92);
}
.pgEmpty2026{ padding: 16px; opacity:.8; }

.pg-catalog-menu{ display:none; position:fixed; inset: 90px 22px 22px 22px; z-index: 1200; }
.pg-catalog-menu.is-open{ display:block; }
.pg-catalog-inner{ height:100%; display:grid; grid-template-columns: 320px 1fr; gap: 16px; padding: 16px; }
.pg-catalog-sidebar h4{ margin: 0 0 10px; }
.pg-catalog-text{ list-style:none; margin: 0 0 18px; padding: 0; }
.pg-catalog-text li a{
  display:flex; gap:10px; align-items:center;
  padding: 5px 12px;
  border-radius: 16px;
  text-decoration:none;
  color: rgba(255,255,255,.86);
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
  margin-bottom: 8px;
}
.pg-catalog-text li a.active,
.pg-catalog-text li a:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
}
.pgGrid2026{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.pgBadge2026{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px;
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  font-weight: 1000;
}

/* Auth modal minimal */
.pg-auth-backdrop{ display:none; position:fixed; inset:0; z-index: 1300; background: rgba(0,0,0,.55); }
.pg-auth-backdrop.is-open{ display:flex; align-items:center; justify-content:center; padding: 18px; }
.pg-auth-modal{ max-width: 920px; width: 100%; }
.pg-auth-head{ display:flex; align-items:center; justify-content:space-between; padding: 16px 18px; border-bottom: 1px solid rgba(255,255,255,.10); }
.pg-auth-title{ font-weight: 1000; }
.pg-auth-close{ background: transparent; border: 0; color: #fff; font-size: 26px; cursor:pointer; }
.pg-auth-body{ display:grid; grid-template-columns: 1fr 1px 1fr; gap: 16px; padding: 18px; }
.pg-vline{ background: rgba(255,255,255,.10); }
.pg-row label{ display:block; margin-bottom: 6px; opacity:.8; font-weight:700; }
/* .pg-row input{
  width:100%;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  color:#fff;
  padding: 0 12px;
} */
.pg-btn-green{
  width:100%;
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(90deg, rgba(255,60,60,.95), rgba(255,0,120,.72));
  color:#fff;
  font-weight: 1000;
  cursor:pointer;
}
.pg-or{ text-align:center; opacity:.7; margin: 12px 0; }
.pg-switch-row{ display:flex; gap: 10px; justify-content:center; margin-top: 10px; }
.pg-switch-link{ color:#fff; opacity:.85; }


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Catalog Popup + Auth Skin (minimum) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] CATALOG MENU (PG 2026) --- */
/* ====== CATALOG MENU (PG 2026) ====== */

.pg-catalog-menu.pgGlass2026{
  position: fixed;
  left: 50%;
  top: 110px;               /* под хедер */
  transform: translateX(-50%);
  width: min(1200px, calc(100vw - 32px));
  max-height: calc(100vh - 140px);
  overflow: hidden;
  z-index: 9999;

  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,14,.72);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 24px 80px rgba(0,0,0,.55);
}

.pg-catalog-inner{
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 18px;
  padding: 18px;
}

/* Sidebar */
.pg-catalog-sidebar{
  border-radius: 18px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  overflow: auto;
  max-height: calc(100vh - 190px);
}

.pg-catalog-sidebar h4,
.pg-catalog-title{
  margin: 10px 8px 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
}

/* left list */
.pg-catalog-text{
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

.pg-catalog-text li{ margin: 8px 0; }

.pg-catalog-text a{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 14px;
  text-decoration: none;
  color: rgba(255,255,255,.86);
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.pg-catalog-text a .pg-ico{
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}

.pg-catalog-text a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.14);
}

.pg-catalog-text a.active{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 10px 26px rgba(0,0,0,.28);
}

/* Content */
.pg-catalog-content{
  border-radius: 18px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  overflow: auto;
  max-height: calc(100vh - 190px);
}

/* grid of groups */
.pg-catalog-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.pg-catalog-col{ min-width: 0; }

.pg-catalog-group{
  border-radius: 16px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(0,0,0,.12);
}

.pg-catalog-letter{
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.pgBadge2026{
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  font-weight: 800;
}

/* Links style (fix "blue links") */
.pg-catalog-links{
  display: grid;
  gap: 8px;
  min-width: 0;
}

.pg-catalog-links a{
  display: block;
  padding: 7px 10px;
  border-radius: 12px;
  text-decoration: none;
  color: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.03);
  transition: background .12s ease, border-color .12s ease, transform .12s ease;
  line-height: 1.25;
  white-space: normal;
}

.pg-catalog-links a:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.14);
  transform: translateY(-1px);
}

/* Optional: small "neon" accent without changing your palette */
.pg-catalog-links a:focus-visible{
  outline: 2px solid rgba(120,220,255,.55);
  outline-offset: 2px;
}

/* Empty */
.pgEmpty2026{
  padding: 18px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.14);
  color: rgba(255,255,255,.70);
  background: rgba(255,255,255,.03);
}

/* Responsive */
@media (max-width: 980px){
  .pg-catalog-inner{
    grid-template-columns: 1fr;
  }
  .pg-catalog-grid{
    grid-template-columns: 1fr;
  }
}










/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] CATALOG MENU (PG 2026) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] ONLY pgCatalogMenu styles (no global changes) --- */
/* ===== ONLY pgCatalogMenu styles (no global changes) ===== */

/* Правый контент: не режем, но и не делаем второй лишний скролл */
#pgCatalogMenu .pg-catalog-content{
  overflow: auto;
}

/* Алфавитный вид как на скрине */
#pgCatalogMenu .pg-cat-alpha{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

#pgCatalogMenu .pg-cat-alpha__col{
  display: grid;
  gap: 10px;
  align-content: start;
}

#pgCatalogMenu .pg-cat-alpha__row{
  display: grid;
  grid-template-columns: 28px 1fr;
  column-gap: 10px;
  align-items: start;
}

#pgCatalogMenu .pg-cat-alpha__badge{
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 700;

  /* под твой glass 2026 */
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.85);
}

#pgCatalogMenu .pg-cat-alpha__spacer{
  width: 24px;
  height: 24px;
}

#pgCatalogMenu .pg-cat-alpha__link{
  text-decoration: none;
  display: inline-block;
  padding: 0;
  margin: 0;

  font-size: 15px;
  line-height: 1.35;
  color: rgba(255,255,255,.88);
}

#pgCatalogMenu .pg-cat-alpha__link:hover{
  text-decoration: underline;
}


/* Если по высоте реально не влазит — слегка уплотняем ТОЛЬКО в этом окне */
@media (max-height: 820px){
  #pgCatalogMenu .pg-cat-alpha{ gap: 18px; }
  #pgCatalogMenu .pg-cat-alpha__col{ gap: 8px; }
  #pgCatalogMenu .pg-cat-alpha__link{ font-size: 14px; line-height: 1.28; }
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] ONLY pgCatalogMenu styles (no global changes) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] NO SCROLL AT ALL inside #pgCatalogMenu (hard lock) --- */
/* ===== NO SCROLL AT ALL inside #pgCatalogMenu (hard lock) ===== */

#pgCatalogMenu .pg-catalog-inner{
  height: 100%;
  overflow: hidden !important;
}

/* УБИРАЕМ СКРОЛЛЫ СЛЕВА И СПРАВА */
#pgCatalogMenu .pg-catalog-sidebar,
#pgCatalogMenu .pg-catalog-content{
  height: 100%;
  overflow: hidden !important;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] NO SCROLL AT ALL inside #pgCatalogMenu (hard lock) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] PG Catalog Menu — EXACT FIT (ONLY #pgCatalogMenu) --- */
/* =========================================================
   PG Catalog Menu — EXACT FIT (ONLY #pgCatalogMenu)
   цель: как на светлом примере — всё влезает без скролла
========================================================= */

/* высота окна = доступная высота экрана */
#pgCatalogMenu.pg-catalog-menu{
  height: calc(98vh - 120px) !important;
  max-height: calc(100vh - 120px) !important;
  overflow: hidden !important;
}

/* убираем любые внутренние скроллы и лишние отступы */
#pgCatalogMenu .pg-catalog-inner{
  height: 100% !important;
  overflow: hidden !important;
  padding: 16px !important;
  gap: 16px !important;
}

#pgCatalogMenu .pg-catalog-sidebar,
#pgCatalogMenu .pg-catalog-content{
  height: 100% !important;
  overflow: hidden !important;
}

/* правый блок — без лишних паддингов */
#pgCatalogMenu .pg-catalog-content{
  padding: 10px 12px !important;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] PG Catalog Menu — EXACT FIT (ONLY #pgCatalogMenu) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] AUTO FLOW like your light example (ONLY #pgCatalogMenu) --- */
/* ======================================================
   AUTO FLOW like your light example (ONLY #pgCatalogMenu)
   - columns auto: 3/4/5 depending on available width
   - fill top->bottom, then left->right
====================================================== */

/* контейнер правой части без скролла */
#pgCatalogMenu .pg-catalog-content{
  overflow: hidden !important;
}

/* 1) ВКЛЮЧАЕМ КОЛОНКИ */
#pgCatalogMenu .pg-cat-alpha{
  display: block !important;               /* убиваем grid */
  column-width: 320px;                     /* ширина колонки (авто-кол-во) */
  column-gap: 26px;
  column-fill: auto;                       /* максимально равномерно по высоте */
}

/* на очень широких экранах — колонки чуть уже => больше колонок */
@media (min-width: 1600px){
  #pgCatalogMenu .pg-cat-alpha{
    column-width: 280px;
    column-gap: 26px;
  }
}
@media (min-width: 1900px){
  #pgCatalogMenu .pg-cat-alpha{
    column-width: 250px;
  }
}

/* 2) "КОЛОНКИ" которые тебе отдает PHP — превращаем в нейтральные блоки */
#pgCatalogMenu .pg-cat-alpha__col{
  display: contents !important; /* чтобы не мешали раскладке */
}

/* 3) Каждую букву/группу делаем отдельным блоком, который нельзя разрывать */
#pgCatalogMenu .pg-cat-alpha__row--first{
  break-inside: avoid-column;
  page-break-inside: avoid;
  margin: 0 0 6px 0;
}
#pgCatalogMenu .pg-cat-alpha__row--sub{
  break-inside: avoid-column;
  page-break-inside: avoid;
}

/* 4) Плотность как в примере (чтобы влазило) */
#pgCatalogMenu .pg-cat-alpha__row{
  display: grid;
  grid-template-columns: 18px 1fr;
  column-gap: 8px;
  align-items: start;
}

#pgCatalogMenu .pg-cat-alpha__badge{
  width: 18px;
  height: 18px;
  font-size: 11px;
  border-radius: 6px;
}

#pgCatalogMenu .pg-cat-alpha__link{
  font-size: 13px;
  line-height: 1.12;
  padding: 0;
  margin: 0;
  white-space: nowrap;           /* чтобы не раздувало высоту */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* на низких экранах делаем еще плотнее */
@media (max-height: 860px){
  #pgCatalogMenu .pg-cat-alpha{
    column-width: 260px;
    column-gap: 22px;
  }
  #pgCatalogMenu .pg-cat-alpha__link{
    font-size: 12.5px;
    line-height: 1.08;
  }
}








/* PG Catalog: pack more items on screen (does NOT affect switching) */
#pgCatalogMenu .pg-catalog-content{
  overflow: hidden;
  max-height: calc(100vh - 190px);
  padding: 10px 12px;
}

#pgCatalogMenu .pg-catalog-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 1250px){
  #pgCatalogMenu .pg-catalog-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px){
  #pgCatalogMenu .pg-catalog-grid{ grid-template-columns: 1fr; }
  #pgCatalogMenu .pg-catalog-content{ overflow: auto; }
}

#pgCatalogMenu .pg-catalog-group{ padding: 10px; border-radius: 14px; }
#pgCatalogMenu .pgBadge2026{ width: 28px; height: 28px; font-size: 12px; }
#pgCatalogMenu .pg-catalog-links{ gap: 6px; }
#pgCatalogMenu .pg-catalog-links a{
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.12;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}







/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] AUTO FLOW like your light example (ONLY #pgCatalogMenu) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] MODALS (auth/cart/catalog) --- */
/* ========= MODALS (auth/cart/catalog) ========= */
html.light .pg-auth-backdrop,
html.light .pg-cart-backdrop{
  background: rgba(12,18,32,.45);
}

html.light .pg-row input{
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(12,18,32,.12) !important;
  color: rgba(11,14,22,.92) !important;
}

/* catalog: in light make it “graphite showroom” automatically */
html.light #pgCatalogMenu.pg-catalog-menu{
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(255,45,122,.18), transparent 60%),
    radial-gradient(900px 420px at 100% 0%, rgba(140,80,255,.16), transparent 62%),
    rgba(17,20,28,.86) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 34px 120px rgba(12,18,32,.28) !important;
  color: rgba(255,255,255,.92);
}
html.light #pgCatalogMenu .pg-catalog-text a,
html.light #pgCatalogMenu .pg-catalog-links a{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.88) !important;
}
html.light #pgCatalogMenu .pg-catalog-text a:hover,
html.light #pgCatalogMenu .pg-catalog-links a:hover{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.18) !important;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] MODALS (auth/cart/catalog) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] CART POPUP --- */
/* ================= CART POPUP ================= */

.pg-cart-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  z-index: 99999;
}
.pg-cart-backdrop.is-open{ display:flex; }

.pg-cart-modal{
  width: 100%;
  max-width: 80%;
  max-height: min(82vh, 760px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.pg-cart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.pg-cart-title{ font-weight:1000; }
.pg-cart-close{
  background:none;
  border:0;
  font-size:26px;
  color:#fff;
  cursor:pointer;
}

/* ВАЖНО: скролл ТОЛЬКО у body, футер всегда виден */
.pg-cart-body{
  flex: 1 1 auto;
  overflow: auto;
  padding: 18px;
}

/* футер всегда на месте снизу модалки */
.pg-cart-foot{
  flex: 0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;

  padding: 16px 18px;
  border-top: 1px solid rgba(255,255,255,.12);
  background: rgba(10,12,16,.86);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* кнопка НЕ меняется по размеру */
.pg-cart-foot .pgBtn2026{
  flex: 0 0 auto;
}

/* итог справа (в одну строку) */
.pg-mini-total{
  flex: 0 0 auto;
  margin-left: auto;
}
.pg-mini-total .woocommerce-mini-cart__total{
  margin: 0;
  padding: 0;
  border: 0;

  display: flex;
  align-items: baseline;
  gap: 10px;
  white-space: nowrap;
  font-weight: 1000;
}

/* прячем стандартный subtotal внутри mini_cart, чтобы не было второго "Підсумок" внизу списка */
#pgMiniCart .woocommerce-mini-cart__total{ display:none; }

/* мини-очистка стандартных кнопок woo в миникарте */
#pgMiniCart .woocommerce-mini-cart__buttons{ display:none; }


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] CART POPUP --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] MINI CART (popup) — like before, but prettier --- */
/* =========================
   MINI CART (popup) — like before, but prettier
   scope: .pg-cart-modal only
========================= */

/* list */
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* item card */
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item{
  position: relative;
  display: grid;
  grid-template-columns: 132px 1fr;
  gap: 16px;
  align-items: start;

  padding: 16px;
  border-radius: 22px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Safari/macOS accessibility:
   if user prefers reduced transparency (or WebKit disables backdrop blur),
   keep popups readable by using a more opaque background. */
@media (prefers-reduced-transparency: reduce) {
  .pgGlass2026,
  .pg-catalog-menu.pgGlass2026,
  .pg-cart-foot,
  .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item,
  .pg-auth-modal{
    background: rgba(10,12,16,.92) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .pg-auth-backdrop,
  .pg-cart-backdrop{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* thumb */
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item img{
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0,0,0,.45);
}

/* title */
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item a:not(.remove){
  display: block;
  margin: 2px 0 10px;
  font-weight: 1000;
  font-size: 15px;
  line-height: 1.2;
  color: rgba(255,255,255,.95);
  text-decoration: none;
}

/* variations колонкой */
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .variation{
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255,255,255,.72);
}
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .variation dt{
  float: none;
  display: block;
  margin: 10px 0 4px;
  opacity: .6;
  font-weight: 800;
}
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .variation dd{
  margin: 0;
  display: block;
  font-weight: 900;
  color: rgba(255,255,255,.90);
}
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .variation dd p{
  margin: 0;
}

/* убираем мусор qty/price */
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .quantity{
  display: none;
}

/* remove button */
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item a.remove{
  position: absolute;
  top: 12px;
  right: 12px;

  width: 34px;
  height: 34px;
  border-radius: 999px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(0,0,0,.32);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.86);
  text-decoration: none;
  font-size: 18px;
  line-height: 1;

  transition: transform .2s ease, background .2s ease;
}
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item a.remove:hover{
  background: rgba(255,60,60,.55);
  transform: scale(1.06);
}

/* empty */
.pg-cart-modal #pgMiniCart .woocommerce-mini-cart__empty-message{
  text-align: center;
  padding: 28px 10px;
  opacity: .75;
  font-weight: 900;
}

/* --- CART POPUP UI FIX [2026-04-02]
   Только попап корзины: делаем компактный и аккуратный вид позиции. --- */
.pg-cart-backdrop .pg-cart-modal{
  max-width: min(980px, 96vw) !important;
}

.pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item{
  position: relative;
  display: block !important;
  padding: 14px 56px 14px 150px;
  min-height: 108px;
  border-radius: 16px;
}

.pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item > a:not(.remove){
  display: block !important;
  margin: 0 !important;
  padding-right: 0;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.32;
  font-weight: 900;
}

.pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item > a:not(.remove) > img{
  position: absolute;
  left: 18px;
  right: auto;
  top: 14px;
  float: none !important;
  display: block !important;
  width: 118px !important;
  min-width: 118px;
  max-width: 118px !important;
  height: 86px !important;
  margin: 0 !important;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 26px rgba(0,0,0,.36);
}

.pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .variation{
  margin: 10px 0 0 !important;
  padding-right: 0;
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 4px 14px;
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255,255,255,.82);
  justify-content: start !important;
}

.pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .variation dt{
  float: none !important;
  clear: none !important;
  grid-column: 1;
  justify-self: start;
  text-align: left !important;
  margin: 0 !important;
  opacity: .68;
  font-weight: 800;
      justify-content: start!important;

}

.pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .variation dd{
  float: none !important;
  clear: none !important;
  grid-column: 2;
  justify-self: start !important;
  text-align: left !important;
  margin: 0 !important;
  font-weight: 900;
  color: rgba(255,255,255,.94);
  max-width: min(100%, 460px);
  word-break: break-word;
}

.pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .variation dd p{
  margin: 0 !important;
}

.pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item a.remove{
  right: 12px;
  left: auto;
}

@media (max-width: 767px){
  .pg-cart-backdrop .pg-cart-modal{
    max-width: 100vw !important;
  }

  .pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item{
    padding: 12px 44px 12px 108px;
    min-height: 88px;
  }

  .pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item > a:not(.remove){
    font-size: 14px;
    line-height: 1.28;
  }

  .pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item > a:not(.remove) > img{
    left: 12px;
    right: auto;
    top: 12px;
    width: 86px !important;
    min-width: 86px;
    max-width: 86px !important;
    height: 64px !important;
  }

  .pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .variation{
    font-size: 13px;
    gap: 3px 8px;
  }

  .pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item a.remove{
    top: 8px;
    right: 8px;
    left: auto;
  }
}

@media (max-width: 520px){
  .pg-cart-backdrop .pg-cart-modal{
    max-width: 100vw !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
  }

  .pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item{
    padding: 10px 38px 10px 92px;
    min-height: 78px;
  }

  .pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item > a:not(.remove){
    font-size: 13px;
    line-height: 1.24;
  }

  .pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item > a:not(.remove) > img{
    left: 10px;
    right: auto;
    top: 10px;
    width: 74px !important;
    min-width: 74px;
    max-width: 74px !important;
    height: 56px !important;
    border-radius: 10px;
  }

  .pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .variation{
    margin-top: 8px !important;
    font-size: 12px;
    line-height: 1.3;
    gap: 2px 7px;
  }

  .pg-cart-backdrop .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item a.remove{
    width: 28px;
    height: 28px;
    font-size: 16px;
    right: 6px;
    left: auto;
  }
}














/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] MINI CART (popup) — like before, but prettier --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Card base --- */
/* --- Card base --- */
ul.products li.product{
  margin:0 !important;
  padding: 0 !important;
  width:auto !important;
  float:none !important;

  position:relative;
  border-radius: 28px;
  overflow:hidden;

  background: var(--cardBg);
  border: 1px solid var(--cardStroke);
  backdrop-filter: blur(18px);
  box-shadow: 0 28px 120px rgba(0,0,0,.45);

  transform-style: preserve-3d;
  will-change: transform;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

/* “double frame” inner stroke */
ul.products li.product::after{
  content:"";
  position:absolute;
  inset: 10px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);
  pointer-events:none;
  opacity:.8;
}

/* cursor glow layer */
ul.products li.product::before{
  content:"";
  position:absolute;
  inset:-200px;
  background:
    radial-gradient(800px 420px at var(--cx,50%) var(--cy,30%), rgba(255,60,120,.22), transparent 60%),
    radial-gradient(760px 420px at 72% 80%, rgba(90,130,255,.18), transparent 62%),
    radial-gradient(700px 420px at 25% 85%, rgba(0,255,190,.10), transparent 65%);
  opacity:0;
  transition: opacity .22s ease;
  pointer-events:none;
  filter: saturate(1.1);
}

ul.products li.product:hover{
  border-color: var(--cardStroke2);
  background: rgba(255,255,255,.055);
  box-shadow:
    0 38px 140px rgba(0,0,0,.60),
    0 0 0 1px rgba(255,255,255,.06) inset;
}
ul.products li.product:hover::before{ opacity:1; }


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Card base --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Ferrari Product Cards 2026 (WOW) --- */
/* =====================================
   Ferrari Product Cards 2026 (WOW)
   (оставлено последнее — старый блок удалён)
===================================== */

:root{
  --neoA: rgba(255,60,60,.55);
  --neoB: rgba(255,0,150,.35);
  --neoC: rgba(90,130,255,.28);
  --neoD: rgba(0,255,190,.18);
  --cardBg: rgba(255,255,255,.045);
  --cardStroke: rgba(255,255,255,.12);
  --cardStroke2: rgba(255,255,255,.18);
  --txt1: rgba(255,255,255,.93);
  --txt2: rgba(255,255,255,.70);
  --txt3: rgba(255,255,255,.56);
}

.top-position{
  position: relative;
  padding: 18px 0 36px;
}
.top-position::before{
  content:"";
  position:absolute;
  inset:-120px 0 -120px 0;
  background:
    radial-gradient(1000px 600px at 20% 10%, rgba(255,0,150,.14), transparent 62%),
    radial-gradient(900px 520px at 85% 30%, rgba(90,130,255,.14), transparent 62%),
    radial-gradient(900px 520px at 50% 120%, rgba(0,255,190,.08), transparent 66%);
  pointer-events:none;
  z-index:-1;
  filter:saturate(1.1);
}

.home-title{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:1000;
  letter-spacing:-.6px;
  font-size:28px;
  margin: 26px 0 14px;
}
.home-title::after{
  content:"";
  flex:0 0 46px;
  height:4px;
  border-radius:99px;
  background: linear-gradient(90deg, rgba(255,60,60,.95), rgba(255,0,150,.55), rgba(90,130,255,.40));
  box-shadow: 0 10px 40px rgba(255,60,60,.16);
}

.home-products-grid{
  margin: 0;
  padding: 0;
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  list-style:none;
}

@media (max-width:1100px){
  .home-products-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width:560px){
  .home-products-grid{ grid-template-columns: 1fr; }
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Ferrari Product Cards 2026 (WOW) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] TOP/NEW products — FORCE GRID (last) --- */
/* =====================================
   TOP/NEW products — FORCE GRID (last)
===================================== */
.top-position .woocommerce ul.products{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.top-position .woocommerce ul.products::before,
.top-position .woocommerce ul.products::after{
  display:none !important;
  content:none !important;
}

.top-position .woocommerce ul.products li.product{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}

@media (max-width:1100px){
  .top-position .woocommerce ul.products{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width:560px){
  .top-position .woocommerce ul.products{ grid-template-columns: 1fr !important; }
}

.top-position .home-title{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:1000;
  letter-spacing:-.6px;
  font-size:28px;
  margin: 26px 0 14px;
}
.top-position .home-title::after{
  content:"";
  flex:0 0 46px;
  height:4px;
  border-radius:99px;
  background: linear-gradient(90deg, rgba(255,60,60,.95), rgba(255,0,150,.55), rgba(90,130,255,.40));
  box-shadow: 0 10px 40px rgba(255,60,60,.16);
}

.top-position .woocommerce ul.products li.product a img{
  width: calc(100% - 24px) !important;
  margin: 12px !important;
  border-radius: 22px !important;
  display:block !important;

  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] TOP/NEW products — FORCE GRID (last) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] TOP GRID — FIX: price left, qty right, button centered full width (last) --- */
/* =====================================
   TOP GRID — FIX: price left, qty right, button centered full width (last)
===================================== */
.top-position .woocommerce ul.products li.product{
  display:flex !important;
  flex-direction:column !important;
}

.top-position .woocommerce ul.products li.product .qty,
.top-position .woocommerce ul.products li.product .quantity,
.top-position .woocommerce ul.products li.product .product-qty,
.top-position .woocommerce ul.products li.product .count,
.top-position .woocommerce ul.products li.product .product-count{
  display:none !important;
}

.top-position .woocommerce ul.products li.product .price{
  padding: 10px 0 0 !important;
  margin: 0 !important;

  display:flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;

  font-size: 15px !important;
  font-weight: 650 !important;
  color: rgba(255,255,255,.82) !important;
  gap: 12px !important;
}

.top-position .woocommerce ul.products li.product .price::after{
  content: attr(data-qty);
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,.55);
  white-space: nowrap;
}
.top-position .woocommerce ul.products li.product .price:not([data-qty])::after{
  content: "";
}

.top-position .woocommerce ul.products li.product a.button,
.top-position .woocommerce ul.products li.product a.add_to_cart_button,
.top-position .woocommerce ul.products li.product a.product_type_simple{
  margin: 20px auto 18px;
  width: calc(100% - 60px);
  display:flex;
  justify-content:center;
  align-items:center;

  padding: 0 20px;
  border-radius: 999px;

  font-size: 14px;
  font-weight: 800;

  transform: none;
}

.top-position .woocommerce ul.products li.product:hover a.button,
.top-position .woocommerce ul.products li.product:hover a.add_to_cart_button,
.top-position .woocommerce ul.products li.product:hover a.product_type_simple{
  transform: none;
}

/* (оставлено как последнее, как у тебя) */
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3{
  padding: .5em 0;
  margin: 0 10px;
  font-size: 1.2em;
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] TOP GRID — FIX: price left, qty right, button centered full width (last) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] CORE TILE SLIDER — CLEAN & WORKING --- */
/* =====================================
   CORE TILE SLIDER — CLEAN & WORKING
===================================== */
.neoCoreSlider2026{ overflow:hidden; }

.neoCoreSlider2026__wrap{
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.neoCoreSlider2026__slides{
  position: relative;
  width: 100%;
  height: 100%;
}

.neoCoreSlide2026{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;

  opacity: 0;
  transition: opacity .45s ease;
  pointer-events: none;
}

.neoCoreSlide2026.is-active{
  opacity: 1;
  pointer-events: auto;
}

.neoCoreSlide2026__bg{
  position: absolute;
  inset: 0;
  z-index: 1;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  filter: saturate(1.05) contrast(1.02);
  transform: scale(1.02);
}

.neoCoreSlide2026::after{
  content:"";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  background:
    radial-gradient(900px 600px at 20% 20%, rgba(255,60,60,.22), rgba(0,0,0,0) 55%),
    radial-gradient(900px 700px at 70% 80%, rgba(255,0,150,.16), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.42));
}

.neoCoreSlide2026__label,
.neoCoreSlide2026__mini{
  position: absolute;
  z-index: 3;
}

.neoCoreSlide2026__label{
  top: 18px;
  left: 18px;
  right: 18px;

  display: inline-flex;
  width: fit-content;
  max-width: 100%;

  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);

  font-weight: 900;
  letter-spacing: .6px;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(255,255,255,.92);
}

.neoCoreSlide2026__mini{
  left: 18px;
  right: 18px;
  bottom: 18px;

  padding: 14px 14px;
  border-radius: 16px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);

  font-size: 14px;
  line-height: 1.25;
  font-weight: 800;
  color: rgba(255,255,255,.88);
}

.neoCoreSlider2026__nav{
  position: absolute;
  top: 14px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  z-index: 5;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);

  cursor: pointer;
  opacity: .92;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease;
}
.neoCoreSlider2026__nav:hover{
  transform: translateY(-1px);
  background: rgba(0,0,0,.32);
  border-color: rgba(255,255,255,.18);
  opacity: 1;
}
.neoCoreSlider2026__nav--prev{ left: 14px; }
.neoCoreSlider2026__nav--next{ right: 14px; }

.neoCoreSlider2026__dots{
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 6;

  display: flex;
  gap: 8px;

  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
}

.neoCoreSlider2026__dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 0;
  padding: 0;
  cursor: pointer;

  background: rgba(255,255,255,.35);
  transition: width .2s ease, background .2s ease;
}
.neoCoreSlider2026__dot.is-active{
  width: 20px;
  background: rgba(255,255,255,.85);
}

@media (max-width:560px){
  .neoCoreSlider2026__nav{ display:none; }
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] CORE TILE SLIDER — CLEAN & WORKING --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] WOO SINGLE PRODUCT — WOLF CONFIGURATOR (Ferrari UI 2026) --- */
/* =========================================================
   WOO SINGLE PRODUCT — WOLF CONFIGURATOR (Ferrari UI 2026)
   Scope: .pgPdp2026 / .wolf-product / .wolf-config / .wolf-cart
========================================================= */

.pgPdp2026{ padding: 28px 0 10px; }

.pgPdp2026__product{ margin: 0; }

.pgPdp2026__grid{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 24px;
  align-items: start;
}

.pgPdp2026__media,
.pgPdp2026__summary,
.pgPdp2026__tabs{
  border-radius: 28px;
}

.pgPdp2026__media{
  padding: 18px;
}

.pgPdp2026__summary{
  padding: 22px;
}

.pgPdp2026__title{
  font-size: 52px;
  line-height: 1.02;
  letter-spacing: -1px;
  font-weight: 1000;
  margin: 0 0 16px;
}

/* Gallery (Woo default markup) */
.pgPdp2026__media .woocommerce-product-gallery{
  margin: 0 !important;
}
.pgPdp2026__media .woocommerce-product-gallery__trigger{
  display: none !important;
}
body.single-product .woocommerce-product-gallery__trigger,
body.single-product .wolf-pdp-left .woocommerce-product-gallery__trigger{
  display: none !important;
}
.pgPdp2026__media .woocommerce-product-gallery__wrapper{
  margin: 0 !important;
}
.pgPdp2026__media .woocommerce-product-gallery__image,
.pgPdp2026__media .woocommerce-product-gallery__image a{
  display:block;
}
.pgPdp2026__media .woocommerce-product-gallery__image img{
  width: 100% !important;
  height: auto !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 70px rgba(0,0,0,.55);
}

/* thumbs */
.pgPdp2026__media .flex-control-nav.flex-control-thumbs{
  margin: 14px 0 0 !important;
  display:flex;
  gap: 10px;
  list-style: none !important;
  padding: 0 !important;
}
body.single-product ol.flex-control-nav.flex-control-thumbs,
body.single-product .wolf-pdp-left ol.flex-control-nav.flex-control-thumbs{
  list-style: none !important;
  list-style-type: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.pgPdp2026__media .flex-control-nav.flex-control-thumbs li{
  width:auto !important;
  float:none !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.single-product ol.flex-control-nav.flex-control-thumbs > li,
body.single-product .wolf-pdp-left ol.flex-control-nav.flex-control-thumbs > li{
  list-style: none !important;
  list-style-type: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.pgPdp2026__media .flex-control-nav.flex-control-thumbs img{
  width: 70px;
  height: 54px;
  object-fit: cover;
  border-radius: 14px;
  opacity: .75;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
}
.pgPdp2026__media .flex-control-nav.flex-control-thumbs img.flex-active,
.pgPdp2026__media .flex-control-nav.flex-control-thumbs img:hover{
  opacity: 1;
  border-color: rgba(255,255,255,.22);
}
.flex-control-nav {
  display: flex;
  gap: 10px;
  padding: 0;
}
/* Configurator blocks */
.wolf-config{ display:grid; gap: 14px; margin: 14px 0 6px; }

.wolf-field{
  display:grid;
  gap: 8px;
}

.wolf-label{
  font-weight: 800;
  color: rgba(255,255,255,.82);
  letter-spacing: .02em;
}

/* selects + inputs */
.wolf-select,
.wolf-config select,
.wolf-config input[type="text"],
.wolf-config input[type="number"],
.wolf-config input[type="tel"],
.wolf-config input[type="email"],
.wolf-config input[type="url"]{
  width: 94%;
  height: 54px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  padding: 0 16px;
  font-weight: 900;
  outline: none;
  backdrop-filter: blur(14px);
}

.wolf-select:focus,
.wolf-config select:focus,
.wolf-config input:focus{
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 0 0 3px rgba(255,60,60,.12);
}

/* Arrow for select */
.wolf-select,
.wolf-config select{
  -webkit-appearance: none;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,.70) 50%),
    linear-gradient(135deg, rgba(255,255,255,.70) 50%, transparent 50%);
  background-position:
    calc(100% - 22px) 50%,
    calc(100% - 16px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 44px;
}

/* Woo price block (if printed by plugin inside configurator) */
.wolf-product .price,
.wolf-product .woocommerce-Price-amount{
  color: rgba(255,255,255,.92);
}

/* Add-to-cart form */
.wolf-cart{ margin-top: 16px; }

.wolf-actions{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
}

.wolf-btn{
  height: 52px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.92) !important;
  font-weight: 1000 !important;
  letter-spacing: .2px;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.wolf-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.09) !important; }

.wolf-btn--primary{
  background: linear-gradient(90deg, rgba(255,60,60,.95), rgba(255,0,120,.72)) !important;
  border-color: rgba(255,255,255,.20) !important;
  box-shadow: 0 18px 70px rgba(255,60,60,.12);
}

.wolf-btn--secondary{ background: rgba(255,255,255,.05) !important; }

/* Tabs card */
.pgPdp2026__tabs{ margin-top: 18px; padding: 18px; }
.pgPdp2026__tabs .woocommerce-tabs ul.tabs{
  margin: 0 0 14px !important;
  padding: 0 !important;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  border: 0 !important;
}
.pgPdp2026__tabs .woocommerce-tabs ul.tabs li{
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.pgPdp2026__tabs .woocommerce-tabs ul.tabs li a{
  display:inline-flex;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.86);
  font-weight: 900;
  text-decoration:none;
}
.pgPdp2026__tabs .woocommerce-tabs ul.tabs li.active a,
.pgPdp2026__tabs .woocommerce-tabs ul.tabs li a:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.18);
  color: rgba(255,255,255,.95);
}
.pgPdp2026__tabs .woocommerce-Tabs-panel{
  margin: 0 !important;
  color: rgba(255,255,255,.78);
}

/* Responsive */
@media (max-width: 980px){
  .pgPdp2026__grid{ grid-template-columns: 1fr; gap: 18px; }
  .pgPdp2026__title{ font-size: 40px; }
  .wolf-actions{ grid-template-columns: 1fr; }
}










/* LOGO FIX — показывать полностью, без обрезки */
.pgBrand2026__logo img,
.pgBrand2026__logo .custom-logo{
  width: auto !important;
  height: 42px !important;
  max-width: 180px;          /* можно 220 если надо */
  object-fit: contain !important;
  border-radius: 0 !important; /* чтобы не резало углами */
  display: block;
}










/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] WOO SINGLE PRODUCT — WOLF CONFIGURATOR (Ferrari UI 2026) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] WOO PRODUCT CARDS (fix “washed premium”) --- */
/* ========= WOO PRODUCT CARDS (fix “washed premium”) ========= */
html.light{
  --cardBg: rgba(255,255,255,.74);
  --cardStroke: rgba(12,18,32,.10);
  --cardStroke2: rgba(12,18,32,.16);
  --txt1: rgba(11,14,22,.93);
  --txt2: rgba(11,14,22,.70);
  --txt3: rgba(11,14,22,.54);
}

html.light ul.products li.product{
  background:
    radial-gradient(900px 420px at 20% 0%, rgba(255,45,122,.10), transparent 60%),
    radial-gradient(900px 420px at 100% 0%, rgba(140,80,255,.09), transparent 62%),
    var(--cardBg) !important;
  border: 1px solid var(--cardStroke) !important;
  box-shadow:
    0 22px 80px rgba(12,18,32,.14),
    0 0 0 1px rgba(255,255,255,.55) inset !important;
}

html.light ul.products li.product:hover{
  border-color: var(--cardStroke2) !important;
  box-shadow:
    0 30px 110px rgba(12,18,32,.18),
    0 0 0 1px rgba(255,255,255,.60) inset !important;
}

html.light ul.products li.product .woocommerce-loop-product__title{
  color: var(--txt1) !important;
  text-shadow: none !important;
}
html.light ul.products li.product .price{
  color: var(--txt1) !important;
}
html.light ul.products li.product .pg-min-qty,
html.light ul.products li.product .qty,
html.light ul.products li.product .quantity,
html.light ul.products li.product .min-qty{
  color: var(--txt2) !important;
}

/* button: premium “capsule” (not flat) */
html.light ul.products li.product a.button,
html.light ul.products li.product a.add_to_cart_button,
html.light ul.products li.product a.product_type_simple{
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.58)) !important;
  border: 1px solid rgba(12,18,32,.12) !important;
  color: rgba(11,14,22,.92) !important;
  box-shadow:
    0 12px 34px rgba(12,18,32,.12),
    0 0 0 1px rgba(255,255,255,.60) inset !important;
}
html.light ul.products li.product:hover a.button,
html.light ul.products li.product:hover a.add_to_cart_button,
html.light ul.products li.product:hover a.product_type_simple{
  background: linear-gradient(90deg, rgba(255,45,122,.92), rgba(140,80,255,.62)) !important;
  border-color: rgba(255,255,255,.34) !important;
  color:#fff !important;
  box-shadow:
    0 22px 70px rgba(255,45,122,.22),
    0 0 0 1px rgba(255,255,255,.16) inset !important;
}

/* your TOP-POSITION price was forced white with !important in dark blocks — override it */
html.light .top-position .woocommerce ul.products li.product .price{
  color: rgba(11,14,22,.84) !important;
}
html.light .top-position .woocommerce ul.products li.product .price::after{
  color: rgba(11,14,22,.55) !important;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] WOO PRODUCT CARDS (fix “washed premium”) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Content area “soft fade” --- */
/* --- Content area “soft fade” --- */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price,
ul.products li.product a.button{
  position:relative;
  z-index:2;
}

ul.products li.product .woocommerce-loop-product__title{
  margin: 4px 0 10px;
  padding: 0 16px;
  font-weight: 1000;
  letter-spacing: -.35px;
  line-height: 1.12;
  font-size: 18px;
  color: var(--txt1);

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 42px;
}

ul.products li.product .price{
  margin: 0 0 8px;
  padding: 0 16px;
  font-weight: 1000;
  font-size: 18px;
  color: var(--txt1);
}
ul.products li.product .price del{ opacity:.55; }
ul.products li.product .price ins{ text-decoration:none; }

ul.products li.product .pg-min-qty,
ul.products li.product .qty,
ul.products li.product .quantity,
ul.products li.product .min-qty{
  padding: 0 16px;
  margin: 0 0 10px;
  color: var(--txt2);
  font-weight: 750;
  font-size: 13px;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Content area “soft fade” --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] WOW FIX — less rainbow, stable button (last) --- */
/* =====================================
   WOW FIX — less rainbow, stable button (last)
===================================== */
.top-position .woocommerce ul.products li.product::before{
  opacity: .0 !important;
}
.top-position .woocommerce ul.products li.product:hover::before{
  opacity: .55 !important;
}

.top-position .woocommerce ul.products li.product::after{
  opacity: 0 !important;
  filter: blur(16px) saturate(1.0) !important;
}
.top-position .woocommerce ul.products li.product:hover::after{
  opacity: .35 !important;
}

:root{
  --wow-a: rgba(255,60,60,.85);
  --wow-b: rgba(255,0,150,.55);
  --wow-c: rgba(255,60,60,.20);
  --wow-d: rgba(255,60,60,.10);
}

.top-position .woocommerce ul.products li.product a.button,
.top-position .woocommerce ul.products li.product a.add_to_cart_button,
.top-position .woocommerce ul.products li.product a.product_type_simple{
  transform: none !important;
  will-change: auto !important;
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: none !important;
}

.top-position .woocommerce ul.products li.product:hover a.button,
.top-position .woocommerce ul.products li.product:hover a.add_to_cart_button,
.top-position .woocommerce ul.products li.product:hover a.product_type_simple{
  background: linear-gradient(90deg, rgba(255,60,60,.85), rgba(255,0,150,.45)) !important;
  box-shadow: 0 18px 70px rgba(255,60,60,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
}

.top-position .woocommerce ul.products li.product a.button::before{
  opacity: .0 !important;
}
.top-position .woocommerce ul.products li.product:hover a.button::before{
  opacity: .55 !important;
}

.top-position .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-top: 6px !important;
}
.top-position .woocommerce ul.products li.product .price{
  margin-bottom: 10px !important;
}

.top-position .woocommerce ul.products li.product a img{
  box-shadow: 0 16px 70px rgba(0,0,0,.55) !important;
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] WOW FIX — less rainbow, stable button (last) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Footer --- */
/* ================= Footer ================= */
.pgF2026{
  margin-top: 36px;
  padding: 42px 0;
  border-top: 1px solid rgba(255,255,255,.06);
  background: rgba(0,0,0,.22);
  backdrop-filter: blur(18px);
}
.pgF2026__grid{
  display:grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 18px;
}
.pgF2026__brand{ display:flex; gap:10px; align-items:center; }
.pgF2026__dot{ width:14px; height:14px; border-radius:6px; background: linear-gradient(135deg,#ff3c3c,#ff007a); }
.pgF2026__text{ margin:0; opacity:.72; line-height:1.4; }
.pgF2026__h{ font-weight:1000; margin-bottom: 10px; }
.pgF2026__link{
  display:block;
  margin: 8px 0;
  color: rgba(255,255,255,.78);
  text-decoration:none;
}
.pgF2026__link:hover{ color:#fff; }
.pgF2026__mini{ display:flex; gap: 12px; margin-top: 14px; flex-wrap:wrap; }
.pgF2026__pill{
  display:inline-flex;
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  font-weight: 900;
  font-size: 13px;
  opacity: .9;
}
.pgF2026__bottom{
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
  opacity:.8;
}
.neoCats2026__grid {
  display: flex!important;
      flex-wrap: nowrap!important;
}
/* Responsive (очищено от старых grid-настроек searchRow) */
@media (max-width:1100px){
  .neoGrid2026{ grid-template-columns: 1fr; }
  .neoStats2026{ grid-template-columns: 1fr; }
  .neoCats2026__grid{ grid-template-columns: repeat(2,1fr); }
  .pgF2026__grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width:560px){
  .pgH2026__top{ flex-direction: column; align-items:flex-start; }
  .neoCats2026__grid{ grid-template-columns: 1fr; }
  .pgF2026__grid{ grid-template-columns: 1fr; }
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Footer --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] FOOTER (not dead gray) --- */
/* ========= FOOTER (not dead gray) ========= */
html.light .pgF2026{
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(255,45,122,.10), transparent 60%),
    radial-gradient(900px 420px at 100% 0%, rgba(80,170,255,.10), transparent 62%),
    rgba(255,255,255,.60);
  border-top: 1px solid rgba(12,18,32,.08);
}
html.light .pgF2026__link{ color: rgba(11,14,22,.78); }
html.light .pgF2026__link:hover{ color: rgba(11,14,22,.95); }




















#pgCatalogMenu.pg-catalog-menu {
    position: fixed;
    border-radius: 26px;
    background: rgba(10, 10, 18, .78);
    backdrop-filter: blur(22px);
    border: 1.5px solid #ff00001a;
    box-shadow: 0 0 8px #ff004ac9, 0 0 22px #ff0000, 0 0 60px rgba(200, 0, 255, .6), 0 0 120px rgb(255 0 0 / 3%), 0 50px 140px rgba(0, 0, 0, .9);
}






















/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] FOOTER (not dead gray) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] neoPanel2026 (front-page.php) --- */
/* Right panels */
.neoRight2026{ display:grid; gap: 18px; }
.neoPanel2026{
  background: var(--glass);
  border: 1px solid var(--stroke);
  border-radius: 28px;
  backdrop-filter: blur(20px);
  box-shadow: var(--shadow);
  padding: 19px;
  position:relative;
  overflow:hidden;
}
.neoPanel2026__head{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom: 12px;
}
.neoPanel2026__title{ font-weight:1000; }
.neoPill2026{
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  font-weight: 900;
  font-size: 13px;
}
.neoQuick2026{
  display:flex; align-items:center; justify-content:space-between;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.08);
  text-decoration:none;
  color: rgba(255,255,255,.92);
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
  margin: 10px 0;
}
.neoQuick2026:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
}
.neoQuick2026 b{ display:block; font-weight:1000; }
.neoQuick2026 small{ display:block; opacity:.72; margin-top: 4px; }
.neoTag2026{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,60,60,.14);
  font-weight: 1000;
  font-size: 12px;
}
.neoTag2026--pro{ background: rgba(90,130,255,.14); }
.neoTag2026--fast{ background: rgba(0,255,180,.12); }

.neoB2B2026{ color: rgba(255,255,255,.74); font-weight: 650; margin: 10px 0 14px; }


/* Cats row */
.neoCats2026{ margin-top: 18px; }
.neoCats2026__head{ margin: 10px 0 12px; }
.neoCats2026__title{ font-weight:1000; font-size: 18px; }
.neoCats2026__sub{ opacity: .72; font-weight: 650; margin-top: 4px; }

.neoCats2026__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}
.neoCat2026{
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  text-decoration:none;
  color: rgba(255,255,255,.92);
  transition: transform .2s ease, background .2s ease;
}
.neoCat2026:hover{ transform: translateY(-2px); background: rgba(255,255,255,.06); }
.neoCat2026 b{ font-weight: 1000; display:block; }
.neoCat2026 small{ opacity:.75; margin-top: 8px; display:block; }


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] neoPanel2026 (front-page.php) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Image --- */
/* --- Image --- */
ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product a.woocommerce-loop-product__link{
  display:block;
  text-decoration:none;
  color: inherit;
}

ul.products li.product a img{
  width: calc(100% - 24px);
  margin: 12px;
  border-radius: 22px;
  display:block;

  aspect-ratio: 4 / 3;
  object-fit: cover;

  box-shadow: 0 16px 70px rgba(0,0,0,.45);
  transform: translateZ(26px);
  transition: transform .22s ease, filter .22s ease;
}
ul.products li.product:hover a img{
  transform: translateZ(26px) scale(1.035);
  filter: saturate(1.08) contrast(1.03);
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Image --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Button WOW --- */
/* --- Button WOW --- */
ul.products li.product a.button,
ul.products li.product a.add_to_cart_button,
ul.products li.product a.product_type_simple{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;

  margin: 12px 12px 14px !important;
  height: 48px;
  border-radius: 18px;

  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  font-weight: 1000;
  text-decoration:none;

  transform: translateZ(18px);
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease, border-color .2s ease;
  position:relative;
  overflow:hidden;
}

/* shimmer line */
ul.products li.product a.button::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(120deg,
    transparent 0%,
    rgba(255,255,255,.16) 25%,
    transparent 48%);
  transform: translateX(-120%);
  opacity: 0;
  transition: transform .6s ease, opacity .2s ease;
  pointer-events:none;
}

ul.products li.product:hover a.button{
  background: linear-gradient(90deg, rgba(255,60,60,.92), rgba(255,0,150,.70), rgba(90,130,255,.40));
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 24px 90px rgba(255,60,60,.12);
  transform: translateZ(18px) translateY(-1px);
}
ul.products li.product:hover a.button::before{
  opacity: .9;
  transform: translateX(120%);
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Button WOW --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Micro badges: TOP / NEW --- */
/* --- Micro badges: TOP / NEW --- */
ul.products li.product .onsale{
  top: 18px !important;
  left: 18px !important;
  right:auto !important;

  padding: 8px 11px !important;
  border-radius: 999px !important;

  background: rgba(0,0,0,.48) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;

  font-weight: 1000 !important;
  letter-spacing:.5px !important;
  text-transform: uppercase;
}

/* auto "TOP" / "NEW" pill (we add via JS data attribute) */
ul.products li.product .pgPillMark2026{
  position:absolute;
  top: 18px;
  left: 18px;
  z-index: 3;

  padding: 8px 11px;
  border-radius: 999px;

  background: rgba(0,0,0,.48);
  border: 1px solid rgba(255,255,255,.16);
  color:#fff;

  font-weight: 1000;
  letter-spacing:.55px;
  text-transform: uppercase;
  display:none;
}
ul.products li.product.pgMarkTop2026 .pgPillMark2026{ display:inline-flex; }
ul.products li.product.pgMarkNew2026 .pgPillMark2026{ display:inline-flex; }


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Micro badges: TOP / NEW --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] Focus ring for “selected” feel --- */
/* --- Focus ring for “selected” feel --- */
ul.products li.product.is-focus{
  border-color: rgba(255,255,255,.22);
  box-shadow:
    0 44px 160px rgba(0,0,0,.64),
    0 0 0 1px rgba(255,255,255,.08) inset;
}

/* reduce motion */
@media (prefers-reduced-motion: reduce){
  ul.products li.product,
  ul.products li.product a img,
  ul.products li.product a.button{
    transition:none !important;
  }
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] Focus ring for “selected” feel --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] AUTO-FIT: уменьшаем плотность под высоту экрана --- */
/* ===== AUTO-FIT: уменьшаем плотность под высоту экрана ===== */
#pgCatalogMenu .pg-cat-alpha{
  display: grid;
  /* 3 колонки базово */
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 1.6vh, 22px);
}

/* 4 колонки на широких экранах */
@media (min-width: 1360px){
  #pgCatalogMenu .pg-cat-alpha{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* 5 колонок на очень широких */
@media (min-width: 1700px){
  #pgCatalogMenu .pg-cat-alpha{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

/* плотнее вертикаль */
#pgCatalogMenu .pg-cat-alpha__col{
  gap: clamp(4px, 0.8vh, 10px);
  align-content: start;
}

#pgCatalogMenu .pg-cat-alpha__row{
  grid-template-columns: 22px 1fr;
  column-gap: 8px;
}

#pgCatalogMenu .pg-cat-alpha__badge{
  width: 20px;
  height: 20px;
  font-size: 12px;
}

/* главный ключ: шрифт и межстрочка завязаны на высоту экрана */
#pgCatalogMenu .pg-cat-alpha__link{
  font-size: clamp(12px, 1.45vh, 15px);
  line-height: clamp(1.12, 1.25, 1.32);
  text-decoration: none;
}

#pgCatalogMenu .pg-cat-alpha__link:hover{
  text-decoration: underline;
}
/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] AUTO-FIT: уменьшаем плотность под высоту экрана --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] СЕТКА КАК В ПРИМЕРЕ: 4 КОЛОНКИ И ПЛОТНО --- */
/* ===== СЕТКА КАК В ПРИМЕРЕ: 4 КОЛОНКИ И ПЛОТНО ===== */
#pgCatalogMenu .pg-cat-alpha{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important; /* ключ к вместимости */
  gap: 12px 18px !important; /* row-gap / col-gap */
  align-content: start !important;
}

/* если экран очень широкий — 5 колонок (ещё меньше высота) */
@media (min-width: 1700px){
  #pgCatalogMenu .pg-cat-alpha{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px 18px !important;
  }
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] СЕТКА КАК В ПРИМЕРЕ: 4 КОЛОНКИ И ПЛОТНО --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] УПЛОТНЯЕМ СТРОКИ --- */
/* ===== УПЛОТНЯЕМ СТРОКИ ===== */
#pgCatalogMenu .pg-cat-alpha__col{
  display: grid !important;
  gap: 3px !important;
  align-content: start !important;
}

#pgCatalogMenu .pg-cat-alpha__row{
  display: grid !important;
  grid-template-columns: 18px 1fr !important;
  column-gap: 8px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* буква-бейдж как в примере: маленький, компактный */
#pgCatalogMenu .pg-cat-alpha__badge{
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* ссылки: ключ к вместимости — font+line-height */
#pgCatalogMenu .pg-cat-alpha__link{
  font-size: 13px !important;
  line-height: 1.12 !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;           /* чтобы не переносилось и не раздувало высоту */
  overflow: hidden !important;
  text-overflow: ellipsis !important;       /* если очень длинное — обрежет */
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] УПЛОТНЯЕМ СТРОКИ --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] ЛЕВЫЙ САЙДБАР: тоже чуть плотнее (как в примере) --- */
/* ===== ЛЕВЫЙ САЙДБАР: тоже чуть плотнее (как в примере) ===== */
#pgCatalogMenu .pg-catalog-sidebar h4{
  margin: 0 0 7px 2px !important;
  padding: 0 !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

#pgCatalogMenu .pg-catalog-text{
  margin: 0 0 8px !important;
  padding: 0 !important;
  display: grid !important;
  gap: 5px !important;
}

#pgCatalogMenu .pg-catalog-text li{
  margin: 0 !important;
  
}

#pgCatalogMenu .pg-catalog-text a{
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 42px !important;
  padding: 6px 9px !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(0,0,0,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#pgCatalogMenu .pg-catalog-text a:hover,
#pgCatalogMenu .pg-catalog-text a.active{
  border-color: rgba(255,43,117,.34) !important;
  background:
    linear-gradient(135deg, rgba(255,43,117,.20), rgba(156,23,217,.11)),
    rgba(255,255,255,.045) !important;
}

#pgCatalogMenu .pg-catalog-text a .pg-ico{
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

#pgCatalogMenu .pg-catalog-text a.active .pg-ico{
  background: rgba(255,43,117,.18) !important;
  border-color: rgba(255,43,117,.30) !important;
}

/* если высота экрана небольшая — ещё плотнее */
@media (max-height: 860px){
  #pgCatalogMenu .pg-catalog-inner{ padding: 12px !important; gap: 12px !important; }
  #pgCatalogMenu .pg-catalog-content{ padding: 8px 10px !important; }
  #pgCatalogMenu .pg-cat-alpha{ gap: 10px 16px !important; }
  #pgCatalogMenu .pg-cat-alpha__col{ gap: 2px !important; }
  #pgCatalogMenu .pg-cat-alpha__link{ font-size: 12.5px !important; line-height: 1.08 !important; }
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] ЛЕВЫЙ САЙДБАР: тоже чуть плотнее (как в примере) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [front-page.php] EXACT NEON FRAME LIKE SCREENSHOT --- */
/* =====================================
   EXACT NEON FRAME LIKE SCREENSHOT
===================================== */

#pgCatalogMenu.pg-catalog-menu{
  position: fixed;
  border-radius: 26px;
  background:
    radial-gradient(1200px 780px at 78% 95%, rgba(117,35,255,.24), transparent 58%),
    radial-gradient(950px 680px at 24% 0%, rgba(255,56,110,.18), transparent 58%),
    #090b12;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;

  /* тонкая яркая рамка */
  border: 1.5px solid #d000ff;

box-shadow:
  0 0 8px #d000ff,
  0 0 22px #ff00ff,
  0 0 60px rgba(200,0,255,.6),
  0 0 120px rgba(120,0,255,.45),
  0 50px 140px rgba(0,0,0,.9);
}


















/* FIX: убрать тень под поиском */
.pgSearch2026::before{
  display:none !important;
}

.pgH2026{
  border-bottom: 1px solid rgba(255,255,255,.02); /* почти невидимо */
}













/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [front-page.php] EXACT NEON FRAME LIKE SCREENSHOT --- */

/* ===== КОНЕЦ СТИЛЕЙ ФАЙЛА front-page.php ===== */

/* ===== НАЧАЛО СТИЛЕЙ ФАЙЛА page-catalog.php ===== */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-catalog.php] CATALOG PAGE 2026 (NEW) --- */
/* ================================
   CATALOG PAGE 2026 (NEW)
   scope: .pgCatalogPage2026
================================ */

.pgCatalogPage2026{ padding-bottom: 26px; }

.pgCatalogHero2026{ padding-top: 18px; }
.pgCatalogHeroCard2026{ padding: 22px; border-radius: 28px; }

.pgCatalogHeroCard2026__inner{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
  align-items: start;
}
.pgCatalogHeroCard2026__mini{
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
}
.pgCatalogMini2026__title{ font-weight: 1000; margin-bottom: 8px; }
.pgCatalogMini2026__txt{ opacity: .78; font-weight: 650; line-height: 1.35; }

.pgCatalogLayout2026{ padding: 18px 0 12px; }

.pgCatalogGrid2026{
  display:grid;
  grid-template-columns: 360px 1fr;
  gap: 16px;
  padding: 16px;
  border-radius: 22px;
  height: auto;
  min-height: 0;
  overflow: visible;
  align-items: start;
}

/* Paid artwork review in My Account. */
.woocommerce-account .ip-artwork-customer{
  width: 100%;
  margin: 32px 0 0;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 8px;
  background: #101116;
  color: rgba(255,255,255,.82);
}

.woocommerce-account .ip-artwork-customer__head,
.woocommerce-account .ip-artwork-card__head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.woocommerce-account .ip-artwork-customer__head span{
  color: #f31b76;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.woocommerce-account .ip-artwork-customer__head h2,
.woocommerce-account .ip-artwork-card__head h3{
  margin: 5px 0 0;
  color: #fff;
  letter-spacing: 0;
}

.woocommerce-account .ip-artwork-customer__head h2{
  font-size: 28px;
  line-height: 1.15;
}

.woocommerce-account .ip-artwork-customer__head > strong{
  flex: 0 0 auto;
  padding: 9px 12px;
  border: 1px solid rgba(41,202,126,.36);
  border-radius: 6px;
  background: rgba(41,202,126,.09);
  color: #72e3aa;
  font-size: 13px;
}

.woocommerce-account .ip-artwork-customer__intro{
  max-width: 920px;
  margin: 14px 0 22px;
  color: rgba(255,255,255,.66);
  line-height: 1.6;
}

.woocommerce-account .ip-artwork-card{
  margin-top: 16px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.12);
  border-left: 3px solid #f31b76;
  border-radius: 8px;
  background: #17181e;
}

.woocommerce-account .ip-artwork-card__head h3{
  font-size: 20px;
  line-height: 1.25;
}

.woocommerce-account .ip-artwork-card__head small{
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.5);
}

.woocommerce-account .ip-artwork-status{
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(243,27,118,.34);
  border-radius: 999px;
  background: rgba(243,27,118,.1);
  color: #ff72b2;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.woocommerce-account .ip-artwork-files,
.woocommerce-account .ip-artwork-quote{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 16px 0;
  padding: 13px 14px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 6px;
  background: #111217;
}

.woocommerce-account .ip-artwork-files a,
.woocommerce-account .ip-artwork-message__link{
  color: #ff5b9f;
  text-decoration: none;
}

.woocommerce-account .ip-artwork-thread{
  display: grid;
  gap: 10px;
  margin: 18px 0;
}

.woocommerce-account .ip-artwork-message{
  max-width: min(82%, 780px);
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 7px;
  background: #0f1014;
}

.woocommerce-account .ip-artwork-message--manager{
  border-left: 3px solid #f31b76;
}

.woocommerce-account .ip-artwork-message--customer{
  margin-left: auto;
  border-right: 3px solid #438dff;
  background: #111722;
}

.woocommerce-account .ip-artwork-message--system{
  color: rgba(255,255,255,.62);
  background: #1c1d22;
}

.woocommerce-account .ip-artwork-message__meta{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 7px;
  font-size: 12px;
}

.woocommerce-account .ip-artwork-message__meta time{
  color: rgba(255,255,255,.45);
}

.woocommerce-account .ip-artwork-message__text{
  overflow-wrap: anywhere;
  line-height: 1.55;
}

.woocommerce-account .ip-artwork-message__link{
  display: inline-block;
  margin-top: 8px;
}

.woocommerce-account .ip-artwork-quote{
  align-items: flex-end;
  justify-content: space-between;
  border-color: rgba(255,184,62,.28);
}

.woocommerce-account .ip-artwork-quote > div{
  display: grid;
  gap: 4px;
}

.woocommerce-account .ip-artwork-quote > div > span,
.woocommerce-account .ip-artwork-quote small{
  color: rgba(255,255,255,.56);
}

.woocommerce-account .ip-artwork-quote > div > strong{
  color: #ffcf76;
  font-size: 20px;
}

.woocommerce-account .ip-artwork-actions{
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 14px;
  align-items: start;
  margin-top: 18px;
}

.woocommerce-account .ip-artwork-customer__message,
.woocommerce-account .ip-artwork-approval,
.woocommerce-account .ip-artwork-risk{
  padding: 16px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 7px;
  background: #111217;
}

.woocommerce-account .ip-artwork-customer__message label{
  display: grid;
  gap: 7px;
  margin-bottom: 13px;
  color: rgba(255,255,255,.78);
  font-weight: 700;
}

.woocommerce-account .ip-artwork-customer__message textarea,
.woocommerce-account .ip-artwork-customer__message input[type="url"]{
  width: 100%;
  margin: 0;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 6px;
  background: #0b0c10;
  color: #fff;
}

.woocommerce-account .ip-artwork-customer__message small{
  color: rgba(255,255,255,.48);
  font-weight: 400;
  line-height: 1.45;
}

.woocommerce-account .ip-artwork-actions__buttons{
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.woocommerce-account .ip-artwork-actions .button,
.woocommerce-account .ip-artwork-quote .button{
  min-height: 42px;
  padding: 10px 15px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 6px;
  background: #1b1c21;
  color: #fff;
  font-weight: 800;
}

.woocommerce-account .ip-artwork-actions .button.alt,
.woocommerce-account .ip-artwork-quote .button.alt{
  border-color: transparent;
  background: linear-gradient(90deg, #ff365f, #d40071);
}

.woocommerce-account .ip-artwork-confirm{
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 13px;
  line-height: 1.45;
}

.woocommerce-account .ip-artwork-confirm input{
  flex: 0 0 auto;
  margin-top: 4px;
}

.woocommerce-account .ip-artwork-risk{
  grid-column: 1 / -1;
  border-color: rgba(255,75,75,.27);
}

.woocommerce-account .ip-artwork-risk summary{
  cursor: pointer;
  color: #ff8787;
  font-weight: 800;
}

.woocommerce-account .ip-artwork-risk form{
  margin-top: 14px;
}

.woocommerce-account .ip-artwork-button--danger{
  border-color: #c73939 !important;
  background: #8e2424 !important;
}

.woocommerce-account .ip-artwork-approved{
  margin-top: 18px;
  padding: 14px;
  border: 1px solid rgba(41,202,126,.34);
  border-radius: 6px;
  background: rgba(41,202,126,.08);
  color: #72e3aa;
  font-weight: 800;
}

.woocommerce-account .ip-artwork-empty{
  color: rgba(255,255,255,.5);
}

html.light .woocommerce-account .ip-artwork-customer,
html.light .woocommerce-account .ip-artwork-card,
html.light .woocommerce-account .ip-artwork-customer__message,
html.light .woocommerce-account .ip-artwork-approval,
html.light .woocommerce-account .ip-artwork-risk,
html.light .woocommerce-account .ip-artwork-files,
html.light .woocommerce-account .ip-artwork-quote{
  border-color: rgba(13,18,30,.13);
  background: #fff;
  color: #151823;
}

html.light .woocommerce-account .ip-artwork-card{
  background: #f7f8fb;
}

html.light .woocommerce-account .ip-artwork-customer__head h2,
html.light .woocommerce-account .ip-artwork-card__head h3{
  color: #111522;
}

html.light .woocommerce-account .ip-artwork-customer__intro,
html.light .woocommerce-account .ip-artwork-card__head small{
  color: rgba(13,18,30,.62);
}

@media (max-width: 820px){
  .woocommerce-account .ip-artwork-customer{
    padding: 17px;
  }

  .woocommerce-account .ip-artwork-customer__head,
  .woocommerce-account .ip-artwork-card__head{
    align-items: stretch;
    flex-direction: column;
  }

  .woocommerce-account .ip-artwork-customer__head > strong,
  .woocommerce-account .ip-artwork-status{
    align-self: flex-start;
    white-space: normal;
  }

  .woocommerce-account .ip-artwork-actions{
    grid-template-columns: 1fr;
  }

  .woocommerce-account .ip-artwork-message{
    max-width: 100%;
  }
}

/* Keep the large scrolling catalogue on its own paint layer. Blurring the
   entire growing grid forces the browser to repaint it on every scroll tick. */
.pgCatalogPage2026 .pgCatalogGrid2026.pgGlass2026{
  background: rgba(10,12,16,.94);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  contain: layout paint;
}

.pgCatalogSidebar2026{
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  overflow: visible;
  border-radius: 22px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 12% 8%, rgba(255,43,117,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
}
.pgCatalogSidebar2026__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.pgCatalogSidebar2026__title{
  font-weight:1000;
  font-size: 18px;
  line-height: 1.1;
}

.pgCatalogTabs2026{ list-style:none; margin:0; padding:0; display:grid; gap: 10px; }

.pgCatalogTab2026{
  box-sizing: border-box;
  width: 100%;
  display:grid;
  grid-template-columns: 38px 1fr auto;
  align-items:center;
  gap: 12px;

  min-height: 62px;
  padding: 12px 14px;
  border-radius: 18px;
  cursor:pointer;

  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
  color: rgba(255,255,255,.88);
  text-decoration:none;

  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.pgCatalogTab2026:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
}
.pgCatalogTab2026.is-active{
  background:
    linear-gradient(135deg, rgba(255,43,117,.20), rgba(156,23,217,.11)),
    rgba(255,255,255,.065);
  border-color: rgba(255,43,117,.34);
  box-shadow: 0 14px 40px rgba(0,0,0,.28);
}

.pgCatalogTab2026__ico{
  width: 38px; height: 38px;
  border-radius: 14px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}
.pgCatalogTab2026__name{ font-weight: 1000; text-align:left; line-height: 1.1; }
.pgCatalogTab2026__count{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  font-weight: 900;
  font-size: 12px;
  opacity: .9;
}

.pgCatalogContent2026{
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  overflow: visible;
  border-radius: 18px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
}
.pgCatalogContent2026__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.pgCatalogContent2026__h{ font-weight:1000; font-size: 18px; }

/* Subcategories cards */
.pgCatsGrid2026{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.pgCatCard2026{
  box-sizing: border-box;
  position: relative;
  overflow:hidden;
  border-radius: 22px;
  text-decoration:none;
  color: rgba(255,255,255,.92);

  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.045);
  min-height: 122px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055);

  transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
  content-visibility: auto;
  contain-intrinsic-size: auto 122px;
  contain: layout paint style;
}
.pgCatCard2026:hover{
  transform: translateY(-2px);
  border-color: rgba(255,43,117,.42);
  background: rgba(255,255,255,.065);
  box-shadow: 0 18px 46px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);
}
.pgCatCard2026::after{
  content:"›";
  position:absolute;
  right: 18px;
  top: 50%;
  z-index: 3;
  width: 30px;
  height: 30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.62);
  font-size: 26px;
  line-height: 1;
  transform: translateY(-50%);
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.pgCatCard2026:hover::after{
  border-color: rgba(255,43,117,.42);
  background: rgba(255,43,117,.16);
  color: #fff;
}

.pgCatCard2026__bg{
  position:absolute;
  inset:0;
  background-image: var(--pgbg);
  background-size: cover;
  background-position: center;
  opacity: .58;
  filter: saturate(1.05) contrast(1.02);
  transform: scale(1.01);
  transition: transform .22s ease, opacity .15s ease;
}
.pgCatCard2026.has-unique-fallback .pgCatCard2026__bg{
  background-image:
    radial-gradient(circle at 78% 22%, hsla(var(--pg-hue), 88%, 64%, .42), transparent 32%),
    linear-gradient(135deg,
      hsla(var(--pg-hue), 74%, 34%, .82),
      hsla(calc(var(--pg-hue) + 52), 72%, 20%, .92) 58%,
      rgba(8,9,16,.98)
    );
  opacity: 1;
}
.pgCatCard2026.has-unique-fallback .pgCatCard2026__bg::before{
  content:"";
  position:absolute;
  inset:12% 10%;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(120deg, transparent 0 46%, rgba(255,255,255,.08) 46% 48%, transparent 48% 100%);
  transform:skewX(-8deg);
}
.pgCatCard2026:hover .pgCatCard2026__bg{
  opacity: .68;
  transform: scale(1.045);
}
.pgCatCard2026__bg::after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(760px 240px at 12% 14%, rgba(255,60,120,.24), transparent 58%),
    linear-gradient(90deg, rgba(5,6,12,.88), rgba(5,6,12,.54) 58%, rgba(5,6,12,.22)),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.62));
}

.pgCatCard2026__inner{
  position:relative;
  z-index: 2;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap: 6px;
  padding: 18px 58px 18px 18px;
  min-height: 122px;
}
.pgCatCard2026__title{
  font-weight: 1000;
  letter-spacing: -.2px;
  line-height: 1.15;
  font-size: 18px;
}
.pgCatCard2026__meta{
  opacity:.78;
  font-weight: 700;
  font-size: 12px;
}
.pgCatCard2026__letter,
.pgCatCard2026__mark{
  display: none !important;
}

/* Responsive */
@media (max-width:1100px){
  .pgCatalogHeroCard2026__inner{ grid-template-columns: 1fr; }
  .pgCatalogGrid2026{
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
    overflow: visible;
  }
  .pgCatalogSidebar2026,
  .pgCatalogContent2026{
    overflow: visible;
    scrollbar-gutter: auto;
  }
  .pgCatsGrid2026{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width:560px){
  .pgCatsGrid2026{ grid-template-columns: 1fr; }
}



.pgCatCard2026__bg{
  opacity: 1;
  filter: none;
}

.pgCatCard2026__bg::after{
  display: block;
  background: linear-gradient(180deg,
    transparent 42%,
    rgba(6,4,14,.78) 100%
  );
}

.pgCatCard2026__inner::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg,
    rgba(255,43,117,.0) 0%,
    rgba(255,43,117,.75) 40%,
    rgba(255,43,117,.75) 60%,
    rgba(255,43,117,.0) 100%
  );
  box-shadow: 0 0 12px 2px rgba(255,43,117,.35);
  bottom: auto;
  top: 0;
  z-index: 1;
}

.pgCatCard2026__title{
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.1px;
}

.pgCatCard2026__meta{
  opacity: 1;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,43,117,.9);
  letter-spacing: .4px;
  text-transform: uppercase;
}
.pgCatalogTab2026:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}




/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-catalog.php] CATALOG PAGE 2026 (NEW) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-catalog.php] PRODUCT CATEGORY PAGE 2026 --- */
/* ================================
   PRODUCT CATEGORY PAGE 2026
   taxonomy-product_cat.php
================================ */


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-catalog.php] PRODUCT CATEGORY PAGE 2026 --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-catalog.php] CATEGORY PAGE (clean) --- */
/* ============ CATEGORY PAGE (clean) ============ */
.pgCat { padding-top: 18px; }

/* HERO */
.pgHero{
  position:relative;
  border-radius: 28px;
  overflow:hidden;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 20px 70px rgba(0,0,0,.45);
}

.pgHero__bg{
  position:absolute; inset:0;
  background-image: var(--pgHero);
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
  filter: saturate(1.18) contrast(1.06) brightness(1.08);
  opacity: .92;
}
.pgHero__bg::after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 360px at 12% 18%, rgba(255,60,120,.22), transparent 60%),
    radial-gradient(900px 360px at 88% 30%, rgba(90,130,255,.16), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.62));
}
.pgHero__bg.is-empty{
  background:
    radial-gradient(700px 340px at 20% 20%, rgba(255,60,120,.18), transparent 60%),
    radial-gradient(700px 340px at 80% 70%, rgba(90,130,255,.14), transparent 62%),
    rgba(255,255,255,.03);
  opacity: 1;
}

.pgHero__content{
  position:relative; z-index:2;
  padding: 22px;
}
.pgHero__main{min-width:0}
.pgHero__eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin:22px 0 12px;
  color:#ff4f98;
  font-size:13px;
  font-weight:850;
  text-transform:uppercase;
}
.pgHero__eyebrow::before{
  content:"";
  width:30px;
  height:2px;
  background:#ff2d7a;
}
.pgHero--parent .pgHero__actions .pgBtn{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:rgba(15,16,21,.78);
  color:#fff;
  text-decoration:none;
}
.pgHero--parent .pgHero__actions .pgBtn:hover{
  border-color:rgba(255,79,152,.7);
  background:rgba(255,45,122,.12);
}

/* Parent category hero: compact header; subcategory cards remain below. */
.pgHero--parent{
  min-height:260px;
  border-radius:20px;
  border-color:rgba(255,255,255,.12);
  box-shadow:0 18px 52px rgba(0,0,0,.34);
}
.pgHero--parent .pgHero__bg{
  background-position:78% center;
  opacity:.76;
  filter:saturate(1.04) contrast(1.04) brightness(.82);
}
.pgHero--parent .pgHero__bg::after{
  background:
    linear-gradient(90deg,rgba(8,9,13,.98) 0%,rgba(8,9,13,.94) 43%,rgba(8,9,13,.66) 68%,rgba(8,9,13,.38) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42));
}
.pgHero--parent .pgHero__bg.is-empty{
  background:
    linear-gradient(90deg,#111217 0%,#15131a 68%,#1b1320 100%);
  opacity:1;
}
.pgHero--parent .pgHero__content{
  padding:clamp(24px,3vw,38px);
}
.pgHero--parent .pgHero__layout{
  display:block;
  max-width:880px;
}
.pgHero--parent .pgHero__eyebrow{
  margin:16px 0 10px;
}
.pgHero--parent .pgHero__title{
  max-width:780px;
  margin:0 0 12px;
  font-size:clamp(38px,4vw,56px);
  line-height:1.04;
}
.pgHero--parent .pgHero__desc{
  max-width:760px;
  font-size:16px;
  line-height:1.5;
}
.pgHero--parent .pgHero__desc p{margin:0}
.pgHero--parent .pgHero__actions{
  margin-top:20px;
}
@media(max-width:700px){
  .pgHero--parent{min-height:0;border-radius:16px}
  .pgHero--parent .pgHero__bg{background-position:center;opacity:.38}
  .pgHero--parent .pgHero__bg::after{background:rgba(8,9,13,.82)}
  .pgHero--parent .pgHero__content{padding:20px}
  .pgHero--parent .pgHero__title{font-size:36px}
  .pgHero--parent .pgHero__desc{font-size:15px}
}
.pgHero__title{
  margin: 10px 0 6px;
  font-size: clamp(28px, 3.2vw, 46px);
  letter-spacing: .2px;
}
.pgHero__desc{
  max-width: 860px;
  opacity: .88;
}

/* Existing category feature card stays above products. */
.pgCategoryFeatureIntro{
  padding-top:32px;
}

/* Long category SEO article: intentionally placed after products. */
.pgCategorySeo{
  margin:52px 0 12px;
  border-top:1px solid rgba(255,255,255,.10);
  background:transparent;
}
.pgCategorySeo__inner{
  width:100%;
  max-width:none;
  padding:42px clamp(4px,1vw,16px) 38px;
  color:rgba(255,255,255,.76);
  font-size:16px;
  line-height:1.78;
}
.pgCategorySeo h2,
.pgCategorySeo h3{
  color:rgba(255,255,255,.96);
  letter-spacing:0;
}
.pgCategorySeo h2{
  max-width:900px;
  margin:0 0 26px;
  font-size:clamp(27px,3vw,38px);
  line-height:1.12;
}
.pgCategorySeo h3{
  margin:30px 0 10px;
  font-size:22px;
  line-height:1.25;
}
.pgCategorySeo p{max-width:1180px;margin:0 0 19px}
.pgCategorySeo a{color:#ff4f98;text-underline-offset:3px}
.pgCategorySeo__links{
  padding:14px 16px;
  border-left:3px solid #ff2d7a;
  background:rgba(255,255,255,.035);
}
.pgCategorySeo__catalog{
  max-width:1180px;
  margin:30px 0 34px;
  padding:24px 0 6px;
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}
.pgCategorySeo__catalog > h3{margin-top:0}
.pgCategorySeo__product{
  padding:18px 0;
  border-top:1px solid rgba(255,255,255,.07);
}
.pgCategorySeo__product h4{
  margin:0 0 7px;
  color:rgba(255,255,255,.94);
  font-size:18px;
  line-height:1.3;
  letter-spacing:0;
}
.pgCategorySeo__product p{margin-bottom:0}
.pgCategorySeo__figure{
  width:min(100%,1480px);
  margin:0 0 38px;
}
.pgCategorySeo__figure img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid rgba(255,74,143,.38);
  border-radius:8px;
  background:#090914;
}
.pgCategorySeo__figure figcaption{
  margin-top:10px;
  color:rgba(255,255,255,.58);
  font-size:14px;
  line-height:1.5;
}
.pgCategorySeo__faq{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.pgCategorySeo__faq details{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.18);
}
.pgCategorySeo__faq summary{
  padding:15px 17px;
  color:rgba(255,255,255,.94);
  font-weight:850;
  cursor:pointer;
}
.pgCategorySeo__faq details p{padding:0 17px 16px;margin:0}
@media(max-width:560px){
  .pgCategorySeo{margin-top:28px}
  .pgCategorySeo__inner{padding:26px 16px 30px;font-size:15px;line-height:1.65}
  .pgCategorySeo h2{font-size:28px}
  .pgCategorySeo h3{font-size:20px}
}
.pgHero__desc--wide{
  width: 100%;
  max-width: none;
}
.pgHero__actions{ margin-top: 12px; }

/* crumbs */
.pgCrumbs .woocommerce-breadcrumb,
.pgCrumbs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  font-weight: 850;
  opacity:.92;
}
.pgCrumbs a{ color: rgba(255,255,255,.88); text-decoration:none; }
.pgCrumbs a:hover{ text-decoration: underline; }
.pgCrumbs__dot{ opacity:.6; }

/* toolbar */
.pgCat__body{ padding: 16px 0 22px; }
.pgToolbar{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:14px 16px;
  margin: 14px 0;
  border-radius: 18px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(14px);
}
.pgToolbar .woocommerce-result-count{ margin:0; font-weight:900; opacity:.9; }
.pgToolbar .woocommerce-ordering{ margin:0; }
.pgToolbar select{
  border-radius: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.90);
}

/* subcats */
.pgH2{ margin: 0 0 12px; font-weight: 1000; opacity:.92; }
.pgSubcats{ margin: 16px 0 18px; }
.pgSubcats__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}
.pgSubcat{
  display:block;
  text-decoration:none;
  border-radius: 22px;
  overflow:hidden;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 50px rgba(0,0,0,.35);
  transition: transform .18s ease, border-color .18s ease;
}
.pgSubcat:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.20);
}
.pgSubcat__img{
  height: 140px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.pgSubcat__img.is-empty{
  background:
    radial-gradient(circle at 78% 22%, hsla(var(--pg-subcat-hue), 88%, 64%, .42), transparent 32%),
    linear-gradient(135deg,
      hsla(var(--pg-subcat-hue), 74%, 34%, .84),
      hsla(calc(var(--pg-subcat-hue) + 52), 72%, 20%, .94) 58%,
      rgba(8,9,16,.98)
    );
}
.pgSubcat__img.is-empty::before{
  content:"";
  position:absolute;
  inset:13% 11%;
  border:1px solid rgba(255,255,255,.15);
  background:
    linear-gradient(120deg, transparent 0 46%, rgba(255,255,255,.09) 46% 48%, transparent 48% 100%);
  transform:skewX(-8deg);
}
.pgSubcat__img::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 52%, rgba(5,6,12,.42));
}
.pgSubcat__meta{ padding: 14px 14px 16px; }
.pgSubcat__name{ font-weight: 950; color: rgba(255,255,255,.92); }
.pgSubcat__count{ margin-top: 6px; opacity:.75; font-weight: 800; }

/* products grid (оставляем твою идею) */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style:none !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{ display:none !important; content:none !important; }
.woocommerce ul.products li.product{ float:none !important; width:auto !important; margin:0 !important; }

/* responsive */
@media (max-width:1100px){
  .pgSubcats__grid{ grid-template-columns: repeat(2, 1fr); }
  .woocommerce ul.products{ grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width:900px){
  .pgToolbar{ flex-direction: column; align-items: stretch; }
}
@media (max-width:560px){
  .pgSubcats__grid{ grid-template-columns: 1fr; }
  .woocommerce ul.products{ grid-template-columns: 1fr !important; }
}
/* 1) Нормальные внутренние отступы у карточки */
.woocommerce ul.products li.product{
  padding: 14px 14px 16px !important;
}

/* чтобы картинка не упиралась и не была "в рамке в рамке" */
.woocommerce ul.products li.product a img{
  margin: 0 0 12px !important;
  border-radius: 18px;
}

/* 2) Заголовок и мета: отступы и аккуратная ширина */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  padding: 0 !important;
  margin: 6px 0 10px !important;
  line-height: 1.2;
}

/* цена/кол-во: тоже не прижимаем к краю */
.woocommerce ul.products li.product .price{
  padding: 0 !important;
  margin: 0 0 6px !important;
  display:block;          /* чтобы цена не растягивалась */
  font-weight: 950;
}

/* твоя строка "Кількість: ..." (если она идёт <p> сразу после цены) */
.woocommerce ul.products li.product .price + p{
  padding: 0 !important;
  margin: 0 0 12px !important;
  opacity: .75;
  font-weight: 800;
  font-size: 13px;
}

/* 3) КНОПКА — уменьшаем и делаем аккуратной */
.woocommerce ul.products li.product .button{
  width: auto !important;           /* НЕ на всю ширину */
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  height: 42px !important;          /* меньше */
  padding: 0 18px !important;       /* нормальная */
  margin: 10px 0 0 !important;      /* без огромных отступов */
  border-radius: 14px !important;   /* меньше радиус */
  font-weight: 900;
}

/* если хочешь кнопку по центру */
.woocommerce ul.products li.product{
  text-align: left; /* оставляем текст слева */
}
.woocommerce ul.products li.product .button{
  margin-left: 0 !important; /* слева, как обычно */
}
/* Вариант: по центру — раскомментируй */
/*
.woocommerce ul.products li.product .button{
  margin-left: auto !important;
  margin-right: auto !important;
  display:flex !important;
}
*/

/* 4) Чуть приятнее низ карточки: отделяем контент от кнопки */
.woocommerce ul.products li.product .button{
  box-shadow: 0 14px 40px rgba(0,0,0,.30);
}






/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-catalog.php] CATEGORY PAGE (clean) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-catalog.php] Woo ordering select -> как кнопка "Особистий кабінет" --- */
/* ===== Woo ordering select -> как кнопка "Особистий кабінет" ===== */
.woocommerce .woocommerce-ordering{
  margin: 0 !important;
}

.woocommerce .woocommerce-ordering select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  height: 44px;
  padding: 0 44px 0 18px;         /* место под стрелку справа */
  border-radius: 999px;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.92);

  font-weight: 850;
  letter-spacing: .2px;

  box-shadow:
    0 10px 30px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.06);

  outline: none;
  cursor: pointer;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

/* hover/focus как у кнопок */
.woocommerce .woocommerce-ordering select:hover{
  border-color: rgba(255,255,255,.22);
  box-shadow:
    0 14px 40px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.woocommerce .woocommerce-ordering select:focus{
  border-color: rgba(255,60,120,.45);
  box-shadow:
    0 16px 44px rgba(0,0,0,.50),
    0 0 0 4px rgba(255,60,120,.12);
}

/* стрелка (чтобы не была дефолтная) */
.woocommerce .woocommerce-ordering{
  position: relative;
  display: inline-block;
  top: -10px;
}

.woocommerce .woocommerce-ordering::after{
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 10px;
  height: 10px;
  transform: translateY(-55%) rotate(45deg);
  border-right: 2px solid rgba(255,255,255,.70);
  border-bottom: 2px solid rgba(255,255,255,.70);
  pointer-events: none;
  opacity: .9;
}

/* опции внутри выпадающего списка (в некоторых браузерах влияет) */
.woocommerce .woocommerce-ordering select option{
  background: #0b0b10;
  color: rgba(255,255,255,.92);
}







/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-catalog.php] Woo ordering select -> как кнопка "Особистий кабінет" --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-catalog.php] Footer 2026 — NEW (pgF26) --- */
/* ================= Footer 2026 — NEW (pgF26) ================= */
.pgF26{
  margin-top: 0;
  padding: 0;
  border-top: 1px solid rgba(255,255,255,.06);
  background: rgba(0,0,0,.22);
  backdrop-filter: blur(18px);
}
.pgF26__top{
  padding: 44px 0 26px;
}

.pgF26__grid{
  display:grid;
  grid-template-columns: 1.55fr 1fr 1fr 1fr 1.15fr;
  gap: 18px;
  align-items:start;
}

.pgF26__brand {
    margin-top: -15px;
}

.pgF26__desc{
  margin: 14px 0 14px;
  color: rgba(255,255,255,.72);
  line-height: 1.45;
  font-weight: 650;
  max-width: 48ch;
}

.pgF26__social{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}

.pgF26__soc{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.86);
  text-decoration:none;
  font-weight: 900;
  font-size: 13px;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.pgF26__soc:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.18);
  color:#fff;
}

.pgF26__h{
  font-weight: 1000;
  margin-bottom: 12px;
  letter-spacing: .2px;
}

.pgF26__link{
  display:block;
  margin: 10px 0;
  color: rgba(255,255,255,.78);
  text-decoration:none;
  font-weight: 750;
  transition: color .15s ease, transform .15s ease;
}
.pgF26__link:hover{
  color:#fff;
  transform: translateX(2px);
}

.pgF26__col--contacts .pgF26__pill{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  color:inherit;
  font-family:inherit;
  font-weight: 900;
  font-size: 13px;
  opacity: .95;
}

.pgF26__support{
  position:relative;
  z-index:8;
  width:max-content;
  max-width:100%;
}

.pgF26__supportToggle{
  cursor:pointer;
  line-height:1.2;
  text-align:left;
  transition:border-color .18s ease, background-color .18s ease, color .18s ease;
}

.pgF26__supportToggle:hover,
.pgF26__supportToggle:focus-visible,
.pgF26__supportToggle[aria-expanded="true"]{
  border-color:rgba(255,45,122,.52);
  background:rgba(255,45,122,.11);
  color:#fff;
  outline:none;
}

.pgF26__supportChevron{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
}

.pgF26__supportToggle[aria-expanded="true"] .pgF26__supportChevron{
  transform:rotate(225deg) translate(-1px,-1px);
}

.pgF26__supportMenu{
  position:absolute;
  right:0;
  bottom:calc(100% + 12px);
  width:min(328px, calc(100vw - 32px));
  padding:10px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:8px;
  background:
    linear-gradient(155deg, rgba(255,45,122,.075), transparent 36%),
    linear-gradient(180deg, rgba(24,24,33,.98), rgba(13,14,20,.99));
  box-shadow:
    0 28px 70px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,45,122,.045),
    inset 0 1px 0 rgba(255,255,255,.055);
  color:#fff;
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,12px,0) scale(.97);
  transform-origin:right bottom;
  will-change:opacity, transform;
  transition:
    opacity .2s ease,
    transform .28s cubic-bezier(.22,1,.36,1),
    visibility 0s linear .28s;
}

.pgF26__supportMenu::before{
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  right:14px;
  left:14px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,45,122,.8), rgba(104,96,255,.48), transparent);
  pointer-events:none;
}

.pgF26__supportMenu.is-open{
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0) scale(1);
  transition-delay:0s;
}

.pgF26__supportMenu > *{
  position:relative;
  z-index:2;
}

.pgF26__supportMenu[hidden]{
  display:none!important;
}

.pgF26__supportTitle{
  padding:7px 9px 10px;
  color:rgba(255,255,255,.55);
  font-size:11px;
  font-weight:900;
  line-height:1.2;
  text-transform:uppercase;
}

.pgF26__supportAction{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:10px;
  width:100%;
  min-height:56px;
  padding:8px 9px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#fff;
  font:inherit;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .15s ease;
}

.pgF26__supportAction:hover,
.pgF26__supportAction:focus-visible{
  background:rgba(255,255,255,.07);
  outline:none;
}

.pgF26__supportAction strong,
.pgF26__supportAction small{
  display:block;
  overflow-wrap:anywhere;
}

.pgF26__supportAction strong{
  font-size:13px;
  line-height:1.25;
  font-weight:900;
}

.pgF26__supportAction small{
  margin-top:3px;
  color:rgba(255,255,255,.58);
  font-size:11px;
  line-height:1.3;
  font-weight:650;
}

.pgF26__supportIcon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:rgba(255,255,255,.05);
  color:#ff4b8a;
  font-size:10px;
  font-weight:1000;
  letter-spacing:0;
}

.pgF26__supportSchedule{
  margin:8px 9px 3px;
  padding:10px 12px;
  border-left:2px solid #ff2d7a;
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.67);
  font-size:11px;
  line-height:1.45;
}

.pgF26__supportSchedule strong,
.pgF26__supportSchedule span{
  display:block;
}

.pgF26__supportSchedule strong{
  margin-bottom:2px;
  color:#fff;
}

.pgF26__supportScheduleLabel{
  margin-bottom:7px;
  color:rgba(255,255,255,.52);
  font-size:10px;
  font-weight:900;
  line-height:1.2;
  text-transform:uppercase;
}

@media (max-width: 600px){
  .pgF26__col--contacts .pgF26__support{
    grid-column:1 / -1;
    width:100%;
  }

  .pgF26__col--contacts .pgF26__supportToggle{
    justify-content:space-between;
    width:100%;
  }

  .pgF26__supportMenu{
    right:auto;
    left:0;
    transform-origin:left bottom;
  }
}

@media (prefers-reduced-motion: reduce){
  .pgF26__supportMenu{
    transition:none;
    transform:none;
  }
}

.pgF26__small{
  margin-top: 12px;
  color: rgba(255,255,255,.55);
  font-weight: 650;
  font-size: 13px;
  line-height: 1.35;
}

.pgF26__bottom{
  padding: 18px 0 22px;
  border-top: 1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}

.pgF26__copy{
  opacity: .78;
  font-weight: 700;
}

.pgF26__bottomLinks{
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.pgF26__miniLink{
  color: rgba(255,255,255,.72);
  text-decoration:none;
  font-weight: 850;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.14);
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.pgF26__miniLink:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.16);
  color:#fff;
  transform: translateY(-1px);
}

/* Responsive */
@media (max-width:1100px){
  .pgF26__grid{
    grid-template-columns: 1fr 1fr;
  }
  .pgF26__brand{
    grid-column: 1 / -1;
  }
}
@media (max-width:560px){
  .pgF26__grid{
    grid-template-columns: 1fr;
  }
  .pgF26__bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .pgF26__bottomLinks{
    justify-content:flex-start;
  }
}






/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-catalog.php] Footer 2026 — NEW (pgF26) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-catalog.php] WOLF CONFIG — PG/NEO 2026 SKIN --- */
/* ===============================
   WOLF CONFIG — PG/NEO 2026 SKIN
=============================== */

.wolf-config{
  display: grid;
  gap: 14px;
}

/* field */
.wolf-field{
  display: grid;
  gap: 8px;
}

/* label */
.wolf-label{
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .02em;
  color: rgba(255,255,255,.78);
  text-transform: none;
}

/* select (как pill в хедере) */
.wolf-select{
  width: 100%;
  height: 48px;
  padding: 0 44px 0 16px;
  border-radius: 18px;

  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);

  font-weight: 900;
  font-size: 14px;
  letter-spacing: .2px;

  outline: none;
  cursor: pointer;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  backdrop-filter: blur(14px);
  transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

/* hover */
.wolf-select:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}

/* focus (неоновая окантовка) */
.wolf-select:focus{
  border-color: rgba(255,60,120,.40);
  box-shadow:
    0 0 0 4px rgba(255,60,120,.12),
    0 16px 50px rgba(0,0,0,.45);
}

/* стрелка select (единая для всех) */
.wolf-field{
  position: relative;
}
.wolf-field:has(.wolf-select)::after{
  content: "";
  position: absolute;
  right: 18px;
  bottom: 16px;              /* под высоту select */
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-right: 2px solid rgba(255,255,255,.70);
  border-bottom: 2px solid rgba(255,255,255,.70);
  pointer-events: none;
  opacity: .9;
}

/* options (в некоторых браузерах влияет) */
.wolf-select option{
  background: #0b0b10;
  color: rgba(255,255,255,.92);
}

/* deadline pills */
.wolf-deadline{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wolf-pill{
  height: 44px;
  padding: 0 14px;
  border-radius: 999px;

  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.88);

  font-weight: 1000;
  font-size: 13px;

  cursor: pointer;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.wolf-pill:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
}

.wolf-pill.is-active{
  background: linear-gradient(90deg, rgba(255,60,60,.90), rgba(255,0,120,.60));
  border-color: rgba(255,255,255,.20);
  box-shadow: 0 18px 55px rgba(255,60,60,.12);
  color: rgba(255,255,255,.95);
}

/* offer row (тираж + цена) */
.wolf-offer{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  padding-top: 6px;
}

.wolf-offer__left,
.wolf-offer__right{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  padding: 14px;
  backdrop-filter: blur(16px);
}

.wolf-calc-link{
  display: inline-flex;
  text-decoration: none;
  font-weight: 900;
  color: rgba(255,255,255,.78);
  transition: color .15s ease;
}
.wolf-calc-link:hover{ color: rgba(255,255,255,.95); }

.wolf-offer__price-value{
  margin-top: 10px;
  font-weight: 1100;
  font-size: 20px;
  letter-spacing: -.2px;
  color: rgba(255,255,255,.94);
}

.wolf-front-block--wide{
  position: relative;
  padding: 18px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(255,45,122,.14), transparent 52%),
    radial-gradient(120% 140% at 100% 0%, rgba(90,90,255,.12), transparent 56%),
    rgba(255,255,255,.035);
  box-shadow: 0 28px 80px rgba(0,0,0,.32);
  overflow: hidden;
}

.wolf-front-grid--wide{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.wolf-wide-card{
  grid-column: 1 / -1;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(8,8,14,.35);
}

.wolf-wide-card__head{
  display:grid;
  gap:8px;
  margin-bottom:14px;
}

.wolf-wide-card__eyebrow,
.wolf-wide-sectionHead__eyebrow{
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.58);
}

.wolf-wide-card__title,
.wolf-wide-sectionHead__title{
  margin:0;
  font-size:22px;
  line-height:1.05;
  font-weight:1000;
  color:rgba(255,255,255,.96);
}

.wolf-wide-custom{
  display:grid;
  gap:12px;
  margin-top:14px;
}

.wolf-wide-custom[hidden]{
  display:none !important;
}

.wolf-wide-custom__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}

.wolf-wide-custom__field{
  display:grid;
  gap:8px;
}

.wolf-wide-custom__field span{
  font-size:12px;
  font-weight:900;
  color:rgba(255,255,255,.70);
}

.wolf-wide-custom__field input{
  width:100%;
  height:52px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.96);
  font-weight:900;
  outline:none;
  box-shadow:none;
}

.wolf-wide-custom__field input:focus{
  border-color: rgba(255,60,120,.42);
  box-shadow: 0 0 0 4px rgba(255,60,120,.10);
}

.wolf-wide-custom__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:800;
}

.wolf-wide-custom__meta strong{
  color:rgba(255,255,255,.95);
  font-size:14px;
}

.wolf-front-select--qty-native{
  display:none;
}

.wolf-wide-qty{
  grid-column: 1 / -1;
}

.wolf-wide-qty-board{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
  gap:12px;
  margin-top:14px;
}

.wolf-wide-qty-btn{
  display:grid;
  gap:8px;
  align-content:center;
  min-height:82px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.88);
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.wolf-wide-qty-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
}

.wolf-wide-qty-btn.is-active{
  background:
    linear-gradient(135deg, rgba(255,54,84,.22), rgba(255,0,128,.16)),
    rgba(255,255,255,.08);
  border-color:rgba(255,80,140,.40);
  box-shadow:0 18px 48px rgba(255,0,106,.16);
}

.wolf-wide-qty-btn__label{
  font-size:20px;
  font-weight:1000;
  color:#fff;
}

.wolf-wide-qty-btn__price{
  font-size:13px;
  font-weight:900;
  color:rgba(255,255,255,.70);
}

.wolf-wide-postpress{
  grid-column: 1 / -1;
  margin-top: 18px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(255,45,122,.10), transparent 54%),
    rgba(255,255,255,.03);
}

.wolf-wide-sectionHead{
  display:grid;
  gap:8px;
  margin-bottom:14px;
}

.wolf-wide-postpress__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:14px;
}

.wolf-wide-postpress__item{
  display:grid;
  gap:8px;
}

.pgWidePage2026{
  padding: 28px 0 56px;
}

.pgWidePage2026__shell{
  width: min(1280px, calc(100% - 28px));
  margin: 0 auto;
  display: grid;
  gap: 22px;
}

.pgWideHero2026{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  align-items: stretch;
}

.pgWideHero2026__copy,
.pgWideHero2026__preview,
.pgWideCard2026{
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(255,45,122,.10), transparent 50%),
    radial-gradient(120% 160% at 100% 0%, rgba(88,90,255,.11), transparent 58%),
    rgba(255,255,255,.035);
  box-shadow: 0 28px 80px rgba(0,0,0,.28);
}

.pgWideHero2026__copy{
  padding: 28px;
  display:grid;
  gap: 16px;
}

.pgWideHero2026__eyebrow,
.pgWideCard2026__eyebrow{
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.56);
}

.pgWideHero2026__title{
  margin: 0;
  font-size: clamp(34px, 4vw, 58px);
  line-height: .94;
  font-weight: 1000;
  color: #fff;
}

.pgWideHero2026__lead{
  margin: 0;
  max-width: 58ch;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255,255,255,.72);
}

.pgWideHero2026__stats{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.pgWideHeroStat2026{
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  display:grid;
  gap:6px;
}

.pgWideHeroStat2026 strong{
  font-size: 24px;
  line-height: 1;
  color: #fff;
  font-weight: 1000;
}

.pgWideHeroStat2026 span{
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255,255,255,.68);
  font-weight: 800;
}

.pgWideHero2026__preview{
  padding: 22px;
  display:grid;
  gap: 14px;
}

.pgWidePoster2026{
  border-radius: 24px;
  overflow: hidden;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
}

.pgWidePoster2026 .woocommerce-product-gallery,
.pgWidePoster2026 .flex-viewport,
.pgWidePoster2026 .woocommerce-product-gallery__wrapper{
  border-radius: 24px;
  overflow: hidden;
}

.pgWideMeta2026{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.pgWideMeta2026__item{
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  display:grid;
  gap: 6px;
}

.pgWideMeta2026__item span{
  font-size: 12px;
  color: rgba(255,255,255,.60);
  font-weight: 800;
}

.pgWideMeta2026__item strong{
  font-size: 15px;
  line-height: 1.35;
  color: #fff;
  font-weight: 900;
}

.pgWideGrid2026{
  display:grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .52fr);
  gap: 18px;
  align-items: start;
}

.pgWideMain2026,
.pgWideAside2026{
  display:grid;
  gap:18px;
}

.pgWideCard2026{
  padding: 24px;
}

.pgWideCard2026__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.pgWideCard2026__title{
  margin: 6px 0 0;
  font-size: 30px;
  line-height: 1.02;
  font-weight: 1000;
  color: #fff;
}

.pgWideCard2026__note{
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  font-size: 12px;
  color: rgba(255,255,255,.70);
  font-weight: 800;
  white-space: nowrap;
}

.pgWideTypeSwitch2026{
  display:grid;
  gap: 8px;
  margin-bottom: 18px;
}

.pgWideTypeSwitch2026 label{
  font-size: 13px;
  font-weight: 900;
  color: rgba(255,255,255,.74);
}

.pgWideConfig2026 form.cart{
  display:grid;
  gap: 18px;
}

.pgWideConfig2026 .wolf-front-block--wide{
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.pgWideConfig2026 .wolf-front-block{
  margin: 0;
}

.pgWideConfig2026 .wolf-actions{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.pgWideConfig2026 .wolf-btn{
  min-height: 58px;
  border-radius: 20px;
}

.pgWideDesc2026{
  color: rgba(255,255,255,.76);
  font-size: 15px;
  line-height: 1.7;
}

.pgWideDesc2026 p{
  margin: 0 0 12px;
}

.pgWideDesc2026 p:last-child{
  margin-bottom: 0;
}

.pgWideList2026{
  display:grid;
  gap: 12px;
}

.pgWideList2026__item{
  display:grid;
  gap: 6px;
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
}

.pgWideList2026__item strong{
  font-size: 15px;
  color: #fff;
  font-weight: 900;
}

.pgWideList2026__item span{
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,.68);
  font-weight: 700;
}

/* responsive */
@media (max-width: 900px){
  .wolf-offer{ grid-template-columns: 1fr; }
  .wolf-front-grid--wide{
    grid-template-columns: 1fr;
  }
  .wolf-wide-custom__grid,
  .wolf-wide-postpress__grid{
    grid-template-columns: 1fr;
  }
  .pgWideHero2026,
  .pgWideGrid2026{
    grid-template-columns: 1fr;
  }
  .pgWideHero2026__stats,
  .pgWideMeta2026{
    grid-template-columns: 1fr 1fr;
  }
  .pgWideConfig2026 .wolf-actions{
    grid-template-columns: 1fr;
  }
  .pgWideCard2026__head{
    align-items:start;
    flex-direction:column;
  }
}

@media (max-width: 640px){
  .pgWidePage2026__shell{
    width: min(100%, calc(100% - 16px));
  }
  .pgWideHero2026__copy,
  .pgWideHero2026__preview,
  .pgWideCard2026{
    padding: 18px;
    border-radius: 24px;
  }
  .pgWideHero2026__stats,
  .pgWideMeta2026{
    grid-template-columns: 1fr;
  }
  .pgWideHero2026__title{
    font-size: 34px;
  }
  .pgWideCard2026__title{
    font-size: 24px;
  }
}

















/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-catalog.php] WOLF CONFIG — PG/NEO 2026 SKIN --- */

/* ===== КОНЕЦ СТИЛЕЙ ФАЙЛА page-catalog.php ===== */

/* ===== НАЧАЛО СТИЛЕЙ ФАЙЛА page-policy.php ===== */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-policy.php] Policy / Cookie Page (Neo Glass) --- */
/* ===================== Policy / Cookie Page (Neo Glass) ===================== */

.pgPolicyWrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 34px 16px 60px;
}

.pgPolicyHero{
  padding: 28px 28px 22px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.10);
  background: radial-gradient(1200px 500px at 20% 0%, rgba(255,0,76,.12), transparent 60%),
              radial-gradient(900px 420px at 85% 20%, rgba(138,43,226,.14), transparent 55%),
              rgba(255,255,255,.04);
  backdrop-filter: blur(18px);
  box-shadow: 0 28px 120px rgba(0,0,0,.38);
}

.pgPolicyTitle{
  font-size: 34px;
  line-height: 1.1;
  font-weight: 1000;
  margin: 0 0 10px;
}

.pgPolicyLead{
  margin: 0;
  color: rgba(255,255,255,.78);
  font-weight: 750;
  line-height: 1.5;
  max-width: 72ch;
}

.pgPolicyMeta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.pgPolicyPill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.86);
  font-size: 13px;
  font-weight: 900;
}

.pgPolicyGrid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 16px;
}

.pgPolicyCard{
  padding: 22px 22px 20px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.035);
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 90px rgba(0,0,0,.30);
}

.pgPolicyCard h2{
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 1000;
  letter-spacing: .2px;
}

.pgPolicyCard p{
  margin: 10px 0;
  color: rgba(255,255,255,.84);
  line-height: 1.65;
  font-weight: 700;
}

.pgPolicyCard ul{
  margin: 10px 0 0;
  padding-left: 18px;
}

.pgPolicyCard li{
  margin: 8px 0;
  color: rgba(255,255,255,.82);
  line-height: 1.55;
  font-weight: 700;
}

.pgPolicyNote{
  margin-top: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.78);
  font-weight: 750;
}

.pgPolicyContact{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
}

.pgPolicyContact a{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  text-decoration: none;
  color: rgba(255,255,255,.90);
  font-weight: 950;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.pgPolicyContact a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}

@media (max-width: 680px){
  .pgPolicyHero{ padding: 22px 18px 18px; }
  .pgPolicyTitle{ font-size: 28px; }
  .pgPolicyCard{ padding: 18px 16px 16px; }
  .pgPolicyContact{ grid-template-columns: 1fr; }
}














/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-policy.php] Policy / Cookie Page (Neo Glass) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-policy.php] Modal (Neo Glass) --- */
/* ===================== Modal (Neo Glass) ===================== */
.pgModal{ position: fixed; inset: 0; z-index: 9999; display:none; }
.pgModal.isOpen{ display:block; }

.pgModal__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(10px);
  animation: pgFade .18s ease both;
}

/* ✅ панель flex: top + body(scroll) + bottom(fixed footer) */
.pgModal__panel{
  position:absolute;
  left:50%; top:50%;
  transform: translate(-50%,-50%);
  width: min(980px, calc(100vw - 22px));
  max-height: min(82vh, 860px);

  display:flex;
  flex-direction: column;

  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(1200px 500px at 18% 0%, rgba(255,0,76,.16), transparent 62%),
    radial-gradient(900px 420px at 88% 20%, rgba(138,43,226,.18), transparent 55%),
    rgba(10,10,14,.72);
  backdrop-filter: blur(18px);
  box-shadow: 0 40px 160px rgba(0,0,0,.55);
  overflow: hidden;
  animation: pgPop .22s ease both;
  outline: none;
}

.pgModal__top{
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  display:flex;
  gap: 14px;
  align-items: flex-start;
  justify-content: space-between;
}

.pgModal__kicker{
  font-size: 12px;
  font-weight: 950;
  opacity: .75;
  letter-spacing: .2px;
}

.pgModal__title{
  margin: 2px 0 0;
  font-size: 22px;
  font-weight: 1000;
}

.pgModal__actions{
  display:flex;
  gap: 10px;
  align-items: center;
}

.pgModal__search{
  position: relative;
  display:flex;
  flex-direction: column;
  gap: 6px;
}

.pgModal__searchInput{
  width: min(340px, 46vw);
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.25);
  color: rgba(255,255,255,.92);
  font-weight: 850;
  outline: none;
}

.pgModal__searchInput:focus{
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.06);
}

.pgModal__searchHint{
  font-size: 12px;
  opacity: .75;
  font-weight: 750;
  min-height: 14px;
}

.pgModal__close{
  width: 40px; height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
  font-weight: 1000;
  cursor:pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
  transform: translateY(-9.5px);
}

.pgModal__close:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.18);
}

/* ✅ СКРОЛЛ ТОЛЬКО ВВЕРХ/ВНИЗ */
.pgModal__body{
  padding: 16px 18px 18px;
  flex: 1;

  overflow-y: auto;
  overflow-x: hidden;
}

/* ✅ защита от горизонтального скролла */
.pgAcc__cnt{ overflow-x: hidden; }
.pgAcc__cnt *{ max-width: 100%; }
.pgAcc__cnt p, .pgAcc__cnt li{
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 🔥 стеклянный тонкий скролл */
.pgModal__body::-webkit-scrollbar{ width: 6px; }
.pgModal__body::-webkit-scrollbar-track{ background: transparent; }
.pgModal__body::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, rgba(255,45,85,.35), rgba(138,43,226,.35));
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
}
.pgModal__body::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(180deg, rgba(255,45,85,.6), rgba(138,43,226,.6));
  border-color: rgba(255,255,255,.14);
}

/* Firefox */
.pgModal__body{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,45,85,.5) transparent;
}

.pgModal__toc{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-bottom: 14px;
}

.pgModal__tocLink{
  display:inline-flex;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.20);
  color: rgba(255,255,255,.88);
  text-decoration:none;
  font-weight: 900;
  font-size: 13px;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.pgModal__tocLink:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.18);
  color:#fff;
}

.pgModal__section{ margin-bottom: 10px; scroll-margin-top: 80px; }

.pgAcc{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  overflow:hidden;
}

.pgAcc__sum{
  list-style:none;
  cursor:pointer;
  padding: 14px 14px;
  font-weight: 1000;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
.pgAcc__sum::-webkit-details-marker{ display:none; }

.pgAcc__sum::after{
  content:"▾";
  opacity:.8;
  transform: translateY(-1px);
}
.pgAcc[open] .pgAcc__sum::after{ content:"▴"; }

.pgAcc__cnt{
  padding: 0 14px 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.pgAcc__cnt p, .pgAcc__cnt li{
  color: rgba(255,255,255,.84);
  line-height: 1.65;
  font-weight: 720;
}
.pgAcc__cnt ul{ padding-left: 18px; margin: 10px 0 0; }

/* ✅ КНОПКА СТРОГО ВНИЗУ, ПОД ВСЕМИ ПУНКТАМИ, НЕ ДВИГАЕТСЯ */
.pgModal__bottom{
    padding: 20px 18px 0px;
    border-top: 1px solid rgba(255,255,255,.10);

  background:
    linear-gradient(to top, rgba(10,10,14,.92), rgba(10,10,14,.55));
  backdrop-filter: blur(14px);

  display:flex;
  justify-content: flex-end;
  align-items: center;
}

.pgModal__ok{
  padding: 14px 34px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .3px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .035);
  color: rgba(255, 255, 255, .92);
  font-weight: 1000;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
  transform: translateY(-9.5px);
  cursor: pointer;
}

.pgModal__ok:hover{
  box-shadow:
    0 15px 40px rgba(255,0,80,.35),
    inset 0 0 0 1px rgba(255,255,255,.20);
    
}

.pgModal__ok:active{ 
  transform: scale(.98); 
}

.pgModal mark{
  background: rgba(255,0,76,.28);
  color: #fff;
  padding: 0 .12em;
  border-radius: .28em;
}

.pgAcc__sum--flash{
  box-shadow: 0 0 0 2px rgba(255,255,255,.18) inset;
  background: rgba(255,255,255,.05);
}

body.pgModalLock{ overflow:hidden; }

@keyframes pgFade{ from{opacity:0} to{opacity:1} }
@keyframes pgPop{
  from{ opacity:0; transform: translate(-50%,-48%) scale(.98); }
  to{ opacity:1; transform: translate(-50%,-50%) scale(1); }
}

















/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-policy.php] Modal (Neo Glass) --- */

/* ===== КОНЕЦ СТИЛЕЙ ФАЙЛА page-policy.php ===== */

/* ===== НАЧАЛО СТИЛЕЙ ФАЙЛА dostavka-ta-oplata.php ===== */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [dostavka-ta-oplata.php] Delivery & Payment Page (Neo Glass) --- */
/* ===================== Delivery & Payment Page (Neo Glass) ===================== */
.pgLegal{
  max-width: 1180px;
  margin: 0 auto;
  padding: 22px 16px 40px;
}

.pgLegal__hero{
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(1200px 520px at 18% 0%, rgba(255,0,76,.16), transparent 62%),
    radial-gradient(900px 420px at 88% 20%, rgba(138,43,226,.18), transparent 55%),
    rgba(10,10,14,.60);
  backdrop-filter: blur(16px);
  box-shadow: 0 30px 120px rgba(0,0,0,.45);
  padding: 20px 18px 18px;
  margin-bottom: 14px;
}

.pgLegal__badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.20);
  color: rgba(255,255,255,.86);
  font-weight: 900;
  font-size: 12px;
}

.pgLegal__h1{
  margin: 10px 0 6px;
  font-size: 34px;
  font-weight: 1000;
  color:#fff;
}

.pgLegal__sub{
  margin: 0 0 14px;
  color: rgba(255,255,255,.82);
  line-height: 1.6;
  font-weight: 720;
}

.pgLegal__tabs{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
}

.pgLegal__tab{
  appearance:none;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.20);
  color: rgba(255,255,255,.88);
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 950;
  cursor:pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.pgLegal__tab:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.18);
  color:#fff;
}

.pgLegal__tab.isActive{
  border-color: rgba(255,255,255,.22);
  background: linear-gradient(90deg, rgba(255,45,85,.22), rgba(138,43,226,.22));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

.pgLegal__grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;
}

@media (max-width: 980px){
  .pgLegal__grid{ grid-template-columns: 1fr; }
}

.pgLegal__card{
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  backdrop-filter: blur(14px);
  box-shadow: 0 20px 80px rgba(0,0,0,.35);
  overflow:hidden;
}

.pgLegal__cardTop{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 10px;
  padding: 16px 16px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.pgLegal__kicker{
  font-weight: 1000;
  color: rgba(255,255,255,.92);
  letter-spacing: .2px;
}

.pgLegal__pill{
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.20);
  color: rgba(255,255,255,.82);
  font-weight: 900;
  font-size: 12px;
}

.pgLegal__pill--pink{
  background: linear-gradient(90deg, rgba(255,45,85,.18), rgba(138,43,226,.18));
}

.pgLegal__pane{
  display:none;
  padding: 14px 16px 16px;
}
.pgLegal__pane.isActive{ display:block; }

.pgLegal__h2{
  margin: 0 5px 10px;
  font-size: 18px;
  font-weight: 1000;
  color:#fff;
}

.pgLegal__list{
  display:flex;
  flex-direction: column;
  gap: 10px;
}

.pgLegal__item{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(255,255,255,.84);
  line-height: 1.6;
  font-weight: 720;
}

.pgLegal__dot{
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,45,85,.85), rgba(138,43,226,.85));
  box-shadow: 0 8px 20px rgba(255,0,80,.15);
  flex: 0 0 10px;
}

.pgLegal__warn{
  margin-top: 6px;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,45,85,.10);
  color: rgba(255,255,255,.90);
  font-weight: 800;
  line-height: 1.55;
}

.pgLegal__note{
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(138,43,226,.10);
  color: rgba(255,255,255,.88);
  font-weight: 760;
  line-height: 1.55;
}

.pgLegal__pay{
  display:flex;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.86);
  line-height: 1.55;
  font-weight: 720;
}

.pgLegal__payIcon{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 18px;
  flex: 0 0 40px;
}

.pgLegal__muted{
  display:block;
  margin-top: 2px;
  opacity: .75;
  font-weight: 720;
}

.pgLegal__cta{
  margin-top: 12px;
  padding: 14px 16px 16px;
  border-top: 1px solid rgba(255,255,255,.08);
  display:flex;
  gap: 12px;
  align-items:center;
  justify-content: space-between;
}

.pgLegal__ctaText{
  color: rgba(255,255,255,.88);
  line-height: 1.5;
  font-weight: 820;
}

.pgLegal__btn{
  position: relative; /* важно */
  overflow: hidden;   /* чтобы отблеск не вылазил */

  padding: 14px 34px;
  border-radius: 999px;

  font-size: 15px;
  font-weight: 1000;
  letter-spacing: .3px;

  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.92);

  cursor: pointer;
  text-decoration: none;

  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .25s ease;
}

/* 💎 САМ ОТБЛИСК */
.pgLegal__btn::before{
  content: "";
  position: absolute;
  top: -120%;
  left: -40%;
  width: 50%;
  height: 300%;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.15) 40%,
    rgba(255,255,255,.45) 50%,
    rgba(255,255,255,.15) 60%,
    transparent 100%
  );

  transform: rotate(25deg);
  transition: all .6s ease;
  opacity: 0;
}

/* ✨ НАВЕДЕНИЕ */
.pgLegal__btn:hover{
  transform: translateY(-2px) scale(1.02);
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.06);

  box-shadow:
    0 10px 30px rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(255,255,255,.05);
}

/* 🔥 запуск отблеска */
.pgLegal__btn:hover::before{
  left: 120%;
  opacity: 1;
}

/* 💥 нажатие */
.pgLegal__btn:active{
  transform: scale(.97);
}




























.pgPref{
  padding: 60px 20px;
  max-width: 1200px;
  margin:auto;
  color:#fff;
}

/* HERO */
.pgPref__hero{
  border-radius:28px;
  padding:60px;
  background:
    radial-gradient(600px 300px at 20% 0%, rgba(255,0,76,.25), transparent 60%),
    radial-gradient(600px 300px at 80% 20%, rgba(138,43,226,.25), transparent 60%),
    rgba(10,10,14,.7);
  backdrop-filter: blur(16px);
  border:1px solid rgba(255,255,255,.1);
  margin-bottom:40px;
}

.pgPref__hero h1{
  font-size:48px;
  font-weight:1000;
}

.pgPref__cta{
  display:inline-block;
  margin-top:20px;
  padding:14px 30px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff2d55,#8a2be2);
  color:#fff;
  text-decoration:none;
  font-weight:800;
}

/* SECTION */
.pgPref__section{
  margin:60px 0;
}

/* GRID */
.pgPref__grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
      align-items: center;
}

.pgPref__imageCard{
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
}

.pgPref__imageCard img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* CARDS */
.pgPref__cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.pgPref__card{
  padding:24px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  transition:.25s ease;
}

.pgPref__card:hover{
  transform:translateY(-6px);
  background:rgba(255,255,255,.08);
}

.pgPref__icon{
  font-size:28px;
  margin-bottom:10px;
}

/* PRODUCTS */
.pgPref__products{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
}

.pgPref__products div{
  padding:12px;
  text-align:center;
  border-radius:14px;
  background:rgba(255,255,255,.05);
}

.pgPref__levels{
  display:flex;
  justify-content:center;
  gap:16px;
  margin:20px 0;
}

.pgPref__levels div{
  padding:12px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
}

/* ABOUT */
.pgPref__about{
  font-size:18px;
  opacity:.9;
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [dostavka-ta-oplata.php] Delivery & Payment Page (Neo Glass) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [dostavka-ta-oplata.php] PG ABOUT (glass card) --- */
/* ===================== PG ABOUT (glass card) ===================== */
.pgPref__about{
  padding-top: 10px;
}

.pgAbout{
  position: relative;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 420px at 12% 0%, rgba(255,45,122,.12), transparent 60%),
    radial-gradient(900px 420px at 92% 10%, rgba(176,0,255,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  box-shadow: 0 24px 80px rgba(0,0,0,.55);
  backdrop-filter: blur(18px);
  overflow: hidden;
  padding: 20px;
}

.pgAbout__glow{
  position:absolute; inset:-2px;
  pointer-events:none;
  background:
    radial-gradient(700px 260px at 15% 10%, rgba(255,45,122,.18), transparent 60%),
    radial-gradient(700px 260px at 85% 0%, rgba(176,0,255,.16), transparent 60%);
  opacity: .9;
}

.pgAbout__head{
  position: relative;
  z-index: 1;
  margin-bottom: 14px;
}

.pgAbout__kicker{
 display: inline-flex;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 45, 122, .30);
    background: rgba(255, 45, 122, .10);
    color: rgba(255, 255, 255, .90);
    font-weight: 1000;
    letter-spacing: .14em;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.pgAbout__title{
  margin: 10px 0 6px;
  font-weight: 1000;
  font-size: clamp(22px, 2.2vw, 32px);
  letter-spacing: -.02em;
}

.pgAbout__lead{
  margin: 0 17px;
  color: rgba(255,255,255,.74);
  font-weight: 850;
  line-height: 1.55;
  max-width: 78ch;
}

.pgAbout__grid{
  position: relative;
  z-index: 1;
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 14px;
  align-items: start;
  margin: 0 17px;
}

.pgAbout__text p{
  margin: 0 0 12px;
  color: rgba(255,255,255,.82);
  line-height: 1.7;
  font-weight: 780;
}

.pgAbout__badges{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 8px;
}

.pgAbout__badge{
  display:inline-flex;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.86);
  font-weight: 1000;
  font-size: 14px;
  backdrop-filter: blur(12px);
}

.pgAbout__side{
  display:grid;
  gap: 12px;
}

.pgAbout__stats{
  display:grid;
  gap: 10px;
}

.pgAbout__stat{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  padding: 12px;
  backdrop-filter: blur(14px);
}

.pgAbout__statTop{
  font-size: 12px;
  color: rgba(255,255,255,.62);
  font-weight: 1000;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.pgAbout__statVal{
  margin-top: 6px;
  font-weight: 1000;
  font-size: 18px;
  color: rgba(255,255,255,.95);
}

.pgAbout__statSub{
  margin-top: 2px;
  color: rgba(255,255,255,.70);
  font-weight: 850;
  font-size: 13px;
}

.pgAbout__cta{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.16);
  padding: 12px;
  backdrop-filter: blur(14px);
}

.pgAbout__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 12px 14px;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 1000;
  color:#fff;
  border: 1px solid rgba(255,45,122,.45);
  background: linear-gradient(135deg, rgba(255,45,122,.95), rgba(176,0,255,.70));
  box-shadow: 0 18px 44px rgba(255,45,122,.16);
  transition: transform .12s ease, filter .12s ease;
}

.pgAbout__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.pgAbout__hint{
  margin-top: 10px;
  text-align:center;
  color: rgba(255,255,255,.65);
  font-weight: 850;
  font-size: 12.5px;
}

/* responsive */
@media (max-width: 980px){
  .pgAbout__grid{ grid-template-columns: 1fr; }
}
















/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [dostavka-ta-oplata.php] PG ABOUT (glass card) --- */

/* ===== КОНЕЦ СТИЛЕЙ ФАЙЛА dostavka-ta-oplata.php ===== */

/* ===== НАЧАЛО СТИЛЕЙ ФАЙЛА page-register-wholesale.php ===== */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-register-wholesale.php] B2B WHOLESALE — DARK GLASS (match your site screenshot) --- */
/* =========================================================
   B2B WHOLESALE — DARK GLASS (match your site screenshot)
   scope: .register-wholesale + .tiers--slider only
========================================================= */

.register-wholesale,
.tiers--slider{
  --bg0: #07070b;
  --bg1: #0b0a10;
  --card: rgba(255,255,255,.04);
  --card2: rgba(255,255,255,.06);
  --line: rgba(255,255,255,.10);
  --line2: rgba(255,255,255,.14);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.68);

  --pink: #ff2d7a;
  --pink2:#b30e4f;
  --mag:  #b000ff;

  --radius: 26px;
  --radius-sm: 18px;
  --shadow: 0 24px 70px rgba(0,0,0,.55);
  --shadow2: 0 16px 44px rgba(0,0,0,.45);
}

.register-wholesale{
  background: radial-gradient(900px 500px at 14% 0%, rgba(176,0,255,.18), rgba(176,0,255,0) 62%),
              radial-gradient(900px 500px at 90% 10%, rgba(255,45,122,.16), rgba(255,45,122,0) 60%),
              linear-gradient(180deg, var(--bg0), var(--bg1));
  color: var(--text);
  padding: 26px 0 18px;
}

/* container чуть шире под твою верстку */
.register-wholesale .container{
  max-width: 1280px;
}

/* HERO */
.wh-hero{
  border: 1px solid var(--line);
  background: radial-gradient(900px 420px at 15% -20%, rgba(255,45,122,.18), rgba(255,45,122,0) 60%),
              radial-gradient(900px 420px at 110% 20%, rgba(176,0,255,.16), rgba(176,0,255,0) 60%),
              linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 22px;
  margin-bottom: 16px;
  display:flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 18px;
  backdrop-filter: blur(18px);
}

.wh-hero__left{ min-width: 0; }

.wh-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,45,122,.35);
  background: rgba(255,45,122,.10);
  color: rgba(255,255,255,.92);
  font-weight: 900;
  letter-spacing: .02em;
  margin-bottom: 12px;
}
.wh-hero__kicker::before{
  content:"";
  width: 10px; height: 10px; border-radius: 999px;
  background: linear-gradient(135deg, var(--pink), var(--mag));
  box-shadow: 0 0 0 4px rgba(255,45,122,.10);
}

.wh-hero__title{
  margin: 0 0 10px;
  font-size: clamp(26px, 2.4vw, 40px);
  line-height: 1.08;
  font-weight: 1000;
  letter-spacing: -0.02em;
}
.wh-hero__subtitle{
  margin: 0;
  max-width: 68ch;
  color: var(--muted);
  line-height: 1.55;
}

/* chips */
.wh-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 14px; }
.wh-chip{
  border: 1px solid var(--line);
  background: rgba(255,255,255,.04);
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 900;
  color: rgba(255,255,255,.86);
}
.wh-chip strong{ color: rgba(255,255,255,.96); }

/* right mini cards */
.wh-hero__right{
  display:grid;
  gap: 10px;
  min-width: 320px;
  align-content: start;
}
.wh-stat{
  border: 1px solid var(--line);
  background: rgba(0,0,0,.20);
  border-radius: var(--radius-sm);
  padding: 14px;
  box-shadow: var(--shadow2);
  backdrop-filter: blur(16px);
}
.wh-stat__label{
  color: rgba(255,255,255,.60);
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .10em;
}
.wh-stat__value{
  margin-top: 6px;
  font-weight: 1000;
  font-size: 14px;
  color: rgba(255,255,255,.92);
}

/* GRID */
.blocks{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 16px;
  align-items:start;
}

/* cards */
.pg-auth-page-wholesale,
.block-information{
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  box-shadow: var(--shadow);
  padding: 18px;
  backdrop-filter: blur(18px);
}

/* Alerts */
.pg-alert{
  border-radius: var(--radius-sm);
  padding: 12px 12px;
  margin: 0 0 12px;
  font-weight: 900;
  line-height: 1.45;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.03);
  color: var(--text);
}
.pg-alert--err{
  border-color: rgba(255,45,122,.35);
  background: rgba(255,45,122,.10);
}
.pg-alert--ok{
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
}

/* FORM */
.pg-auth-form{ max-width: 620px; }
.pg-row{ margin-bottom: 12px; }
.pg-row label{
  display:block;
  font-weight: 1000;
  margin-bottom: 8px;
  color: rgba(255,255,255,.92);
}

.pg-auth-form input,
.pg-auth-form textarea{
  width: 95%;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.25);
  color: rgba(255,255,255,.92);
  padding: 12px 14px;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
  box-shadow: 0 0 0 rgba(0,0,0,0);
}

.pg-auth-form input:focus,
.pg-auth-form textarea:focus{
  border-color: rgba(255,45,122,.55);
  box-shadow: 0 0 0 5px rgba(255,45,122,.12);
  background: rgba(0,0,0,.30);
}

.pg-auth-form input::placeholder,
.pg-auth-form textarea::placeholder{ color: rgba(255,255,255,.44); }

.pg-phone-error{ color: rgba(255,45,122,.95); font-weight: 900; margin-top: 6px; }

.pg-agree span{ color: rgba(255,255,255,.72); line-height: 1.4; font-weight: 800; }
.pg-agree input{ margin-top: 3px; accent-color: var(--pink); }

/* CTA button — в стиле сайта */
.pg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width: 100%;
  padding: 13px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,45,122,.50);
  background: linear-gradient(135deg, rgba(255,45,122,.95), rgba(176,0,255,.75));
  color: #fff;
  font-weight: 1000;
  cursor: pointer;
  box-shadow: 0 18px 45px rgba(255,45,122,.18);
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
.pg-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 22px 60px rgba(255,45,122,.22);
}
.pg-btn:active{ transform: translateY(0px); filter: brightness(.98); }

.pg-small-link{
  color: rgba(255,255,255,.78);
  text-decoration: none;
  border-bottom: 1px dashed rgba(255,255,255,.30);
  font-weight: 900;
}
.pg-small-link:hover{ color: rgba(255,255,255,.92); border-bottom-color: rgba(255,45,122,.55); }

/* INFO block typography */
.block-information h2.title-wholesales{
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 1000;
}
.block-information h3.title-wholesales{
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 800;
  color: rgba(255,255,255,.70);
  line-height: 1.55;
}
.block-information h4.title-wholesales{
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 900;
  color: rgba(255,255,255,.84);
}
.block-information h5.title-wholesales{
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .10em;
  color: rgba(255,255,255,.55);
  margin: 14px 0 8px;
}

.li-text{
  margin: 6px 0 0;
  padding-left: 18px;
  color: rgba(255,255,255,.78);
}
.block-information li{ margin: 7px 0; }

/* Добавка: steps + contact card */
.wh-steps{
  margin-top: 14px;
  border-top: 1px solid rgba(255,255,255,.10);
  padding-top: 14px;
  display:grid;
  gap: 10px;
}
.wh-step{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  border-radius: 18px;
  padding: 12px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
}
.wh-step__n{
  width: 28px; height: 28px;
  border-radius: 999px;
  display:flex; align-items:center; justify-content:center;
  font-weight: 1000;
  color:#fff;
  background: linear-gradient(135deg, var(--pink), var(--mag));
  box-shadow: 0 10px 30px rgba(255,45,122,.18);
  flex: 0 0 auto;
}
.wh-step__t{ font-weight: 1000; color: rgba(255,255,255,.92); margin: 0 0 2px; }
.wh-step__d{ margin:0; color: rgba(255,255,255,.70); line-height: 1.45; font-weight: 800; }

.wh-contact{
  margin-top: 14px;
  border-top: 1px solid rgba(255,255,255,.10);
  padding-top: 14px;
}
.wh-contact__box{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  border-radius: 18px;
  padding: 12px;
}
.wh-contact__row{
  display:flex;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.78);
  font-weight: 900;
}
.wh-contact__row:last-child{ border-bottom: 0; }
.wh-contact__row a{ color: rgba(255,255,255,.92); text-decoration:none; border-bottom:1px dashed rgba(255,255,255,.30); }
.wh-contact__row a:hover{ border-bottom-color: rgba(255,45,122,.55); }

/* FAQ */
.wh-faq{
  margin-top: 14px;
  border-top: 1px solid rgba(255,255,255,.10);
  padding-top: 14px;
}
.wh-faq__title{ margin: 0 0 10px; font-weight: 1000; font-size: 16px; color: rgba(255,255,255,.92); }
.wh-acc{ display:grid; gap: 10px; }
.wh-acc details{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  border-radius: 18px;
  overflow: hidden;
}
.wh-acc summary{
  list-style:none;
  cursor:pointer;
  padding: 12px 12px;
  font-weight: 1000;
  color: rgba(255,255,255,.90);
}
.wh-acc summary::-webkit-details-marker{ display:none; }
.wh-acc .wh-acc__body{ padding: 0 12px 12px; color: rgba(255,255,255,.72); line-height: 1.55; font-weight: 800; }

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-register-wholesale.php] B2B WHOLESALE — DARK GLASS (match your site screenshot) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-register-wholesale.php] TIERS (same dark glass) --- */
/* =========================
   TIERS (same dark glass)
========================= */
.tiers--slider{
  background: radial-gradient(900px 520px at 15% 0%, rgba(176,0,255,.18), rgba(176,0,255,0) 62%),
              radial-gradient(900px 520px at 90% 10%, rgba(255,45,122,.16), rgba(255,45,122,0) 60%),
              linear-gradient(180deg, var(--bg0), var(--bg1));
  padding: 18px 0 46px;
}
.tiers--slider .tiers{
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 16px;
  color: var(--text);
}
.tiers__title{ margin: 0 0 6px; font-size: 26px; line-height: 1.15; font-weight: 1000; }
.tiers__subtitle{ margin: 0; color: rgba(255,255,255,.68); font-weight: 800; }

.tierSlider{ display:grid; gap: 14px; }
.tierSlider__track{
  border-radius: var(--radius);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow2);
  padding: 14px 14px 12px;
  backdrop-filter: blur(18px);
}

.tierSlider__range{
  width: 100%;
  margin: 0;
  -webkit-appearance:none;
  appearance:none;
  height: 10px;
  border-radius: 999px;
  background:
    linear-gradient(135deg, var(--pink), var(--mag)) 0 0 / var(--fill, 0%) 100% no-repeat,
    rgba(255,255,255,.10);
}
.tierSlider__range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 2px solid rgba(255,45,122,.70);
  box-shadow: 0 12px 28px rgba(0,0,0,.45);
  cursor:pointer;
}
.tierSlider__range::-moz-range-thumb{
  width: 22px; height: 22px; border-radius: 999px;
  background: rgba(255,255,255,.92);
  border:2px solid rgba(255,45,122,.70);
  box-shadow: 0 12px 28px rgba(0,0,0,.45);
  cursor:pointer;
}
.tierSlider__ticks{ display:grid; grid-template-columns: repeat(4,1fr); margin-top: 10px; gap: 10px; }
.tierSlider__tick{ height: 6px; border-radius: 999px; background: rgba(255,255,255,.10); }

.tierSlider__labels{ display:grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.tierSlider__label{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  border-radius: 18px;
  padding: 12px 12px;
  cursor:pointer;
  font-weight: 1000;
  color: rgba(255,255,255,.86);
  transition: transform .12s ease, filter .12s ease, border-color .12s ease;
}
.tierSlider__label:hover{ transform: translateY(-1px); border-color: rgba(255,45,122,.35); }
.tierSlider__label.is-active{
  border-color: rgba(255,45,122,.55);
  background: linear-gradient(135deg, rgba(255,45,122,.22), rgba(176,0,255,.16));
  color: rgba(255,255,255,.96);
  box-shadow: 0 18px 44px rgba(255,45,122,.16);
}

.tierCard{
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow);
  padding: 16px;
  overflow:hidden;
  backdrop-filter: blur(18px);
  transition: opacity .18s ease, transform .18s ease;
}
.tierCard.is-fading{ opacity: 0; transform: translateY(6px); }

.tierCard__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom: 12px; }
.tierCard__badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 1000;
  letter-spacing: .08em;
  border: 1px solid rgba(255,45,122,.35);
  background: rgba(255,45,122,.12);
  color: rgba(255,255,255,.92);
}
.tierCard__name{ margin: 10px 0 0; font-size: 20px; font-weight: 1000; }
.tierCard__tag{ font-weight: 900; color: rgba(255,255,255,.66); }

.tierCard__grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 10px; }
.tierCard__block{
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 12px;
  background: rgba(0,0,0,.18);
}
.tierCard__blockTitle{ font-weight: 1000; margin-bottom: 8px; color: rgba(255,255,255,.92); }
.tierCard__list{ margin: 0; padding-left: 18px; color: rgba(255,255,255,.76); font-weight: 850; }
.tierCard__list li{ margin: 7px 0; }

.tierCard__actions{ display:flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.btn{
  border-radius: 18px;
  padding: 10px 14px;
  font-weight: 1000;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  cursor:pointer;
  text-decoration:none;
  color: rgba(255,255,255,.86);
  transition: transform .12s ease, filter .12s ease, border-color .12s ease;
}
.btn:hover{ transform: translateY(-1px); border-color: rgba(255,45,122,.35); }
.btn--primary{
  background: linear-gradient(135deg, rgba(255,45,122,.95), rgba(176,0,255,.70));
  border-color: rgba(255,45,122,.45);
  color: #fff;
  box-shadow: 0 18px 44px rgba(255,45,122,.16);
}
.btn--ghost{ background: transparent; }

.tierCard__details{
  margin-top: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
  padding-top: 12px;
}
.tierCard__detailsTitle{ font-weight: 1000; margin-bottom: 6px; color: rgba(255,255,255,.92); }
.tierCard__detailsText{ color: rgba(255,255,255,.70); line-height: 1.55; font-weight: 850; }

/* Responsive */
@media (max-width: 980px){
  .blocks{ grid-template-columns: 1fr; }
  .wh-hero{ flex-direction: column; }
  .wh-hero__right{ width: 100%; grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 767px){
  .tierCard__grid{ grid-template-columns: 1fr; }
  .tierSlider__labels{ grid-template-columns: 1fr 1fr; }
  .wh-hero__right{ grid-template-columns: 1fr; }
}


















/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-register-wholesale.php] TIERS (same dark glass) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-register-wholesale.php] GALLERY PRODUCTS --- */
/* ===== GALLERY PRODUCTS ===== */

.pgPref__gallery{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 20px;
}

/* карточка */
.pgPref__item{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.08);

  background: rgba(255,255,255,.03);
  backdrop-filter: blur(14px);

  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* картинка */
.pgPref__item img{
  width: 100%;
  height: 190px;
  object-fit: cover;
  display:block;
  transition: transform .35s ease;
}

/* подпись */
.pgPref__item span{
  position:absolute;
  left:16px;
  bottom:14px;
  font-weight: 900;
  font-size: 15px;
  color:#fff;
  letter-spacing:.3px;
}

/* градиент снизу */
.pgPref__item::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.75));
}

/* hover эффект */
.pgPref__item:hover{
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(255,45,122,.45);
  box-shadow:
    0 20px 60px rgba(255,0,80,.15),
    inset 0 0 0 1px rgba(255,255,255,.06);
}

.pgPref__item:hover img{
  transform: scale(1.05);
}

/* glow линия при наведении */
.pgPref__item::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: linear-gradient(120deg, #ff2d7a, #b000ff, #ff2d7a);
  opacity:0;
  transition:.3s;
  z-index:-1;
}

.pgPref__item:hover::before{
  opacity:.35;
  filter: blur(12px);
}

/* адаптив */
@media(max-width:1100px){
  .pgPref__gallery{ grid-template-columns: repeat(3, 1fr); }
}
@media(max-width:768px){
  .pgPref__gallery{ grid-template-columns: repeat(2, 1fr); }
}
@media(max-width:480px){
  .pgPref__gallery{ grid-template-columns: 1fr; }
}






























      .pgm-layout-box{margin-top:14px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 18px 44px rgba(0,0,0,.28)}
      .pgm-layout-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
      .pgm-layout-title{margin:0;font-size:17px;font-weight:1000;color:rgba(255,255,255,.94);letter-spacing:-.2px}
      .pgm-layout-badge{font-size:11px;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,45,122,.16);color:rgba(255,255,255,.9)}
      .pgm-layout-note{margin:8px 0 12px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.72)}
      .pgm-layout-tabs{display:flex;gap:8px;margin-bottom:10px}
      .pgm-layout-tab{height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font-weight:900;transition:.18s}
      .pgm-layout-tab.is-active{background:linear-gradient(90deg,rgba(255,45,122,.92),rgba(176,0,255,.74));border-color:rgba(255,255,255,.24)}
      .pgm-layout-panel{display:none}
      .pgm-layout-panel.is-active{display:block}
      .pgm-layout-drop{border:1px dashed rgba(255,255,255,.24);border-radius:16px;padding:12px;background:rgba(0,0,0,.16);transition:.18s}
      .pgm-layout-drop.is-over{border-color:rgba(255,45,122,.62);background:rgba(255,45,122,.09)}
      .pgm-layout-drop-title{font-size:13px;font-weight:800;color:rgba(255,255,255,.84);margin-bottom:8px}
      .pgm-layout-picker{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
      .pgm-layout-picker-btn{display:inline-flex;height:34px;align-items:center;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);font-weight:900;color:#fff}
      .pgm-layout-picker-name{font-size:12px;color:rgba(255,255,255,.76);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}
      .pgm-layout-file{position:absolute;inset:0;opacity:0;cursor:pointer}
      .pgm-layout-url{width:90%}
      .pgm-layout-check{display:flex;align-items:center;gap:8px;margin-top:10px;color:rgba(255,255,255,.86);font-weight:700}
      .pgm-layout-feedback{margin-top:12px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18)}
      .pgm-layout-state{font-size:12px;font-weight:900;color:rgba(255,255,255,.85)}
      .pgm-layout-state.is-idle{color:rgba(255,255,255,.72)}
      .pgm-layout-state.is-ok{color:#72f2a5}
      .pgm-layout-state.is-warn{color:#ffd97a}
      .pgm-layout-state.is-bad{color:#ff8a8a}
      .pgm-layout-list{margin:7px 0 0;padding-left:18px;font-size:12px;line-height:1.45}
      .pgm-layout-list li{margin:4px 0}
      .pgm-layout-list--err{color:#ff9a9a}
      .pgm-layout-list--warn{color:#ffd993}
      .pgm-layout-submit-lock{opacity:1;pointer-events:auto}
      .pgm-order-gate{
        width:100%;
        display:grid;
        grid-template-columns:34px minmax(0,1fr) 24px;
        align-items:center;
        gap:11px;
        margin-top:12px;
        padding:12px 14px;
        border:1px solid rgba(255,193,77,.38);
        border-radius:16px;
        background:rgba(255,173,31,.08);
        color:#fff;
        text-align:left;
        cursor:pointer;
        transition:border-color .18s ease,background .18s ease,transform .18s ease;
      }
      .pgm-order-gate:hover{transform:translateY(-1px);border-color:rgba(255,193,77,.62);background:rgba(255,173,31,.12)}
      .pgm-order-gate__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,190,60,.16);color:#ffd36a;font-size:17px;font-weight:1000}
      .pgm-order-gate__copy{display:grid;gap:3px;min-width:0}
      .pgm-order-gate__copy strong{font-size:13px;line-height:1.3;color:#fff}
      .pgm-order-gate__copy span{font-size:11px;line-height:1.4;color:rgba(255,255,255,.7)}
      .pgm-order-gate__arrow{font-size:18px;font-weight:900;color:rgba(255,255,255,.72);text-align:center}
      .pgm-order-gate.is-error{border-color:rgba(255,91,91,.55);background:rgba(255,64,64,.1)}
      .pgm-order-gate.is-error .pgm-order-gate__icon{background:rgba(255,73,73,.16);color:#ff9b9b}
      .pgm-order-gate.is-ready{border-color:rgba(74,220,139,.5);background:rgba(42,190,112,.09)}
      .pgm-order-gate.is-ready .pgm-order-gate__icon{background:rgba(42,190,112,.16);color:#7df1ae}
      .pgm-order-gate.is-ready .pgm-order-gate__arrow{color:#7df1ae}



/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-register-wholesale.php] GALLERY PRODUCTS --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-register-wholesale.php] MIGRATED CSS FROM PHP TEMPLATES (AUTO) --- */
/* === MIGRATED CSS FROM PHP TEMPLATES (AUTO) === */

/* NOTE (DUPLICATES):
   Inside this migrated zone, some selectors are repeated by later blocks.
   Nothing is removed.
   Real applied variant = the declaration that appears later in this file. */

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-register-wholesale.php] MIGRATED CSS FROM PHP TEMPLATES (AUTO) --- */

/* ===== КОНЕЦ СТИЛЕЙ ФАЙЛА page-register-wholesale.php ===== */

/* ===== НАЧАЛО СТИЛЕЙ ФАЙЛА single-product.php ===== */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [single-product.php] Migrated from single-product.php (block 1) --- */
/* ===== Migrated from single-product.php (block 1) ===== */
            .pgExtraGrid2026{display:flex;grid-template-columns:1.2fr .8fr;gap:18px;margin:22px 0 10px;}
            @media(max-width: 980px){.pgExtraGrid2026{grid-template-columns:1fr;}}

            .pgExtraCard2026{
              background: var(--glass, rgba(255,255,255,.04));
              border: 1px solid var(--stroke, rgba(255,255,255,.12));
              border-radius: 28px;
              backdrop-filter: blur(18px);
              -webkit-backdrop-filter: blur(18px);
              box-shadow: var(--shadow, 0 14px 34px rgba(0,0,0,.38));
              overflow: hidden;
             height: fit-content;

            }
            .pgExtraCard2026__in{padding:18px 18px 16px;}

            .pgExtraTitle2026{
              margin:0 0 10px;
              font-weight:1000;
              letter-spacing:-.25px;
              font-size:20px;
              color: rgba(255,255,255,.92);
            }
            .pgExtraDesc2026{line-height:1.7;color: rgba(255,255,255,.86);}
            .pgExtraDesc2026 p{margin:0 0 14px;}
            .pgExtraDesc2026 h2{font-size:23px;line-height:1.2;font-weight:800;letter-spacing:-.3px;color:#fff;margin:28px 0 12px;}
            .pgExtraDesc2026 strong{color:#fff;font-weight:700;}
            .pgExtraDesc2026 a{color:#ff5c95;text-decoration:none;font-weight:600;background-image:linear-gradient(transparent 62%,rgba(255,45,122,.22) 0);background-size:100% 100%;border-bottom:1px solid rgba(255,92,149,.5);padding:0 2px 1px;border-radius:3px;transition:color .16s ease,border-color .16s ease,background-color .16s ease;}
            .pgExtraDesc2026 a:hover{color:#fff;border-bottom-color:#ff2d7a;background-color:rgba(255,45,122,.85);background-image:none;}
            .pgExtraDesc2026 .pgx-toc{margin:0 0 24px;padding:16px 20px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04);}
            .pgExtraDesc2026 .pgx-toc__t{margin:0 0 10px;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#ff5c95;}
            .pgExtraDesc2026 .pgx-toc ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
            .pgExtraDesc2026 .pgx-toc li a{font-weight:500;background-image:none;border-bottom:1px dashed rgba(255,92,149,.45);padding:0 0 1px;}
            .pgExtraDesc2026 .pgx-toc li a:hover{background-color:transparent;color:#ff8fb6;border-bottom-color:#ff2d7a;}
            .pgExtraMut2026{color: var(--mut, rgba(255,255,255,.72));font-size:13px;line-height:1.5;margin:0 0 12px;}

            .pgDetails2026{border-top:1px solid rgba(255,255,255,.08);}
            .pgDetails2026 details{border-top:1px solid rgba(255,255,255,.08);padding:0;margin:0;}
            .pgDetails2026 summary{
              list-style:none;cursor:pointer;padding:14px 18px;font-weight:1000;display:flex;align-items:center;justify-content:space-between;gap:10px;
              color: rgba(255,255,255,.90);user-select:none;
            }
            .pgDetails2026 summary::-webkit-details-marker{display:none;}
            .pgDetails2026 details[open] summary{background: rgba(255,255,255,.05);}
            .pgDetailsBody2026{padding:0 18px 16px;line-height:1.65;color: rgba(255,255,255,.84);}

            .pgRecoList2026{margin:10px 0 0;padding-left:18px;}
            .pgRecoList2026 li{margin:7px 0;color: rgba(255,255,255,.84);}

            .pgSizeBadge2026{display:grid;gap:10px;margin-top:10px;}
            .pgSizeRow2026{
              display:flex;gap:12px;align-items:center;justify-content:space-between;
              padding:12px 14px;border-radius:18px;background: rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);
            }
            .pgSizeRow2026 b{font-weight:1000;color: rgba(255,255,255,.92);}
            .pgSizeRow2026 code{
              background: rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);
              padding:4px 8px;border-radius:12px;color: rgba(255,255,255,.92);
            }

            .pgTplBtn2026{
              display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;height:46px;padding:0 14px;border-radius:16px;
              border:1px solid rgba(255,255,255,.12);background: rgba(255,255,255,.06);color: rgba(255,255,255,.92);
              text-decoration:none;font-weight:1000;transition: transform .15s ease, background .15s ease;
            }
            .pgTplBtn2026:hover{transform: translateY(-1px);background: rgba(255,255,255,.09);}

            /* viz card */
            .pgVizCard2026{
              position: relative; /* anchor for absolute legend + tooltip */
              border-radius:18px;
              border:1px solid rgba(255,255,255,.10);
              background: rgba(255,255,255,.03);
              overflow:hidden;
            }

            /* legend + help */
            .pgVizLegend{
              position:absolute;
              right: 2px;    
              top: 65px;
              display:flex;
              flex-direction:column;
              gap:10px;
              z-index:6;
              padding:10px 5px;
              border-radius:14px;
              border:1px solid rgba(255,255,255,.10);
              background: rgba(0,0,0,.22);
              backdrop-filter: blur(10px);
              -webkit-backdrop-filter: blur(10px);
            }
            .pgLegendRow{
              display:flex;
              align-items:center;
              gap:10px;
              color:rgba(255,255,255,.92);
              font-weight:700;
              font-size:14px;
              line-height:1.2;
              white-space:nowrap;
            }
            .pgLegendRow b{font-weight:900;}
            .pgDot{
              width:10px;
              height:10px;
              border-radius:50%;
              flex:0 0 auto;
            }
            .pgDim{opacity:.95;}
            .pgHelpBtn{
              width:20px;
              height:20px;
              border-radius:50%;
              border:none;
              font-size:12px;
              cursor:pointer;
              background:rgba(255,255,255,.15);
              color:white;
              font-weight:900;
              line-height:20px;
              padding:0;
              display:inline-flex;
              align-items:center;
              justify-content:center;
              flex:0 0 auto;
            }
            .pgHelpBtn:hover{background:rgba(255,255,255,.22);}

            .pgHelpTooltip {
    position: absolute;
    max-width: 300px;
    background: rgb(10 10 12 / 42%);
    color: white;
    padding: 5px 14px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .55);
    border: 1px solid rgba(255, 255, 255, .10);
    z-index: 999;
    transform: translateY(-90px);
}
          

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [single-product.php] Migrated from single-product.php (block 1) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [single-product.php] Migrated from single-product.php (block 2) --- */
/* ===== Migrated from single-product.php (block 2) ===== */
      @media (max-width: 980px){
        /* Мобілка: спершу фото + блок вибору/замовлення, опис — в самий кінець */
        .wolf-pdp{display:flex !important;flex-direction:column !important;grid-template-columns:1fr !important;gap:20px !important;}
        .wolf-pdp-left{display:contents !important;}                         /* розкриваємо ліву колонку */
        .wolf-pdp-left > div:first-child{order:1;}                          /* фото товару */
        .wolf-pdp-right{order:2;}                                           /* заголовок + вибір матеріалу + ціна + кошик */
        .wolf-pdp-left .pgExtraCard2026--desc-under-image{order:3;}         /* опис товару — вниз */
        .wolf-pdp-right h1{font-size:44px !important;}
      }
      .woocommerce div.product .summary { float:none; width:auto; }

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [single-product.php] Migrated from single-product.php (block 2) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [single-product.php] DARK UI – ВСЁ внутри блока --- */
      /* =======================
         DARK UI – ВСЁ внутри блока
         ======================= */
      .wolf-dark-ui{
        --wolf-bg: #0f0f10;
        --wolf-bg-2:#121214;
        --wolf-text:#ffffff;
        --wolf-muted: rgba(255,255,255,.72);
        --wolf-border: rgba(255,255,255,.18);
        --wolf-border-2: rgba(255,255,255,.28);
        --wolf-shadow: 0 14px 34px rgba(0,0,0,.38);

        color: var(--wolf-text) !important;
      }

      .wolf-dark-ui :where(
        .woocommerce,
        form,
        table,
        tbody,
        tr,
        td,
        th,
        .variations_form,
        .variations,
        .woocommerce-variation,
        .woocommerce-variation-add-to-cart,
        .single_variation_wrap,
        .quantity,
        .cart,
        .woocommerce-message,
        .woocommerce-info,
        .woocommerce-error
      ){
        background: transparent !important;
        color: inherit !important;
      }

      .wolf-dark-ui :where(label, .label, .woocommerce-loop-product__title){
        color: rgba(255,255,255,.88) !important;
        font-weight: 600 !important;
      }

      .wolf-dark-ui :where(
        select,
        input[type="text"],
        input[type="number"],
        input[type="tel"],
        input[type="email"],
        input[type="search"],
        input[type="url"],
        input[type="password"],
        input[type="date"],
        input[type="time"],
        textarea
      ){
        background: var(--wolf-bg) !important;
        color: var(--wolf-text) !important;
        border: 1px solid var(--wolf-border) !important;
        border-radius: 18px !important;
        height: 56px !important;
        padding: 0 18px !important;
        box-shadow: var(--wolf-shadow) !important;
        outline: none !important;
      }

      .wolf-dark-ui textarea{
        height: auto !important;
        min-height: 110px !important;
        padding: 14px 18px !important;
      }

      .wolf-dark-ui :where(select, input, textarea)::placeholder{
        color: rgba(255,255,255,.55) !important;
      }

      .wolf-dark-ui :where(select, input, textarea):focus{
        border-color: var(--wolf-border-2) !important;
        box-shadow: 0 0 0 3px rgba(255,255,255,.10), 0 16px 40px rgba(0,0,0,.45) !important;
      }

      .wolf-dark-ui select{
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        padding-right: 46px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 16px center !important;
        background-size: 16px 16px !important;
      }
      .wolf-dark-ui select option{
        background: var(--wolf-bg) !important;
        color: var(--wolf-text) !important;
      }

      .wolf-dark-ui input[type="checkbox"],
      .wolf-dark-ui input[type="radio"]{
        accent-color: #ffffff !important;
      }

      .wolf-dark-ui .quantity input.qty{
        width: 100% !important;
        max-width: 140px !important;
        text-align: center !important;
        padding: 0 14px !important;
      }

      .wolf-dark-ui :where(button, .button, .single_add_to_cart_button, input[type="submit"]){
        border-radius: 18px !important;
      }

      .wolf-dark-ui .variations td,
      .wolf-dark-ui .variations th{
        border: 0 !important;
        padding: 8px 0 !important;
      }

      .wolf-dark-ui .select2-container{width: 100% !important;}

      .wolf-dark-ui .select2-container--default .select2-selection--single,
      .wolf-dark-ui .select2-container--default .select2-selection--multiple{
        background: var(--wolf-bg) !important;
        border: 1px solid var(--wolf-border) !important;
        border-radius: 18px !important;
        min-height: 56px !important;
        box-shadow: var(--wolf-shadow) !important;
      }

      .wolf-dark-ui .select2-container--default .select2-selection--single .select2-selection__rendered{
        color: var(--wolf-text) !important;
        line-height: 56px !important;
        padding-left: 18px !important;
        padding-right: 46px !important;
      }

      .wolf-dark-ui .select2-container--default .select2-selection--single .select2-selection__arrow{
        height: 56px !important;
        right: 14px !important;
      }

      .wolf-dark-ui .select2-container--default .select2-search--dropdown .select2-search__field{
        background: var(--wolf-bg) !important;
        color: var(--wolf-text) !important;
        border: 1px solid var(--wolf-border) !important;
        border-radius: 14px !important;
        height: 46px !important;
        padding: 0 14px !important;
        box-shadow: none !important;
      }

      .wolf-dark-ui .select2-dropdown{
        background: var(--wolf-bg) !important;
        border: 1px solid var(--wolf-border) !important;
        border-radius: 16px !important;
        overflow: hidden !important;
      }

      .wolf-dark-ui .select2-results__option{
        color: var(--wolf-text) !important;
        background: var(--wolf-bg) !important;
      }

      .wolf-dark-ui .select2-results__option--highlighted{
        background: rgba(255,255,255,.10) !important;
        color: var(--wolf-text) !important;
      }

      .wolf-dark-ui :where(
        .wolf-field,
        .field,
        .form-row,
        .woocommerce-input-wrapper,
        .value,
        .reset_variations
      ){
        color: var(--wolf-muted) !important;
      }

      .wolf-dark-ui :where(div, section, article, header, footer, span){
        background-color: transparent;
      }
      
    


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [single-product.php] DARK UI – ВСЁ внутри блока --- */

/* ===== КОНЕЦ СТИЛЕЙ ФАЙЛА single-product.php ===== */

/* ===== НАЧАЛО СТИЛЕЙ ФАЙЛА vumogy-maketu.php ===== */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [vumogy-maketu.php] Online orders layout (left nav + right viewer) --- */
/* ===== Online orders layout (left nav + right viewer) ===== */
.ipOnline2026{padding:24px 0 12px}
.ipOnline2026__head{margin:0 0 18px}
.ipOnline2026__title{font-size:clamp(28px,3.2vw,44px);line-height:1.05;margin:0 0 8px}
.ipOnline2026__lead{opacity:.85;margin:0;max-width:80ch}

.ipOnline2026__layout{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}
@media (max-width: 980px){.ipOnline2026__layout{grid-template-columns:1fr}.ipOnline2026Nav{position:sticky;top:0}}

.ipOnline2026Nav{position:sticky;top:16px;border-radius:22px;padding:14px 12px;max-height:calc(100vh - 32px);overflow:auto}
.ipOnline2026Nav__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4px 6px 10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}
.ipOnline2026Nav__title{font-weight:700}
.ipOnline2026Nav__hint{font-size:12px;opacity:.7}
.ipOnline2026Nav__group{padding:8px 6px 10px}
.ipOnline2026Nav__groupTitle{font-weight:700;opacity:.9;margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.ipOnline2026Nav__item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);background:transparent;color:inherit;border-radius:16px;padding:10px 10px;margin:0 0 8px;cursor:pointer;transition:transform .12s ease, border-color .12s ease, background .12s ease}
.ipOnline2026Nav__item:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.16)}
.ipOnline2026Nav__item:active{transform:translateY(0)}
.ipOnline2026Nav__dot{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.22);flex:0 0 10px}
.ipOnline2026Nav__item.isActive{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22)}
.ipOnline2026Nav__item.isActive .ipOnline2026Nav__dot{background:rgba(255,255,255,.65)}
.ipOnline2026Nav__label{font-weight:600;font-size:14px;line-height:1.2}
.ipOnline2026Nav__meta{margin-left:auto;font-size:12px;opacity:.7;white-space:nowrap}

.ipOnline2026Main{display:grid;gap:14px;min-width:0}
.ipOnline2026Viewer{border-radius:26px;padding:14px;min-width:0}
.ipOnline2026Viewer:empty{min-height:220px;display:grid;place-items:center;opacity:.75}
.ipOnline2026Viewer:empty:before{content:"Оберіть позицію зліва";}

.ipOnline2026Tips{border-radius:26px;padding:14px}
.ipOnline2026Tips__title{font-weight:800;margin:0 0 10px}
.ipOnline2026Tips__list{margin:0;padding-left:18px;opacity:.9}
.ipOnline2026Tips__list li{margin:6px 0}

.ipOnline2026Storage{display:none}

/* Make cards look good inside viewer: keep your styles, just ensure full width */
.ipOnline2026Viewer .ipReqRollCard,
.ipOnline2026Viewer .ipReqPackCard,
.ipOnline2026Viewer .ipReqMaskCard,
.ipOnline2026Viewer .ipReqDieCard,
.ipOnline2026Viewer .ipReqEnvCard,
.ipOnline2026Viewer .ipReqRuCard,
.ipOnline2026Viewer .ipReqXbCard,
.ipOnline2026Viewer .ipPackCard,
.ipOnline2026Viewer .ipMaskCard,
.ipOnline2026Viewer .ipDieCard,
.ipOnline2026Viewer .ipEnvCard,
.ipOnline2026Viewer .ipRuCard,
.ipOnline2026Viewer .ipXbCard{box-sizing:border-box;margin:0;max-width:100%;min-width:0;width:100%}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [vumogy-maketu.php] Online orders layout (left nav + right viewer) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [vumogy-maketu.php] Migrated from vumogy-maketu.php (block 1) --- */
/* ===== Migrated from vumogy-maketu.php (block 1) ===== */

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [vumogy-maketu.php] Migrated from vumogy-maketu.php (block 1) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [vumogy-maketu.php] Migrated from vumogy-maketu.php (block 2) --- */
/* ===== Migrated from vumogy-maketu.php (block 2) ===== */
    /* PACK block (stickers + hangers + reco) */
.ipPack { margin: 34px auto 44px; }
.ipPack__head { text-align:center; margin-bottom: 18px; }
.ipPack__kicker{
  display:inline-flex; align-items:center; gap:10px;
  padding:6px 12px; border-radius:999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  font-weight: 900;
}
.ipPack__title{ font-size: 34px; font-weight: 900; margin: 12px 0 8px; }
.ipPack__lead{ opacity:.75; max-width: 980px; margin: 0 auto; }

.ipPackGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.ipPackCard{ padding: 18px; position: relative; overflow:hidden; transition: transform .35s ease; }
.ipPackCard:hover{ transform: translateY(-6px); }

.ipPackCard__top{ display:flex; flex-direction: column; gap: 10px; }
.ipPackCard__title{ margin:0; font-weight: 900; font-size: 16px; line-height: 1.25; }

.ipPackChips{ display:flex; flex-wrap: wrap; gap: 8px; }
.ipPackActions{ display:flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }

/* Stickers inner layout */
.ipStickerGrid{ display:grid; grid-template-columns: 1fr; gap: 14px; margin-top: 12px; }
@media (min-width: 920px){
  .ipPackCard[data-pack="stickers"] .ipStickerGrid{ grid-template-columns: 1fr 1fr; }
}
.ipSticker__hdr{ display:flex; flex-direction: column; gap: 4px; }
.ipSticker__name{ font-weight: 1000; }
.ipSticker__mini{ opacity:.7; font-size: 12px; }

/* Viz base */
.ipViz2{
  margin-top: 10px;
  height: 240px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  background: radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.08), rgba(255,255,255,.02));
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.ipViz2__stage{ position:relative; width:100%; height:100%; }

/* Rects (outer/print/safe/finish) with auto scaling via CSS vars */
.ipRect{
  position:absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 16px;
  width: calc(var(--w) * 2px);
  height: calc(var(--h) * 2px);
  display:flex; align-items:flex-start; justify-content:flex-start;
  padding: 10px;
  box-sizing: border-box;
  animation: ipFloat 2.8s ease-in-out infinite;
}
@keyframes ipFloat{
  0%,100%{ transform: translate(-50%, -50%) translateY(0); }
  50%{ transform: translate(-50%, -50%) translateY(-6px); }
}

.ipRect__label{
  font-weight: 1000;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
}

.ipRect--outer{
  background: rgba(255,77,109,.10);
  border: 1px solid rgba(255,77,109,.32);
  box-shadow: 0 22px 60px rgba(0,0,0,.22);
}
.ipRect--print{
  background: rgba(0,212,255,.10);
  border: 1px solid rgba(0,212,255,.28);
  border-radius: 14px;
  animation-delay: .12s;
}
.ipRect--finish{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  animation-delay: .10s;
}
.ipRect--safe{
  background: rgba(185,255,102,.08);
  border: 1px solid rgba(185,255,102,.28);
  border-radius: 14px;
  animation-delay: .18s;
}

/* Glue hint */
.ipGlue{
  position:absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  display:flex; align-items:center; gap: 10px;
}
.ipGlue__tag{
  font-weight: 1000;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
}
.ipGlue__pulse{
  width: 10px; height: 10px; border-radius: 50%;
  background: rgba(255,77,109,.8);
  box-shadow: 0 0 0 0 rgba(255,77,109,.42);
  animation: ipPulse 1.35s ease-out infinite;
}
@keyframes ipPulse{
  0%{ box-shadow: 0 0 0 0 rgba(255,77,109,.42); transform: scale(1); }
  100%{ box-shadow: 0 0 0 18px rgba(255,77,109,0); transform: scale(1.05); }
}

/* Dims */
.ipDim{
  position:absolute;
  font-weight: 1000;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  opacity:.92;
}
.ipDim--w{ left: 50%; top: 12px; transform: translateX(-50%); }
.ipDim--h{
  left: 12px; top: 50%; transform: translateY(-50%) rotate(-90deg);
  transform-origin: left top;
}

/* Hanger specifics */
.ipViz2--hanger .ipRect{ border-radius: 18px; }
.ipBleedTag{
  position:absolute;
  right: 12px; top: 12px;
  font-weight: 1000;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,77,109,.14);
  border: 1px solid rgba(255,77,109,.28);
  backdrop-filter: blur(10px);
}
.ipHole{
  position:absolute;
  left: 50%;
  top: calc(50% - 78px);
  transform: translateX(-50%);
  width: 18px; height: 18px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 2px 10px rgba(0,0,0,.35);
  animation: ipHoleWiggle 2.8s ease-in-out infinite;
}
@keyframes ipHoleWiggle{
  0%,100%{ transform: translateX(-50%) translateY(0); }
  50%{ transform: translateX(-50%) translateY(-4px); }
}

/* Reco hero */
.ipRecoHero{
  margin-top: 12px;
  height: 170px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  background: radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.08), rgba(255,255,255,.02));
  overflow:hidden;
  position: relative;
  display:flex; align-items:center; justify-content:center;
}
.ipRecoOrb{
  width: 120px; height: 120px; border-radius: 999px;
  background: rgba(0,212,255,.12);
  border: 1px solid rgba(0,212,255,.26);
  box-shadow: 0 26px 80px rgba(0,0,0,.25);
  animation: ipOrb 2.6s ease-in-out infinite;
}
@keyframes ipOrb{ 0%,100%{ transform: translateY(0) scale(1);} 50%{ transform: translateY(-8px) scale(1.04);} }
.ipRecoScan{
  position:absolute; inset:-40%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform: rotate(25deg);
  animation: ipScan 3.2s ease-in-out infinite;
}
@keyframes ipScan{
  0%{ transform: translateX(-55%) rotate(25deg); opacity:0; }
  40%{ opacity:.85; }
  100%{ transform: translateX(55%) rotate(25deg); opacity:0; }
}
.ipRecoTxt{
  position:absolute;
  font-weight: 1000;
  letter-spacing: .22em;
  text-transform: uppercase;
  opacity: .75;
}

/* accordion */
.ipPackAcc{ margin-top: 14px; }
.ipPackContent{ max-height:0; overflow:hidden; opacity:0; transition: max-height .45s ease, opacity .35s ease; }
.ipPackCard.isOpen .ipPackContent{ max-height: 3200px; opacity:1; }

.ipPackBlock{
  padding: 12px 12px 8px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.12);
  margin-bottom: 10px;
}
.ipPackBlock h4{ margin:0 0 10px; font-size: 14px; font-weight: 900; }
.ipPackBlock p{ margin: 8px 0; opacity:.92; }
.ipPackBlock ul{ margin:0; padding-left: 18px; opacity:.92; }
.ipPackBlock li{ margin: 6px 0; }

.ipPackLinks{ margin-top: 8px; font-size: 13px; opacity:.9; }
.ipPackLinks a{ text-decoration: underline; }
    /* X-BANNER block */
.ipXb { margin: 34px auto 44px; }
.ipXb__head { text-align:center; margin-bottom: 18px; }
.ipXb__kicker{
  display:inline-flex; align-items:center; gap:10px;
  padding:6px 12px; border-radius:999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  font-weight: 900;
}
.ipXb__title{ font-size: 34px; font-weight: 900; margin: 12px 0 8px; }
.ipXb__lead{ opacity:.75; max-width: 980px; margin: 0 auto; }

.ipXbGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.ipXbCard{
  padding: 18px;
  position: relative;
  overflow:hidden;
  transition: transform .35s ease;
}
.ipXbCard:hover{ transform: translateY(-6px); }

.ipXbCard__top{ display:flex; flex-direction: column; gap: 10px; }
.ipXbCard__title{ margin:0; font-weight: 900; font-size: 16px; line-height: 1.25; }
.ipXbChips{ display:flex; flex-wrap: wrap; gap: 8px; }

.ipXbActions{ display:flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }

/* Visual */
.ipXbViz{
  margin-top: 12px;
  height: 270px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  background: radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.08), rgba(255,255,255,.02));
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.ipXbViz__stage{ position:relative; width:100%; height:100%; }

/* Banner in the middle (breathing/stretch) */
.ipXbBanner{
  position:absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -54%);
  width: clamp(180px, 42vw, 250px);
  height: 0;
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 22px 60px rgba(0,0,0,.25);
  overflow:hidden;

  animation: xbBreath 2.6s ease-in-out infinite;
}
@keyframes xbBreath{
  0%,100%{ height: 170px; transform: translate(-50%, -54%) scaleX(.985); }
  50%{ height: 205px; transform: translate(-50%, -54%) scaleX(1.01); }
}
.ipXbBanner__grid{
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 16px 16px;
  opacity:.55;
}
.ipXbBanner__meta{
  position:absolute; left: 10px; top: 10px;
  display:flex; flex-direction: column; gap: 8px;
}
.ipXbBadge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  font-weight: 1000;
  font-size: 12px;
}
.ipXbBadge--soft{
  background: rgba(255,77,109,.14);
  border-color: rgba(255,77,109,.28);
}
.ipXbBanner__shine{
  position:absolute; inset:-50%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);
  transform: rotate(25deg);
  animation: xbShine 3.2s ease-in-out infinite;
}
@keyframes xbShine{
  0%{ transform: translateX(-55%) rotate(25deg); opacity:0; }
  40%{ opacity:.85; }
  100%{ transform: translateX(55%) rotate(25deg); opacity:0; }
}

/* X frame (spider) */
.ipXbFrame{ position:absolute; inset: 14px 14px 14px 14px; pointer-events:none; }
.ipXbCross{
  position:absolute;
  left: 50%;
  top: 50%;
  width: 120%;
  height: 2px;
  background: rgba(0,212,255,.28);
  box-shadow: 0 16px 30px rgba(0,0,0,.22);
  transform-origin: center;
  border-radius: 999px;
  animation: xbTension 2.6s ease-in-out infinite;
}
.ipXbCross--a{ transform: translate(-50%, -50%) rotate(25deg); }
.ipXbCross--b{ transform: translate(-50%, -50%) rotate(-25deg); }

@keyframes xbTension{
  0%,100%{ opacity:.55; }
  50%{ opacity: .95; }
}

/* legs */
.ipXbLeg{
  position:absolute;
  bottom: 10px;
  width: 84px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
}
.ipXbLeg--l{ left: 18px; transform: rotate(14deg); }
.ipXbLeg--r{ right: 18px; transform: rotate(-14deg); }

/* corner knobs (hooks) */
.ipXbKnob{
  position:absolute;
  width: 10px; height: 10px; border-radius: 50%;
  background: rgba(255,255,255,.22);
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: 0 10px 26px rgba(0,0,0,.25);
}
.ipXbKnob--tl{ left: 22%; top: 18%; }
.ipXbKnob--tr{ right: 22%; top: 18%; }
.ipXbKnob--bl{ left: 22%; bottom: 18%; }
.ipXbKnob--br{ right: 22%; bottom: 18%; }

/* Dimension hints */
.ipXbDim{
  position:absolute;
  font-weight: 1000;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  opacity:.92;
}
.ipXbDim--w{ left: 50%; top: 12px; transform: translateX(-50%); }
.ipXbDim--h{
  left: 12px; top: 50%; transform: translateY(-50%) rotate(-90deg);
  transform-origin: left top;
}

/* accordion */
.ipXbAcc{ margin-top: 14px; }
.ipXbContent{ max-height:0; overflow:hidden; opacity:0; transition: max-height .45s ease, opacity .35s ease; }
.ipXbCard.isOpen .ipXbContent{ max-height: 2200px; opacity:1; }

.ipXbBlock{
  padding: 12px 12px 8px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.12);
  margin-bottom: 10px;
}
.ipXbBlock h4{ margin:0 0 10px; font-size: 14px; font-weight: 900; }
.ipXbBlock ul{ margin:0; padding-left: 18px; opacity:.92; }
.ipXbBlock li{ margin: 6px 0; }

.ipXbLinks{ margin-top: 8px; font-size: 13px; opacity:.9; }
.ipXbLinks a{ text-decoration: underline; }
    /* ROLL-UP block */
.ipRu { margin: 34px auto 44px; }
.ipRu__head { text-align:center; margin-bottom: 18px; }
.ipRu__kicker{
  display:inline-flex; align-items:center; gap:10px;
  padding:6px 12px; border-radius:999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  font-weight: 900;
}
.ipRu__title{ font-size: 34px; font-weight: 900; margin: 12px 0 8px; }
.ipRu__lead{ opacity:.75; max-width: 980px; margin: 0 auto; }

.ipRuGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.ipRuCard{
  padding: 18px;
  position: relative;
  overflow:hidden;
  transition: transform .35s ease;
}
.ipRuCard:hover{ transform: translateY(-6px); }

.ipRuCard__top{ display:flex; flex-direction: column; gap: 10px; }
.ipRuCard__title{ margin:0; font-weight: 900; font-size: 16px; line-height: 1.25; }
.ipRuChips{ display:flex; flex-wrap: wrap; gap: 8px; }

.ipRuActions{ display:flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }

/* Visual */
.ipRuViz{
  margin-top: 12px;
  height: 260px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  background: radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.08), rgba(255,255,255,.02));
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.ipRuViz__stage{ position:relative; width:100%; height:100%; }

/* Cassette */
.ipRuCassette{
  position:absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  width: min(92%, 360px);
  height: 46px;
  border-radius: 16px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
}
.ipRuCassette__brand{
  position:absolute; left: 14px; top: 50%;
  transform: translateY(-50%);
  font-weight: 1000; font-size: 12px; letter-spacing: .9px;
  opacity:.85;
}
.ipRuCassette__dot{
  position:absolute; right: 14px; top: 50%;
  transform: translateY(-50%);
  width: 10px; height: 10px; border-radius: 50%;
  background: rgba(0,212,255,.7);
  box-shadow: 0 0 0 6px rgba(0,212,255,.12);
}

/* Banner */
.ipRuBanner{
  position:absolute;
  left: 50%;
  bottom: 46px;
  transform: translateX(-50%);
  width: clamp(180px, 44vw, 250px);
  height: 0;
  border-radius: 16px 16px 10px 10px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 22px 60px rgba(0,0,0,.25);
  overflow:hidden;

  /* animation reveal */
  animation: ruRise 2.2s ease-in-out infinite;
}
@keyframes ruRise{
  0%,100%{ height: 90px; }
  50%{ height: 200px; }
}

.ipRuBanner__grid{
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 16px 16px;
  opacity:.55;
}
.ipRuBanner__meta{
  position:absolute;
  left: 10px;
  top: 10px;
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.ipRuBadge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  font-weight: 1000;
  font-size: 12px;
}
.ipRuBadge--soft{
  background: rgba(255,77,109,.14);
  border-color: rgba(255,77,109,.28);
}
.ipRuBanner__shine{
  position:absolute;
  inset:-50%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);
  transform: rotate(25deg);
  animation: ruShine 3.2s ease-in-out infinite;
}
@keyframes ruShine{
  0%{ transform: translateX(-55%) rotate(25deg); opacity:0; }
  40%{ opacity:.85; }
  100%{ transform: translateX(55%) rotate(25deg); opacity:0; }
}

/* Dimension hints */
.ipRuDim{
  position:absolute;
  font-weight: 1000;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  opacity:.92;
}
.ipRuDim--w{ left: 50%; top: 12px; transform: translateX(-50%); }
.ipRuDim--h{
  left: 12px; top: 50%; transform: translateY(-50%) rotate(-90deg);
  transform-origin: left top;
}

/* accordion */
.ipRuAcc{ margin-top: 14px; }
.ipRuContent{ max-height:0; overflow:hidden; opacity:0; transition: max-height .45s ease, opacity .35s ease; }
.ipRuCard.isOpen .ipRuContent{ max-height: 2200px; opacity:1; }

.ipRuBlock{
  padding: 12px 12px 8px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.12);
  margin-bottom: 10px;
}
.ipRuBlock h4{ margin:0 0 10px; font-size: 14px; font-weight: 900; }
.ipRuBlock ul{ margin:0; padding-left: 18px; opacity:.92; }
.ipRuBlock li{ margin: 6px 0; }

.ipRuLinks{ margin-top: 8px; font-size: 13px; opacity:.9; }
.ipRuLinks a{ text-decoration: underline; }
    /* ENVELOPES block */
.ipEnv { margin: 34px auto 44px; }
.ipEnv__head { text-align:center; margin-bottom: 18px; }
.ipEnv__kicker{
  display:inline-flex; align-items:center; gap:10px;
  padding:6px 12px; border-radius:999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  font-weight: 900;
}
.ipEnv__title{ font-size: 34px; font-weight: 900; margin: 12px 0 8px; }
.ipEnv__lead{ opacity:.75; max-width: 980px; margin: 0 auto; }

.ipEnvGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.ipEnvCard{
  padding: 18px;
  position: relative;
  overflow:hidden;
  transition: transform .35s ease;
}
.ipEnvCard:hover{ transform: translateY(-6px); }

.ipEnvCard__top{ display:flex; flex-direction: column; gap: 10px; }
.ipEnvCard__title{ margin:0; font-weight: 900; font-size: 16px; line-height: 1.25; }
.ipEnvChips{ display:flex; flex-wrap: wrap; gap: 8px; }

.ipEnvActions{ display:flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }

/* Visualization */
.ipEnvViz{
  margin-top: 12px;
  height: 200px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  background: radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.08), rgba(255,255,255,.02));
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.ipEnvViz__stage{
  position: relative;
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ipEnvRect{
  position:absolute;
  border-radius: 16px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding-bottom: 10px;
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
  transform: translateZ(0);
}
.ipEnvRect__label{
  font-size: 12px;
  font-weight: 900;
  opacity: .9;
  text-shadow: 0 10px 26px rgba(0,0,0,.35);
}

.ipEnvRect--env{
  width: calc(var(--cw, 1) * 190px);
  height: calc(var(--ch, 1) * 190px);
  max-width: 210px;
  max-height: 170px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  animation: envFloatA 5.2s ease-in-out infinite;
}
.ipEnvRect--art{
  width: calc(var(--mw, 1) * 190px);
  height: calc(var(--mh, 1) * 190px);
  max-width: 195px;
  max-height: 155px;
  background: rgba(0,212,255,.16);
  border: 1px solid rgba(0,212,255,.32);
  animation: envFloatB 5.2s ease-in-out infinite;
}
@keyframes envFloatA{ 0%,100%{ transform: translateY(3px) scale(.985);} 50%{ transform: translateY(-6px) scale(1.01);} }
@keyframes envFloatB{ 0%,100%{ transform: translateY(-2px) scale(.985);} 50%{ transform: translateY(5px) scale(1.01);} }

/* "stamp" wow element */
.ipEnvStamp{
  position:absolute;
  right: 12px;
  top: 12px;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: rgba(255,77,109,.18);
  border: 1px solid rgba(255,77,109,.35);
  overflow:hidden;
  transform: rotate(6deg);
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
}
.ipEnvStamp__shine{
  position:absolute;
  inset:-40%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
  transform: rotate(25deg);
  animation: stampShine 2.8s ease-in-out infinite;
}
@keyframes stampShine{
  0%{ transform: translateX(-60%) rotate(25deg); opacity:.0; }
  40%{ opacity:.85; }
  100%{ transform: translateX(60%) rotate(25deg); opacity:.0; }
}
.ipEnvStamp__txt{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 1000;
  letter-spacing: .6px;
  font-size: 12px;
  opacity: .92;
}

/* accordion */
.ipEnvAcc{ margin-top: 14px; }
.ipEnvContent{ max-height:0; overflow:hidden; opacity:0; transition: max-height .45s ease, opacity .35s ease; }
.ipEnvCard.isOpen .ipEnvContent{ max-height: 2200px; opacity:1; }

.ipEnvBlock{
  padding: 12px 12px 8px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.12);
  margin-bottom: 10px;
}
.ipEnvBlock h4{ margin:0 0 10px; font-size: 14px; font-weight: 900; }
.ipEnvBlock ul{ margin:0; padding-left: 18px; opacity:.92; }
.ipEnvBlock li{ margin: 6px 0; }

.ipEnvLinks{ margin-top: 8px; font-size: 13px; opacity:.9; }
.ipEnvLinks a{ text-decoration: underline; }
    /* CALENDAR / FOLDER (die-lines) block */
.ipDie { margin: 34px auto 44px; }
.ipDie__head { text-align:center; margin-bottom: 18px; }
.ipDie__kicker{
  display:inline-flex; align-items:center; gap:10px;
  padding:6px 12px; border-radius:999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  font-weight: 900;
}
.ipDie__title{ font-size: 34px; font-weight: 900; margin: 12px 0 8px; }
.ipDie__lead{ opacity:.75; max-width: 980px; margin: 0 auto; }

.ipDieGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.ipDieCard{
  padding: 18px;
  position: relative;
  overflow:hidden;
  transition: transform .35s ease;
}
.ipDieCard:hover{ transform: translateY(-6px); }

.ipDieCard__top{ display:flex; flex-direction: column; gap: 10px; }
.ipDieCard__title{ margin:0; font-weight: 900; font-size: 16px; line-height: 1.25; }

.ipDieChips{ display:flex; flex-wrap: wrap; gap: 8px; }

.ipDieMeta{ margin-top: 10px; }
.ipDieMeta__row{ display:flex; gap: 10px; justify-content: space-between; font-size: 13px; opacity:.92; }
.ipDieMeta__row .k{ opacity:.75; max-width: 44%; }
.ipDieMeta__row .v{ text-align:right; }

.ipDieActions{ display:flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }

/* Visualization */
.ipDieViz{
  margin-top: 12px;
  height: 210px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  background: radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.08), rgba(255,255,255,.02));
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.ipDieViz__stage{
  position: relative;
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* rectangles (orig/final/safe) - sizes set via CSS vars */
.ipDieRect{
  position:absolute;
  border-radius: 16px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding-bottom: 10px;
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
  transform: translateZ(0);
}
.ipDieRect__label{
  font-size: 12px;
  font-weight: 900;
  opacity: .9;
  text-shadow: 0 10px 26px rgba(0,0,0,.35);
}

.ipDieRect--orig{
  width: calc(var(--ow, 1) * 150px);
  height: calc(var(--oh, 1) * 150px);
  max-width: 190px;
  max-height: 190px;
  background: rgba(255,77,109,.16);
  border: 1px solid rgba(255,77,109,.35);
  animation: dieFloat1 5.2s ease-in-out infinite;
}
.ipDieRect--final{
  width: calc(var(--fw, 1) * 150px);
  height: calc(var(--fh, 1) * 150px);
  max-width: 182px;
  max-height: 182px;
  background: rgba(0,212,255,.16);
  border: 1px solid rgba(0,212,255,.32);
  animation: dieFloat2 5.2s ease-in-out infinite;
}
.ipDieRect--safe{
  width: calc(var(--sw, 1) * 150px);
  height: calc(var(--sh, 1) * 150px);
  max-width: 172px;
  max-height: 172px;
  background: rgba(255,255,255,.08);
  border: 1px dashed rgba(255,255,255,.28);
  animation: dieFloat3 5.2s ease-in-out infinite;
}

@keyframes dieFloat1{ 0%,100%{ transform: translateY(3px) scale(.98);} 50%{ transform: translateY(-6px) scale(1.01);} }
@keyframes dieFloat2{ 0%,100%{ transform: translateY(-1px) scale(.98);} 50%{ transform: translateY(5px) scale(1.01);} }
@keyframes dieFloat3{ 0%,100%{ transform: translateY(2px) scale(.99);} 50%{ transform: translateY(-4px) scale(1.01);} }

/* Y ruler lines (calendar) */
.ipDieRuler{
  position:absolute;
  inset: 12px 12px 12px 12px;
  pointer-events:none;
}
.ipDieRuler__line{
  position:absolute;
  left: 12%;
  right: 12%;
  height: 0;
  border-top: 1px solid rgba(255,255,255,.26);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.25));
  animation: rulerPulse 3.4s ease-in-out infinite;
}
@keyframes rulerPulse{
  0%,100%{ opacity:.45; transform: translateY(0); }
  50%{ opacity:.9; transform: translateY(-1px); }
}
.ipDieRuler__tag{
  position:absolute;
  right: 0;
  top: -14px;
  font-size: 12px;
  font-weight: 900;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
}

/* accordion */
.ipDieAcc{ margin-top: 14px; }
.ipDieContent{ max-height:0; overflow:hidden; opacity:0; transition: max-height .45s ease, opacity .35s ease; }
.ipDieCard.isOpen .ipDieContent{ max-height: 2000px; opacity:1; }

.ipDieBlock{
  padding: 12px 12px 8px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.12);
  margin-bottom: 10px;
}
.ipDieBlock h4{ margin:0 0 10px; font-size: 14px; font-weight: 900; }
.ipDieBlock ul{ margin:0; padding-left: 18px; opacity:.92; }
.ipDieBlock li{ margin: 6px 0; }

.ipDieLinks{ margin-top: 8px; font-size: 13px; opacity:.9; }
.ipDieLinks a{ text-decoration: underline; }
    /* MASKS block */
.ipMask { margin: 34px auto 44px; }
.ipMask__head { text-align:center; margin-bottom: 18px; }
.ipMask__kicker{
  display:inline-flex; align-items:center; gap:10px;
  padding:6px 12px; border-radius:999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  font-weight: 900;
}
.ipMask__title{ font-size: 34px; font-weight: 900; margin: 12px 0 8px; }
.ipMask__lead{ opacity:.75; max-width: 980px; margin: 0 auto; }

.ipMaskGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.ipMaskCard{
  padding: 18px;
  position: relative;
  overflow:hidden;
  transition: transform .35s ease;
}
.ipMaskCard:hover{ transform: translateY(-6px); }

.ipMaskCard__top{ display:flex; flex-direction: column; gap: 10px; }
.ipMaskCard__title{ margin:0; font-weight: 900; font-size: 16px; line-height: 1.25; }

.ipMaskChips{ display:flex; flex-wrap: wrap; gap: 8px; }
.ipChip{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.14);
  font-weight: 800;
}
.ipChip--white{ background: rgba(255,255,255,.10); }
.ipChip--black{ background: rgba(0,0,0,.18); border-color: rgba(0,0,0,.25); }
.ipChip--size{ background: rgba(0,212,255,.14); border-color: rgba(0,212,255,.26); }

.ipMaskActions{ display:flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }

/* Preview (template look) */
.ipMaskPreview{
  margin-top: 12px;
  height: 170px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  background: radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.08), rgba(255,255,255,.02));
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.ipMaskPreview__stage{
  position: relative;
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ipMaskPreview__sheet{
  width: 150px;
  height: 150px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
  animation: maskSheetFloat 4.8s ease-in-out infinite;
}
@keyframes maskSheetFloat{
  0%,100% { transform: translateY(2px) scale(.98); }
  50%     { transform: translateY(-6px) scale(1.02); }
}
.ipMaskPreview__shape{
  position:absolute;
  width: 170px;
  height: auto;
  opacity: 1;
  animation: maskGlow 3.6s ease-in-out infinite;
}
@keyframes maskGlow{
  0%,100% { filter: drop-shadow(0 10px 26px rgba(0,0,0,.25)); transform: scale(1.0); }
  50%     { filter: drop-shadow(0 16px 34px rgba(0,0,0,.35)); transform: scale(1.02); }
}
.ipMaskPreview__label{
  position:absolute;
  left: 12px; right: 12px; bottom: 10px;
  display:flex; justify-content:center;
  font-size: 12px;
  opacity: .85;
  font-weight: 900;
  text-shadow: 0 10px 26px rgba(0,0,0,.35);
}
.ipMaskPreview--dark{
  background: radial-gradient(60% 60% at 50% 40%, rgba(0,0,0,.26), rgba(255,255,255,.02));
}
.ipMaskPreview--dark .ipMaskPreview__sheet{
  background: rgba(0,0,0,.18);
  border-color: rgba(0,0,0,.22);
}
.ipMaskPreview--dark .ipMaskPreview__label{ opacity:.9; }

.ipMaskDarkHint{
  position:absolute;
  top: 10px; left: 10px;
  font-size: 12px;
  font-weight: 900;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(0,0,0,.28);
}

/* Size visual for form3 */
.ipMaskSizeRow{
  display:flex;
  gap: 14px;
  align-items: center;
  margin-top: 12px;
}
.ipMaskMini{
  font-size: 13px;
  line-height: 1.4;
  opacity:.9;
}
.ipMaskMini b{ opacity:1; }

.ipMaskLayout{
  height: 170px;
  width: 170px;
  min-width: 170px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  background: radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.08), rgba(255,255,255,.02));
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.ipMaskLayout__stage{ position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.ipMaskLayout__sheet{
  width: calc(var(--mW, 1) * 130px);
  height: calc(var(--mH, 1) * 130px);
  max-width: 150px;
  max-height: 150px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(0,212,255,.95), rgba(91,140,255,.95));
  box-shadow: 0 16px 44px rgba(0,0,0,.28);
  animation: maskPulse 4.6s ease-in-out infinite;
}
@keyframes maskPulse{
  0%,100% { transform: scale(.82); filter: saturate(1.05); }
  50%     { transform: scale(1.04); filter: saturate(1.25); }
}
.ipMaskLayout__label{
  position:absolute;
  left: 12px; right: 12px; bottom: 10px;
  display:flex; justify-content:center;
  font-size: 12px;
  opacity: .86;
  font-weight: 900;
  text-shadow: 0 10px 26px rgba(0,0,0,.35);
}

.ipMaskAcc{ margin-top: 14px; }
.ipMaskContent{ max-height:0; overflow:hidden; opacity:0; transition: max-height .45s ease, opacity .35s ease; }
.ipMaskCard.isOpen .ipMaskContent{ max-height: 1800px; opacity:1; }

.ipMaskBlock{
  padding: 12px 12px 8px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.12);
  margin-bottom: 10px;
}
.ipMaskBlock h4{ margin:0 0 10px; font-size: 14px; font-weight: 900; }
.ipMaskBlock ul{ margin:0; padding-left: 18px; opacity:.92; }
.ipMaskBlock li{ margin: 6px 0; }

.ipMaskLinks{ margin-top: 8px; font-size: 13px; opacity:.9; }
.ipMaskLinks a{ text-decoration: underline; }
    /* PACKS block */
.ipPack { margin: 34px auto 44px; }
.ipPack__head { text-align:center; margin-bottom: 18px; }
.ipPack__kicker{
  display:inline-flex; align-items:center; gap:10px;
  padding:6px 12px; border-radius:999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  font-weight: 800;
}
.ipPack__title{ font-size: 34px; font-weight: 900; margin: 12px 0 8px; }
.ipPack__lead{ opacity:.75; max-width: 920px; margin: 0 auto 14px; }

.ipPackTabs{
  display:flex; flex-wrap: wrap;
  gap: 10px;
  justify-content:center;
  margin-top: 14px;
}
.ipPackTab{
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
  cursor:pointer;
  font-weight: 800;
  font-size: 13px;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.ipPackTab:hover{ transform: translateY(-2px); background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); }
.ipPackTab.isActive{ background: rgba(0,212,255,.18); border-color: rgba(0,212,255,.32); }

.ipPackGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.ipPackCard{
  padding: 18px;
  position: relative;
  overflow:hidden;
  transition: transform .35s ease;
}
.ipPackCard:hover{ transform: translateY(-6px); }

.ipPackCard__top{
  display:flex; align-items:flex-start; justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.ipPackCard__title{ margin:0; font-weight: 900; font-size: 16px; line-height: 1.25; }

.ipPackMeta{ margin-top: 10px; }
.ipPackMeta__row{ display:flex; justify-content: space-between; gap: 10px; font-size: 13px; opacity:.92; }
.ipPackMeta__row .k{ opacity:.75; }
.ipPackMeta__note{ margin-top: 8px; font-size: 13px; opacity:.85; }

.ipPackActions{ display:flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }

/* Layout visual (реальная пропорция по data-w/data-h) */
.ipPackLayout{
  margin-top: 12px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  background: radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.08), rgba(255,255,255,.02));
  overflow:hidden;
  height: 160px;
  display:flex; align-items:center; justify-content:center;
}

.ipPackLayout__stage{
  position: relative;
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ipPackLayout__sheet{
  width: calc(var(--packW, 1) * 120px);
  height: calc(var(--packH, 1) * 120px);
  max-width: 140px;
  max-height: 140px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(0,212,255,.95), rgba(91,140,255,.95));
  box-shadow: 0 16px 40px rgba(0,0,0,.28);
  animation: packPulse 4.6s ease-in-out infinite;
  position: relative;
}

@keyframes packPulse{
  0%   { transform: scale(.78); filter: saturate(1.05); }
  50%  { transform: scale(1.06); filter: saturate(1.25); }
  100% { transform: scale(.78); filter: saturate(1.05); }
}

.ipPackLayout__label{
  position:absolute;
  left: 12px; right: 12px; bottom: 10px;
  display:flex;
  justify-content:center;
  font-size: 12px;
  opacity: .85;
  font-weight: 800;
  text-shadow: 0 8px 24px rgba(0,0,0,.35);
}

/* bleed visual для A4 */
.ipPackLayout__stage--bleed .ipPackLayout__bleed{
  position:absolute;
  width: calc(var(--packW, 1) * 130px);
  height: calc(var(--packH, 1) * 130px);
  max-width: 156px;
  max-height: 156px;
  border-radius: 16px;
  background: rgba(255,77,109,.18);
  border: 1px solid rgba(255,77,109,.35);
  filter: blur(.0px);
  animation: bleedGlow 3.8s ease-in-out infinite;
}
@keyframes bleedGlow{
  0%,100% { opacity: .55; transform: scale(.95); }
  50%     { opacity: .9; transform: scale(1.02); }
}
.ipPackLayout__stage--bleed .ipPackLayout__sheet{ z-index: 2; }

.ipPackAcc{ margin-top: 14px; }
.ipPackContent{ max-height:0; overflow:hidden; opacity:0; transition: max-height .45s ease, opacity .35s ease; }
.ipPackCard.isOpen .ipPackContent{ max-height: 1700px; opacity:1; }

.ipPackBlock{
  padding: 12px 12px 8px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.12);
  margin-bottom: 10px;
}
.ipPackBlock h4{ margin:0 0 10px; font-size: 14px; font-weight: 900; }
.ipPackBlock ul{ margin:0; padding-left: 18px; opacity:.92; }
.ipPackBlock li{ margin: 6px 0; }

.ipPackLinks{ margin-top: 8px; font-size: 13px; opacity:.9; }
.ipPackLinks a{ text-decoration: underline; }
    /* WOW Rolls block */
.ipReqRolls { margin: 26px auto 40px; }

.ipReqRolls__head { text-align:center; margin-bottom: 26px; }
.ipReqRolls__kicker {
  display:inline-flex; gap:10px; align-items:center;
  padding:6px 12px; border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  font-weight: 700; letter-spacing: .2px;
}
.ipReqRolls__title { font-size: 34px; margin: 12px 0 8px; font-weight: 900; }
.ipReqRolls__lead { opacity:.75; max-width: 860px; margin: 0 auto; }

.ipReqRolls__grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
}

.ipReqRollCard{
  padding: 18px;
  position: relative;
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease;
}
.ipReqRollCard:hover{
  transform: translateY(-6px);
}

.ipReqRollCard__top{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.ipReqRollCard__title{ font-size: 16px; font-weight: 800; line-height: 1.25; margin: 0; }
.ipReqPill{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  white-space: nowrap;
}

.ipReqSizeRow{
  display:flex;
  gap: 14px;
  align-items: center;
  margin: 12px 0 14px;
}
.ipReqMiniList{ font-size: 13px; line-height: 1.4; opacity: .9; }
.ipReqMiniList b{ opacity: 1; }

.ipReqSizeVisual{
  width: 150px; min-width: 150px;
  height: 150px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  background: radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.08), rgba(255,255,255,.02));
  display:flex; align-items:center; justify-content:center;
}
.ipReqSizeVisual__stage{ position: relative; width: 100%; height: 100%; display:flex; align-items:center; justify-content:center; }
.ipReqSizeVisual__box{
  width: 30px; height: 30px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(0,212,255,.95), rgba(91,140,255,.95));
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  animation: ipSizePulse 4.4s ease-in-out infinite;
}
@keyframes ipSizePulse{
  0%   { width: 30px; height: 30px; filter: saturate(1.1); }
  50%  { width: 130px; height: 130px; filter: saturate(1.25); }
  100% { width: 30px; height: 30px; filter: saturate(1.1); }
}
.ipReqSizeVisual__mm{
  position:absolute; left: 10px; right: 10px; bottom: 10px;
  display:flex; justify-content: space-between;
  font-size: 11px; opacity: .8;
}

.ipReqActions{
  display:flex;
  gap: 10px;
  align-items:center;
  margin-top: 10px;
}

.ipReqBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 12px;
  font-weight: 800;
  font-size: 13px;
  text-decoration:none;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
  cursor: pointer;
}
.ipReqBtn:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.22);
}
.ipReqBtn--ghost{
  background: transparent;
  border-style: dashed;
  opacity: .95;
}

.ipReqAcc{ margin-top: 14px; }
.ipReqContent{ max-height: 0; overflow: hidden; opacity: 0; transition: max-height .45s ease, opacity .35s ease; }
.ipReqRollCard.isOpen .ipReqContent{ max-height: 1400px; opacity: 1; }

.ipReqAcc__block{
  padding: 12px 12px 8px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.12);
  margin-bottom: 10px;
}
.ipReqAcc__block h4{ margin: 0 0 10px; font-size: 14px; font-weight: 900; }
.ipReqAcc__block ul{ margin: 0; padding-left: 18px; opacity: .92; }
.ipReqAcc__block li{ margin: 6px 0; }

.ipReqWarn{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,77,109,.25);
  background: rgba(255,77,109,.10);
}

.ipReqLinks{ margin-top: 8px; font-size: 13px; opacity: .9; }
.ipReqLinks a{ text-decoration: underline; }
    /* extra block grid/cards */
.ipReqGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.ipReqCard{
  padding: 14px;
  border-radius: 22px;
  background: rgba(0,0,0,.20);
  border: 1px solid rgba(255,255,255,.10);
  position: relative;
  overflow: hidden;
}
.ipReqCard::before{
  content:"";
  position:absolute; inset:-120px;
  background:
    radial-gradient(600px 240px at 20% 20%, rgba(255,60,60,.12), transparent 60%),
    radial-gradient(600px 240px at 80% 40%, rgba(90,130,255,.10), transparent 62%);
  pointer-events:none;
  opacity: .9;
}
.ipReqCard > *{ position: relative; z-index: 1; }

.ipReqCard__title{
  font-weight: 1000;
  letter-spacing: -.2px;
  margin: 0 0 10px;
  font-size: 16px;
  opacity: .95;
}

.ipReqCard__row{
  display:grid;
  grid-template-columns: 170px 1fr;
  gap: 12px;
  align-items: start;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
.ipReqCard__row:first-of-type{ border-top: 0; padding-top: 0; }
.ipReqCard__text{
  opacity: .84;
  font-weight: 650;
  line-height: 1.5;
}

.ipReqBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  font-weight: 1000;
  font-size: 12px;
  opacity: .92;
  white-space: nowrap;
}
.ipReqBadge--ok{
  background: rgba(0,255,190,.08);
  border-color: rgba(0,255,190,.18);
}

.ipReqBul{ display:grid; gap: 8px; }

@media (max-width: 640px){
  .ipReqCard__row{ grid-template-columns: 1fr; }
  .ipReqBadge{ width: fit-content; }
}
    .ipReq2026{ padding-bottom: 44px; }

    /* reading progress */
    .ipReq2026__progress{
      position: sticky; top: 0; z-index: 2000;
      height: 3px;
      background: rgba(255,255,255,.06);
      border-bottom: 1px solid rgba(255,255,255,.06);
      backdrop-filter: blur(16px);
    }
    .ipReq2026__bar{
      height: 100%;
      width: 0%;
      background: linear-gradient(90deg, rgba(255,60,60,.95), rgba(255,0,150,.55), rgba(90,130,255,.40));
      box-shadow: 0 10px 40px rgba(255,60,60,.16);
    }

    /* hero */
    .ipReqHero{ padding: 26px 0 14px; position: relative; }
    .ipReqHero .container{ position: relative; }
    .ipReqHero__card{
      position: relative;
      overflow: hidden;
      border-radius: 28px;
      padding: 22px;
    }
    .ipReqHero__glow{
      position:absolute; inset:-180px;
      background:
        radial-gradient(900px 520px at 20% 10%, rgba(255,0,150,.16), transparent 62%),
        radial-gradient(900px 520px at 85% 30%, rgba(90,130,255,.14), transparent 62%),
        radial-gradient(900px 520px at 50% 120%, rgba(0,255,190,.08), transparent 66%);
      pointer-events:none; z-index:0;
      filter:saturate(1.05);
    }
    .ipReqHero__card > *{ position: relative; z-index: 1; }
    .ipReqHero__top{
      display:flex; gap: 12px; align-items:center; justify-content:space-between;
      flex-wrap: wrap; margin-bottom: 10px;
    }
    .ipReqHero__kicker{ font-weight: 1000; letter-spacing: .2px; opacity: .86; }
    .ipReqHero__pill{
      padding: 8px 12px; border-radius: 999px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.22);
      font-weight: 900; font-size: 13px; opacity: .95; white-space: nowrap;
    }
    .ipReqHero__title{
      margin: 6px 0 10px;
      font-size: clamp(30px, 3.4vw, 50px);
      line-height: 1.02;
      letter-spacing: -1px;
      font-weight: 1000;
    }
    .ipReqHero__lead{ margin: 0 0 14px; opacity: .82; font-weight: 650; max-width: 78ch; }
    .ipReqHero__note{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 14px; border-radius: 18px;
      background: rgba(0,0,0,.22);
      border: 1px solid rgba(255,255,255,.10);
      margin: 10px 0 14px;
    }
    .ipReqHero__noteIcon{ font-size: 18px; line-height: 1; margin-top: 2px; }
    .ipReqHero__noteText{ font-weight: 700; opacity: .86; }
    .ipReqHero__actions{ display:flex; gap: 12px; flex-wrap: wrap; margin-top: 10px; }
    .ipReqHero__chips{ display:flex; flex-wrap:wrap; gap: 10px; margin-top: 14px; }
    .ipReqChip{
      display:inline-flex;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(0,0,0,.22);
      border: 1px solid rgba(255,255,255,.10);
      font-weight: 1000;
      font-size: 13px;
      opacity: .92;
    }

    /* layout */
    .ipReqMain{
      display:grid;
      grid-template-columns: 1fr 360px;
      gap: 18px;
      align-items: start;
      margin-top: 14px;
    }

    /* search */
    .ipReqSearch{
      display:flex;
      align-items:center;
      gap: 10px;
      padding: 12px;
      border-radius: 22px;
      margin-bottom: 14px;
      position: sticky;
      top: 10px;
      z-index: 1200;
    }
    .ipReqSearch__icon{
      width: 36px; height: 36px;
      border-radius: 14px;
      display:grid; place-items:center;
      background: rgba(0,0,0,.22);
      border: 1px solid rgba(255,255,255,.10);
      font-weight: 1000;
      opacity: .9;
      flex: 0 0 auto;
    }
    .ipReqSearch__input{
      flex: 1 1 auto; min-width: 0;
      height: 44px; border-radius: 16px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.18);
      color: rgba(255,255,255,.92);
      padding: 0 12px;
      font-weight: 900;
      outline: none;
    }
    .ipReqSearch__input::placeholder{ color: rgba(255,255,255,.55); }
    .ipReqSearch__input:focus{
      border-color: rgba(255,255,255,.22);
      box-shadow: 0 0 0 3px rgba(255,60,60,.12);
    }
    .ipReqSearch__clear{
      width: 42px; height: 42px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.22);
      color: rgba(255,255,255,.9);
      cursor: pointer;
      font-weight: 1000;
      flex: 0 0 auto;
    }
    .ipReqSearch__meta{
      flex: 0 0 auto;
      font-size: 12px;
      opacity: .72;
      font-weight: 800;
      max-width: 160px;
      text-align: right;
    }

    /* intro */
    .ipReqIntro{ padding: 18px; border-radius: 28px; margin-bottom: 14px; }
    .ipReqH2{ margin: 0 0 10px; font-size: 22px; letter-spacing: -.4px; font-weight: 1000; }
    .ipReqP{ margin: 0 0 12px; opacity: .8; font-weight: 650; line-height: 1.5; }
    .ipReqTwo{ display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 10px 0 12px; }
    .ipReqMini{
      padding: 12px; border-radius: 18px;
      background: rgba(0,0,0,.22);
      border: 1px solid rgba(255,255,255,.10);
      display:grid; gap: 6px;
    }
    .ipReqMini b{ font-weight: 1000; }
    .ipReqMini span{ opacity: .78; font-weight: 650; }
    .ipReqTip{
      display:flex; align-items:center; gap: 10px;
      padding: 12px; border-radius: 18px;
      background: rgba(0,0,0,.22);
      border: 1px solid rgba(255,255,255,.10);
      font-weight: 800;
      opacity: .9;
    }
    .ipReqDot{
      width: 10px; height: 10px; border-radius: 999px;
      background: linear-gradient(135deg,#ff3c3c,#ff007a);
      box-shadow: 0 0 24px rgba(255,60,60,.25);
      flex: 0 0 auto;
    }

    /* accordions */
    .ipReqAccordions{ display:grid; gap: 14px; }
    .ipReqBlock{ border-radius: 28px; overflow: hidden; }
    .ipReqBlock__head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 10px;
      padding: 12px;
      border-bottom: 1px solid rgba(255,255,255,.10);
    }
    .ipReqBlock__toggle{
      appearance: none;
      background: transparent;
      border: 0;
      color: rgba(255,255,255,.92);
      cursor: pointer;
      display:flex;
      align-items:center;
      gap: 12px;
      padding: 8px;
      border-radius: 18px;
      flex: 1 1 auto;
      min-width: 0;
      text-align:left;
      font-weight: 1000;
      transition: background .18s ease, transform .18s ease;
    }
    .ipReqBlock__toggle:hover{ background: rgba(255,255,255,.05); transform: translateY(-1px); }
    .ipReqNum{
      width: 44px; height: 44px;
      border-radius: 16px;
      display:grid; place-items:center;
      background: rgba(0,0,0,.22);
      border: 1px solid rgba(255,255,255,.10);
      font-weight: 1000;
      letter-spacing: .4px;
      flex: 0 0 auto;
    }
    .ipReqBlock__title{
      flex: 1 1 auto;
      overflow:hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .ipReqChevron{
      opacity: .75;
      transition: transform .18s ease;
      flex: 0 0 auto;
    }
    .ipReqBlock.is-collapsed .ipReqChevron{ transform: rotate(-90deg); }
    .ipReqBlock__actions{ flex: 0 0 auto; display:flex; gap: 8px; }
    .ipReqCopy{
      height: 40px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.22);
      color: rgba(255,255,255,.9);
      font-weight: 1000;
      cursor: pointer;
      padding: 0 12px;
    }
    .ipReqCopy:hover{ background: rgba(255,255,255,.06); }

    .ipReqBlock__body{ padding: 14px 18px 18px; }
    .ipReqBlock.is-collapsed .ipReqBlock__body{ display:none; }

    .ipReqList{ display:grid; gap: 10px; }
    .ipReqItem{ opacity: .84; font-weight: 650; line-height: 1.5; }
    .ipReqItem b{ font-weight: 1000; opacity: .98; }
    .ipReqSub{
      margin-left: 14px;
      padding-left: 12px;
      border-left: 1px solid rgba(255,255,255,.10);
      display:grid; gap: 10px;
    }
    .ipReqCallout{
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.10);
      background:
        radial-gradient(600px 140px at 10% 0%, rgba(255,45,122,.16), transparent 55%),
        rgba(0,0,0,.22);
      font-weight: 800;
      opacity: .9;
    }

    /* search highlight */
    mark.ipHit{
      padding: 0 .28em;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,.18);
      background: linear-gradient(90deg, rgba(255,45,122,.30), rgba(176,0,255,.20));
      color: rgba(255,255,255,.98);
    }
    .ipReqBlock.is-dim{ opacity: .35; filter: saturate(.9); }
    .ipReqBlock.is-match{ opacity: 1; }

    /* toc */
    .ipReqSide{ position: sticky; top: 10px; }
    .ipReqToc{ border-radius: 28px; padding: 16px; overflow: hidden; }
    .ipReqToc__head{ display:flex; align-items:flex-start; justify-content:space-between; gap: 12px; margin-bottom: 12px; }
    .ipReqToc__title{ font-weight: 1000; font-size: 16px; }
    .ipReqToc__sub{ opacity: .72; font-weight: 650; font-size: 12px; margin-top: 4px; }
    .ipReqToc__badge{
      width: 44px; height: 44px;
      border-radius: 16px;
      display:grid; place-items:center;
      background: rgba(0,0,0,.22);
      border: 1px solid rgba(255,255,255,.10);
      font-weight: 1000;
    }
    .ipReqToc__list{ display:grid; gap: 8px; }
    .ipReqToc__a{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 10px;
      padding: 12px 12px;
      border-radius: 16px;
      text-decoration: none;
      color: rgba(255,255,255,.88);
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(0,0,0,.14);
      transition: transform .12s ease, background .12s ease, border-color .12s ease;
      font-weight: 900;
    }
    .ipReqToc__a:hover{
      transform: translateY(-1px);
      background: rgba(255,255,255,.07);
      border-color: rgba(255,255,255,.14);
    }
    .ipReqToc__a.is-active{
      background: rgba(255,255,255,.10);
      border-color: rgba(255,255,255,.18);
      box-shadow: 0 10px 26px rgba(0,0,0,.28);
    }
    .ipReqToc__n{
      width: 28px; height: 28px;
      border-radius: 10px;
      display:grid; place-items:center;
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.10);
      font-weight: 1000;
      opacity: .92;
      flex: 0 0 auto;
    }
    .ipReqToc__tip{
      margin-top: 12px;
      padding: 12px;
      border-radius: 18px;
      background: rgba(0,0,0,.18);
      border: 1px solid rgba(255,255,255,.08);
      opacity: .88;
      font-weight: 800;
      font-size: 13px;
      line-height: 1.35;
    }
    .ipKbd{
      display:inline-flex;
      padding: 2px 7px;
      border-radius: 8px;
      background: rgba(0,0,0,.35);
      border: 1px solid rgba(255,255,255,.14);
      font-size: 12px;
      font-weight: 1000;
    }

    /* bottom */
    .ipReqBottom{
      margin-top: 16px;
      padding: 18px;
      border-radius: 28px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      flex-wrap: wrap;
    }
    .ipReqBottom__right{ display:flex; gap: 12px; flex-wrap: wrap; }

    /* toast */
    .ipReqToast{
      position: fixed;
      left: 50%;
      bottom: 18px;
      transform: translateX(-50%);
      padding: 12px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(10,10,16,.88);
      backdrop-filter: blur(18px);
      color: rgba(255,255,255,.92);
      font-weight: 1000;
      box-shadow: 0 18px 70px rgba(0,0,0,.55);
      opacity: 0;
      pointer-events:none;
      transition: opacity .18s ease, transform .18s ease;
      z-index: 999999;
      white-space: nowrap;
    }
    .ipReqToast.is-show{
      opacity: 1;
      transform: translateX(-50%) translateY(-2px);
    }

    /* responsive */
    @media (max-width:1100px){
      .ipReqMain{ grid-template-columns: 1fr; }
      .ipReqSide{ position: relative; top: auto; }
      .ipReqTwo{ grid-template-columns: 1fr; }
      .ipReqSearch{ position: relative; top: auto; }
    }
    @media (max-width:560px){
      .ipReqHero__actions{ width: 100%; }
      .ipReqHero__actions .pgBtn2026{ width: 100%; justify-content:center; }
      .ipReqSearch{ flex-wrap: wrap; }
      .ipReqSearch__meta{ max-width: none; width: 100%; text-align: left; }
      .ipReqBlock__title{ white-space: normal; }
    }

    @media (prefers-reduced-motion: reduce){
      .ipReqBlock__toggle, .ipReqToc__a, .ipReqToast, .ipReqChevron{ transition:none !important; }
    }
  



/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [vumogy-maketu.php] Migrated from vumogy-maketu.php (block 2) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [vumogy-maketu.php] END MIGRATED CSS FROM PHP TEMPLATES (AUTO) --- */
/* === END MIGRATED CSS FROM PHP TEMPLATES (AUTO) === */

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [vumogy-maketu.php] END MIGRATED CSS FROM PHP TEMPLATES (AUTO) --- */

/* ===== КОНЕЦ СТИЛЕЙ ФАЙЛА vumogy-maketu.php ===== */

/* ===== НАЧАЛО СТИЛЕЙ ФАЙЛА page-register-retail.php ===== */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-register-retail.php] NAV --- */
/* ================= NAV ================= */
body.woocommerce-account .woocommerce-MyAccount-navigation{
  position: sticky;
  top: calc(var(--pg-head-offset, 88px) + 10px);
  align-self: start;
  border: 1px solid var(--ma-line);
  border-radius: 20px;
  padding: 10px;
  background: linear-gradient(180deg, var(--ma-bg-1), var(--ma-bg-2));
  box-shadow: 0 22px 50px rgba(0,0,0,.42);
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid;
  gap: 8px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link{
  --ico: "•";
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard{ --ico: "⌂"; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link--orders{ --ico: "▤"; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads{ --ico: "⇩"; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address{ --ico: "⌖"; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods{ --ico: "◈"; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account{ --ico: "◉"; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{ --ico: "↪"; }

body.woocommerce-account .woocommerce-MyAccount-navigation a{
  min-height: 50px;
  padding: 7px 10px;
  border-radius: 14px;
  border: 1px solid var(--ma-line);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.92);
  text-decoration: none;
  font-weight: 900;
  display: grid;
  grid-template-columns: 30px 1fr 14px;
  align-items: center;
  gap: 10px;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a::before{
  content: var(--ico);
  width: 30px;
  height: 30px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(0,0,0,.24);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 1000;
  line-height: 1;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a::after{
  content: "›";
  opacity: .72;
  font-size: 17px;
  justify-self: end;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  transform: translateY(-1px);
  border-color: var(--ma-line-strong);
  background: rgba(255,255,255,.08);
}

body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
  background: linear-gradient(90deg, rgba(255,45,122,.94), rgba(176,0,255,.78));
  border-color: rgba(255,255,255,.30);
  color: #fff;
  box-shadow: 0 14px 30px rgba(176,0,255,.26);
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-register-retail.php] NAV --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-register-retail.php] CHECKOUT + THANKYOU + VIEW ORDER (Premium Dark) --- */
/* =========================================================
   CHECKOUT + THANKYOU + VIEW ORDER (Premium Dark)
========================================================= */

body.woocommerce-checkout .site-main,
body.woocommerce-order-received .site-main,
body.woocommerce-view-order .site-main{
  padding:24px 0 46px;
}

body.woocommerce-checkout .woocommerce,
body.woocommerce-order-received .woocommerce,
body.woocommerce-view-order .woocommerce{
  --ck-line: rgba(255,255,255,.14);
  --ck-line-strong: rgba(255,255,255,.24);
  --ck-bg-1: rgba(9,13,24,.88);
  --ck-bg-2: rgba(7,10,18,.74);
  --ck-text: rgba(255,255,255,.95);
  --ck-muted: rgba(255,255,255,.68);

  color: var(--ck-text);
  position: relative;
  z-index: 1;
}

body.woocommerce-checkout .woocommerce::before,
body.woocommerce-order-received .woocommerce::before,
body.woocommerce-view-order .woocommerce::before{
  content: "";
  position: absolute;
  inset: -80px -40px -20px -40px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(800px 420px at 10% 8%, rgba(255,45,122,.14), transparent 62%),
    radial-gradient(900px 520px at 90% 18%, rgba(90,130,255,.14), transparent 60%);
  filter: blur(10px);
}

/* Checkout layout */
body.woocommerce-checkout form.checkout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,460px);
  gap:14px;
  align-items:start;
}

body.woocommerce-checkout #customer_details{
  float:none !important;
  width:auto !important;
  display:grid;
  gap:12px;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2{
  float:none !important;
  width:auto !important;
  border:1px solid var(--ck-line);
  border-radius:16px;
  padding:14px;
  background:linear-gradient(180deg, var(--ck-bg-1), var(--ck-bg-2));
  box-shadow:0 16px 34px rgba(0,0,0,.32);
}

body.woocommerce-checkout #customer_details h3{
  margin:0 0 10px;
  font-size:clamp(20px,1.6vw,30px);
  line-height:1.1;
  font-weight:1000;
}

body.woocommerce-checkout .form-row{
  margin:0 0 12px !important;
}

body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout select,
body.woocommerce-checkout textarea{
  width:100%;
  min-height:46px;
  border-radius:12px;
  border:1px solid var(--ck-line-strong);
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  color:#fff;
  padding:10px 12px;
}
body.woocommerce-checkout input:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus{
  outline:none;
  border-color:rgba(255,45,122,.62);
  box-shadow:0 0 0 3px rgba(255,45,122,.15);
}

/* Order review card */
body.woocommerce-checkout #order_review_heading{
  margin:0 0 10px !important;
  border:1px solid var(--ck-line);
  border-radius:14px;
  padding:12px 14px;
  background:linear-gradient(180deg, var(--ck-bg-1), var(--ck-bg-2));
  font-size:clamp(18px,1.3vw,26px);
  font-weight:1000;
}

body.woocommerce-checkout #order_review{
  border:1px solid var(--ck-line);
  border-radius:16px;
  padding:12px;
  background:linear-gradient(180deg, var(--ck-bg-1), var(--ck-bg-2));
  box-shadow:0 16px 34px rgba(0,0,0,.32);
  position:sticky;
  top:calc(var(--pg-head-offset, 88px) + 12px);
}

body.woocommerce-checkout table.shop_table,
body.woocommerce-order-received table.shop_table,
body.woocommerce-view-order table.shop_table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--ck-line);
  border-radius:12px;
  overflow:hidden;
  background:rgba(255,255,255,.02);
}

body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td,
body.woocommerce-order-received table.shop_table th,
body.woocommerce-order-received table.shop_table td,
body.woocommerce-view-order table.shop_table th,
body.woocommerce-view-order table.shop_table td{
  padding:10px 12px;
  border-bottom:1px solid var(--ck-line);
  vertical-align:top;
}
body.woocommerce-checkout table.shop_table tr:last-child td,
body.woocommerce-order-received table.shop_table tr:last-child td,
body.woocommerce-view-order table.shop_table tr:last-child td{
  border-bottom:0;
}
body.woocommerce-checkout table.shop_table th,
body.woocommerce-order-received table.shop_table th,
body.woocommerce-view-order table.shop_table th{
  background:rgba(255,255,255,.06);
  font-weight:900;
}

/* Item meta (параметры товара) */
body.woocommerce-checkout ul.wc-item-meta,
body.woocommerce-order-received ul.wc-item-meta,
body.woocommerce-view-order ul.wc-item-meta{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  display:grid;
  gap:6px;
}
body.woocommerce-checkout ul.wc-item-meta li,
body.woocommerce-order-received ul.wc-item-meta li,
body.woocommerce-view-order ul.wc-item-meta li{
  margin:0;
  padding:7px 10px;
  border:1px solid var(--ck-line);
  border-radius:10px;
  background:rgba(255,255,255,.03);
  line-height:1.45;
}
body.woocommerce-checkout ul.wc-item-meta li p,
body.woocommerce-order-received ul.wc-item-meta li p,
body.woocommerce-view-order ul.wc-item-meta li p{
  display:inline;
  margin:0;
}
body.woocommerce-checkout ul.wc-item-meta .wc-item-meta-label,
body.woocommerce-order-received ul.wc-item-meta .wc-item-meta-label,
body.woocommerce-view-order ul.wc-item-meta .wc-item-meta-label{
  color:var(--ck-muted);
  font-weight:800;
}
body.woocommerce-checkout ul.wc-item-meta a,
body.woocommerce-order-received ul.wc-item-meta a,
body.woocommerce-view-order ul.wc-item-meta a{
  word-break:break-all;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-register-retail.php] CHECKOUT + THANKYOU + VIEW ORDER (Premium Dark) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-register-retail.php] CONTENT --- */
/* ================= CONTENT ================= */
body.woocommerce-account .woocommerce-MyAccount-content{
  border: 1px solid var(--ma-line);
  border-radius: 20px;
  padding: clamp(12px, 1.2vw, 22px);
  min-width: 0;
  background: linear-gradient(180deg, var(--ma-bg-1), var(--ma-bg-2));
  box-shadow: 0 22px 50px rgba(0,0,0,.38);
}

body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3{
  margin: 0 0 12px;
  font-size: clamp(24px, 1.8vw, 40px);
  line-height: 1.06;
  font-weight: 1000;
  letter-spacing: -.02em;
}

body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content li,
body.woocommerce-account .woocommerce-MyAccount-content label{
  color: rgba(255,255,255,.88);
}

body.woocommerce-account .woocommerce-MyAccount-content a{
  color: #8ecbff;
}

/* forms */
body.woocommerce-account .woocommerce-MyAccount-content .form-row{
  margin: 0 0 14px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .form-row-first,
body.woocommerce-account .woocommerce-MyAccount-content .form-row-last{
  width: calc(50% - 8px) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .form-row-first{
  float: left !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .form-row-last{
  float: right !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .clear{
  clear: both;
}
body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea{
  width: 100%;
  min-height: 46px;
  border-radius: 12px;
  border: 1px solid var(--ma-line-strong);
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  color: #fff;
  padding: 10px 12px;
}
body.woocommerce-account .woocommerce-MyAccount-content input:focus,
body.woocommerce-account .woocommerce-MyAccount-content select:focus,
body.woocommerce-account .woocommerce-MyAccount-content textarea:focus{
  outline: none;
  border-color: rgba(255,45,122,.64);
  box-shadow: 0 0 0 3px rgba(255,45,122,.16);
}
body.woocommerce-account .woocommerce-MyAccount-content fieldset{
  border: 1px solid var(--ma-line);
  border-radius: 14px;
  padding: 14px;
  margin-top: 12px;
}
body.woocommerce-account .woocommerce-MyAccount-content legend{
  padding: 0 8px;
  color: rgba(255,255,255,.92);
  font-weight: 900;
}

/* buttons */
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content button,
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]{
  min-height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  background: linear-gradient(90deg, rgba(255,45,122,.95), rgba(176,0,255,.78)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 28px rgba(176,0,255,.24);
}

/* tables/orders */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
body.woocommerce-account .woocommerce-MyAccount-content table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--ma-line);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.02);
}
body.woocommerce-account .woocommerce-MyAccount-content table th,
body.woocommerce-account .woocommerce-MyAccount-content table td{
  border-bottom: 1px solid var(--ma-line);
  padding: 10px 12px;
  text-align: left;
}
body.woocommerce-account .woocommerce-MyAccount-content table tr:last-child td{
  border-bottom: 0;
}
body.woocommerce-account .woocommerce-MyAccount-content table th{
  background: rgba(255,255,255,.06);
  font-weight: 900;
}

body.woocommerce-account .woocommerce-MyAccount-content mark.order-status{
  background: rgba(255,255,255,.08);
  color: #fff;
  border: 1px solid var(--ma-line-strong);
  border-radius: 999px;
  padding: 4px 10px;
}

/* notices */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error{
  border-radius: 12px;
  border: 1px solid var(--ma-line);
  background: rgba(255,255,255,.05);
  color: #fff;
}

/* addresses */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address{
  border: 1px solid var(--ma-line);
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  padding: 12px;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

/* mobile */
@media (max-width: 1024px){
  body.woocommerce-account .woocommerce{
    grid-template-columns: 1fr;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation{
    position: static;
  }
}
@media (max-width: 760px){
  body.woocommerce-account .woocommerce-MyAccount-content .form-row-first,
  body.woocommerce-account .woocommerce-MyAccount-content .form-row-last{
    width: 100% !important;
    float: none !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses{
    grid-template-columns: 1fr;
  }
}






/* CLIENT ID card */
body.woocommerce-account .pgx-client-id-card{
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}
body.woocommerce-account .pgx-client-id-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body.woocommerce-account .pgx-client-id-label{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  opacity: .75;
  font-weight: 900;
}
body.woocommerce-account .pgx-client-id-pill{
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,.26);
  background: linear-gradient(90deg, rgba(255,45,122,.95), rgba(176,0,255,.78));
  color: #fff;
  font-size: 13px;
  font-weight: 1000;
}
body.woocommerce-account .pgx-client-meta{
  margin-top: 8px;
  display: grid;
  gap: 4px;
  font-size: 13px;
  opacity: .88;
}
body.woocommerce-account .pgx-client-inline-id{
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: rgba(255,255,255,.03);
}

/* Fix кривого блока адресов */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-1,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-2{
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{
  height: 100%;
}
@media (max-width: 760px){
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses{
    grid-template-columns: 1fr !important;
  }
}
/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-register-retail.php] CONTENT --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-register-retail.php] ПРЕТЕНЗИИ / БРАК (My Account) --- */
/* =========================================================
   ПРЕТЕНЗИИ / БРАК (My Account)
========================================================= */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button.button.pgx_claim{
  background: linear-gradient(90deg,#ff6b00,#ff2d7a) !important;
  border-color: rgba(255,255,255,.3) !important;
  color:#fff !important;
  font-weight:900 !important;
}

body.woocommerce-account .pgx-claims-wrap{
  display:grid;
  gap:14px;
}
body.woocommerce-account .pgx-claims-head{
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:12px;
  background:rgba(255,255,255,.03);
}
body.woocommerce-account .pgx-claims-head h3{
  margin:0 0 6px;
}
body.woocommerce-account .pgx-claims-head p{
  margin:0;
  opacity:.85;
}

body.woocommerce-account .pgx-claim-form-wrap{
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:12px;
  background:rgba(255,255,255,.03);
}
body.woocommerce-account .pgx-claim-form textarea{
  min-height:120px;
}
body.woocommerce-account .pgx-claim-form input[type="file"]{
  width:100%;
}

body.woocommerce-account .pgx-claim-card{
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  padding:12px;
  background:rgba(255,255,255,.03);
  display:grid;
  gap:10px;
}
body.woocommerce-account .pgx-claim-meta{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
body.woocommerce-account .pgx-claim-meta > span{
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  padding:8px 10px;
  background:rgba(255,255,255,.03);
}
body.woocommerce-account .pgx-claim-section{
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  padding:10px;
  background:rgba(255,255,255,.02);
}
body.woocommerce-account .pgx-claim-files{
  margin-top:8px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
body.woocommerce-account .pgx-claim-files a img{
  border-radius:10px;
  border:1px solid rgba(255,255,255,.2);
  display:block;
}
body.woocommerce-account .pgx-claim-reply{
  border:1px solid rgba(69,192,255,.35);
  border-radius:10px;
  padding:10px;
  background:rgba(69,192,255,.08);
}
body.woocommerce-account .pgx-claim-reply.is-wait{
  border-color:rgba(255,198,62,.35);
  background:rgba(255,198,62,.08);
}

body.woocommerce-account .pgx-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  border-radius:999px;
  padding:0 10px;
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.25);
}
body.woocommerce-account .pgx-badge--new{
  background:rgba(255,198,62,.15);
  border-color:rgba(255,198,62,.38);
}
body.woocommerce-account .pgx-badge--in_progress{
  background:rgba(69,192,255,.15);
  border-color:rgba(69,192,255,.38);
}
body.woocommerce-account .pgx-badge--resolved{
  background:rgba(87,215,122,.15);
  border-color:rgba(87,215,122,.38);
}

@media (max-width: 980px){
  body.woocommerce-account .pgx-claim-meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 640px){
  body.woocommerce-account .pgx-claim-meta{
    grid-template-columns:1fr;
  }
}
/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-register-retail.php] ПРЕТЕНЗИИ / БРАК (My Account) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-register-retail.php] MY ACCOUNT: КОНСОЛЬ + АДРЕСИ (финальный polish) --- */
/* =========================================================
   MY ACCOUNT: КОНСОЛЬ + АДРЕСИ (финальный polish)
========================================================= */

/* DASHBOARD / КОНСОЛЬ */
body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type{
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:12px;
  background:rgba(255,255,255,.03);
  margin-bottom:12px;
}

body.woocommerce-account .pgx-console{
  display:grid;
  gap:12px;
}

body.woocommerce-account .pgx-console__hero{
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  padding:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}

body.woocommerce-account .pgx-console__kicker{
  margin:0 0 6px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.75;
  font-weight:900;
}
body.woocommerce-account .pgx-console__title{
  margin:0;
  font-size:clamp(22px,1.8vw,34px);
  line-height:1.1;
  font-weight:1000;
}
body.woocommerce-account .pgx-console__text{
  margin:8px 0 0;
  opacity:.85;
}
body.woocommerce-account .pgx-console__actions{
  display:grid;
  gap:8px;
}
body.woocommerce-account .pgx-console-btn{
  min-height:40px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.25);
  padding:0 14px;
  text-decoration:none;
  font-weight:900;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(90deg, rgba(255,45,122,.95), rgba(176,0,255,.78));
}

body.woocommerce-account .pgx-console__stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
body.woocommerce-account .pgx-console-stat{
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  padding:12px;
  background:rgba(255,255,255,.03);
  display:grid;
  gap:6px;
}
body.woocommerce-account .pgx-console-stat span{
  font-size:12px;
  opacity:.75;
  font-weight:800;
}
body.woocommerce-account .pgx-console-stat strong{
  font-size:clamp(22px,1.8vw,34px);
  line-height:1;
  font-weight:1000;
}
body.woocommerce-account .pgx-b2b-panel{
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  padding:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028));
  display:grid;
  gap:12px;
}
body.woocommerce-account .pgx-b2b-panel__top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
}
body.woocommerce-account .pgx-b2b-panel__title{
  margin:0;
  font-size:clamp(22px,1.7vw,30px);
  line-height:1.08;
  font-weight:1000;
}
body.woocommerce-account .pgx-b2b-discount{
  min-width:140px;
  border-radius:14px;
  padding:10px 12px;
  color:#fff;
  background:linear-gradient(135deg, rgba(255,45,122,.95), rgba(176,0,255,.82));
  display:grid;
  gap:3px;
  text-align:right;
  box-shadow:0 14px 30px rgba(176,0,255,.18);
}
body.woocommerce-account .pgx-b2b-discount span,
body.woocommerce-account .pgx-b2b-discount small,
body.woocommerce-account .pgx-b2b-metrics small{
  font-size:12px;
  opacity:.82;
  font-weight:800;
}
body.woocommerce-account .pgx-b2b-discount strong{
  font-size:28px;
  line-height:1;
  font-weight:1000;
}
body.woocommerce-account .pgx-b2b-progress{
  display:grid;
  gap:8px;
}
body.woocommerce-account .pgx-b2b-progress__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}
body.woocommerce-account .pgx-b2b-progress__head span{
  font-weight:1000;
  color:#8dc7ff;
}
body.woocommerce-account .pgx-b2b-progress__head strong{
  font-size:13px;
  opacity:.82;
  text-align:right;
}
body.woocommerce-account .pgx-b2b-progress__bar{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
body.woocommerce-account .pgx-b2b-progress__bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#ff2d7a,#b000ff);
}
body.woocommerce-account .pgx-b2b-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
body.woocommerce-account .pgx-b2b-metrics article{
  border:1px solid rgba(255,255,255,.13);
  border-radius:12px;
  padding:10px;
  background:rgba(255,255,255,.025);
  display:grid;
  gap:3px;
}
body.woocommerce-account .pgx-b2b-metrics span{
  font-size:12px;
  opacity:.72;
  font-weight:800;
}
body.woocommerce-account .pgx-b2b-metrics strong{
  font-size:21px;
  line-height:1;
  font-weight:1000;
}
body.woocommerce-account .pgx-b2b-current,
body.woocommerce-account .pgx-b2b-next{
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  padding:12px;
  background:rgba(255,255,255,.025);
}
body.woocommerce-account .pgx-b2b-current__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin:0 0 9px;
}
body.woocommerce-account .pgx-b2b-current__head strong{
  color:#fff;
  font-weight:1000;
}
body.woocommerce-account .pgx-b2b-current__head small{
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:800;
  text-align:right;
}
body.woocommerce-account .pgx-b2b-next__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 9px;
}
body.woocommerce-account .pgx-b2b-next__head > span{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#ff2d7a,#b000ff);
  font-weight:1000;
  font-family:Arial,sans-serif;
}
body.woocommerce-account .pgx-b2b-next strong{
  display:block;
  color:#8dc7ff;
  font-weight:1000;
}
body.woocommerce-account .pgx-b2b-next small{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:800;
}
body.woocommerce-account .pgx-b2b-current ul,
body.woocommerce-account .pgx-b2b-next ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:4px;
}
body.woocommerce-account .pgx-b2b-current li,
body.woocommerce-account .pgx-b2b-next li{
  color:rgba(255,255,255,.86);
  font-size:13px;
  line-height:1.35;
}

body.woocommerce-account .pgx-console__quick{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
/* Hide static mobile fallback shell on desktop/content; keep only JS runtime shell */
body.woocommerce-account .pgx-account-mobile-shell:not(.pgx-account-mobile-runtime){
  display:none !important;
}
body.woocommerce-account .pgx-quick-card{
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  padding:12px;
  text-decoration:none;
  color:#fff;
  background:rgba(255,255,255,.03);
  display:grid;
  gap:6px;
  transition:transform .16s ease, border-color .16s ease, background .16s ease;
}
body.woocommerce-account .pgx-quick-card:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.3);
  background:rgba(255,255,255,.06);
}
body.woocommerce-account .pgx-quick-card span{
  font-size:12px;
  opacity:.72;
  font-weight:800;
}
body.woocommerce-account .pgx-quick-card strong{
  font-size:18px;
  font-weight:1000;
}

/* ADDRESSES / АДРЕСИ (жесткий фикс перекоса колонок) */
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .u-column1.col-1,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .u-column2.col-2,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .col-1,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .col-2{
  float:none !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address{
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  padding:14px;
  background:rgba(255,255,255,.03);
  min-height:100%;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-bottom:8px;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address-title h3{
  margin:0;
  font-size:clamp(22px,1.8vw,42px);
  line-height:1.06;
  font-weight:1000;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address-title .edit{
  min-height:34px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  font-weight:900;
  color:#fff;
  background:rgba(255,255,255,.06);
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses address{
  margin:0;
  font-style:normal;
  line-height:1.65;
  color:rgba(255,255,255,.9);
}

/* mobile */
@media (max-width: 1024px){
  body.woocommerce-account .pgx-console__hero{
    grid-template-columns:1fr;
  }
  body.woocommerce-account .pgx-console__stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.woocommerce-account .pgx-console__quick{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.woocommerce-account .pgx-b2b-panel__top{
    grid-template-columns:1fr;
  }
  body.woocommerce-account .pgx-b2b-discount{
    text-align:left;
  }
  body.woocommerce-account .pgx-b2b-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 700px){
  body.woocommerce-account .pgx-console__stats,
  body.woocommerce-account .pgx-console__quick,
  body.woocommerce-account .pgx-b2b-metrics{
    grid-template-columns:1fr;
  }
  body.woocommerce-account .pgx-b2b-progress__head{
    display:grid;
    gap:5px;
  }
  body.woocommerce-account .pgx-b2b-progress__head strong{
    text-align:left;
  }
  body.woocommerce-account .pgx-b2b-current__head{
    display:grid;
    gap:4px;
  }
  body.woocommerce-account .pgx-b2b-current__head small{
    text-align:left;
  }
  body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses{
    grid-template-columns:1fr !important;
  }
}
/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-register-retail.php] MY ACCOUNT: КОНСОЛЬ + АДРЕСИ (финальный polish) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-register-retail.php] login-register-guest --- */
/* Login/register guest page */
body.woocommerce-account .woocommerce .col2-set{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce form.register{
  border:1px solid var(--ax-line);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(10,14,26,.9), rgba(8,12,22,.7));
  padding:16px;
}

/* Responsive */
@media (max-width: 1279px){
  body.woocommerce-account .pgxStats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width: 1023px){
  body.woocommerce-account .pgxHero{
    grid-template-columns:1fr;
  }
  body.woocommerce-account .pgxShell{
    grid-template-columns:1fr;
  }
  body.woocommerce-account .pgxSidebar{
    position:static;
  }
  body.woocommerce-account .pgxStats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.woocommerce-account .woocommerce .col2-set{
    grid-template-columns:1fr;
  }
}
@media (max-width: 767px){
  body.woocommerce-account .pgxDashGrid{
    grid-template-columns:1fr;
  }
  body.woocommerce-account .pgxStats{
    grid-template-columns:1fr;
  }
  body.woocommerce-account .pgxHero__actions .pgBtn2026{
    width:100%;
    justify-content:center;
  }
  body.woocommerce-account .pgxRecentItem__meta{
    flex-direction:column;
    gap:4px;
  }
  body.woocommerce-account .pgxAccountContent .woocommerce-Addresses{
    grid-template-columns:1fr;
  }
}

@media (min-width: 1920px){
  body.woocommerce-account .container{ width:min(100%, 1760px) !important; }
}
@media (min-width: 2560px){
  body.woocommerce-account .container{ width:min(100%, 2200px) !important; }
}
@media (min-width: 3840px){
  body.woocommerce-account .container{ width:min(100%, 2800px) !important; }
}
@media (min-width: 5000px){
  body.woocommerce-account .container{ width:min(100%, 3400px) !important; }
}
/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-register-retail.php] login-register-guest --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [page-register-retail.php] MY ACCOUNT PREMIUM FALLBACK (works with default Woo templates) --- */
/* ===================================================================
   MY ACCOUNT PREMIUM FALLBACK (works with default Woo templates)
=================================================================== */
body.woocommerce-account .site-main{
  padding: 24px 0 44px;
}

body.woocommerce-account .woocommerce{
  --ma-line: rgba(255,255,255,.14);
  --ma-line-strong: rgba(255,255,255,.24);
  --ma-bg-1: rgba(9,13,24,.88);
  --ma-bg-2: rgba(7,10,18,.74);
  --ma-text: rgba(255,255,255,.94);
  --ma-muted: rgba(255,255,255,.67);
  --ma-accent-1: #ff2d7a;
  --ma-accent-2: #b000ff;

  position: relative;
  display: grid;
  grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
  gap: 14px;
  color: var(--ma-text);
  z-index: 1;
}

body.woocommerce-account .woocommerce::before{
  content: "";
  position: absolute;
  inset: -80px -60px -20px -60px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(900px 460px at 10% 8%, rgba(255,45,122,.16), transparent 62%),
    radial-gradient(920px 500px at 90% 22%, rgba(90,130,255,.16), transparent 60%),
    radial-gradient(840px 460px at 46% 98%, rgba(176,0,255,.14), transparent 64%);
  filter: blur(10px);
  opacity: .92;
}

/* reset Woo floats */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{
  float: none !important;
  width: auto !important;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [page-register-retail.php] MY ACCOUNT PREMIUM FALLBACK (works with default Woo templates) --- */

/* ===== КОНЕЦ СТИЛЕЙ ФАЙЛА page-register-retail.php ===== */

/* ===== НАЧАЛО СТИЛЕЙ ФАЙЛА functions.php ===== */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] FIX MGI DROPDOWN (INLINE WHITE BG OVERRIDE) --- */
    /* ===== FIX MGI DROPDOWN (INLINE WHITE BG OVERRIDE) ===== */
.wolf-field--finish div[style*="position: absolute"]{
  background:#0b0b0c !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  border-radius:14px !important;
}

/* строки внутри */
.wolf-field--finish div[style*="position: absolute"] label{
  color:#fff !important;
  background:transparent !important;
}

/* hover */
.wolf-field--finish div[style*="position: absolute"] label:hover{
  background:rgba(255,255,255,.08) !important;
}

/* чекбоксы */
.wolf-field--finish div[style*="position: absolute"] input[type="checkbox"]{
  accent-color:#d4af37 !important;
}

/* скроллбар */
.wolf-field--finish div[style*="position: absolute"]::-webkit-scrollbar{
  width:10px;
}
.wolf-field--finish div[style*="position: absolute"]::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.25);
  border-radius:10px;
}
  .wolf-field--finish div[style*="position: absolute"] label:has(input[type="checkbox"]:checked){
  background: rgba(161,0,255,.12) !important; /* фиолетовый как на сайте */
  position: relative;
}

/* фиолетовая полоска слева */
.wolf-field--finish div[style*="position: absolute"] label:has(input[type="checkbox"]:checked)::before{
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  bottom:8px;
  width:3px;
  border-radius:999px;
  background: linear-gradient(180deg, #c664ff, #a100ff);
}

/* чекбокс при выборе (фиолетовый вместо желтого) */
.wolf-field--finish div[style*="position: absolute"] input[type="checkbox"]:checked{
  accent-color:#a100ff !important;
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] FIX MGI DROPDOWN (INLINE WHITE BG OVERRIDE) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] Migrated from functions.php (block 1) --- */
/* ===== Migrated from functions.php (block 1) ===== */
  .wolf-front-block{margin:18px 0;max-width:760px}
  .wolf-front-grid{display:grid;grid-template-columns:1fr;gap:12px}
  .wolf-front-label{font-size:14px;margin:0 0 6px;color:rgba(255,255,255,.9)}

  /* SELECT/INPUT LOOK (dark) */
  .wolf-front-select{
    width:100%;
    padding:14px 18px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    font-size:15px;
    outline:none;
    color:rgba(255,255,255,.95);
    box-shadow:none;
    -webkit-appearance:none;
    appearance:none;
  }

  .wolf-front-select:focus{
    border-color:rgba(255,255,255,.28);
    box-shadow:none;
    outline:none;
  }

  /* OPTIONS (фикс белого) */
  .wolf-front-select option{
    background:#0b0b0c;
    color:#fff;
  }

  /* выделенные пункты (для multiple) */
  .wolf-front-select option:checked{
    background:#1a1a1a;
    color:#fff;
  }

  [data-wolf-price-box].is-loading [data-wolf-price-value]{opacity:.5}

  /* PRICE BOX (dark) */
  .wolf-price-box{
    margin-top:12px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
    background:rgba(0,0,0,.25);
    color:rgba(255,255,255,.95);
  }

  .wolf-price-row{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:center
  }

  .wolf-price-error{margin-top:6px;color:#ff5a5a;font-size:12px}

  /* Manual product mode uses the same control language as the Wolf calculator. */
  .ip-manual-product{max-width:760px}
  .ip-manual-product .wolf-front-grid{gap:12px}
  .ip-manual-product__field,.ip-manual-product__quantity{min-width:0}
  .ip-manual-product__field .wolf-front-label label,
  .ip-manual-product__quantity .wolf-front-label label{color:inherit;font:inherit}
  .ip-manual-product__fixed-value{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    cursor:default;
    background-image:none!important;
    padding-right:18px!important;
  }
  .ip-manual-product__fixed-value small{
    color:rgba(255,255,255,.68);
    font-size:12px;
    white-space:nowrap;
  }
  .ip-manual-product__specs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:2px 0 0;
  }
  .ip-manual-product__specs div{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    min-width:0;
    padding:11px 13px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(255,255,255,.035);
  }
  .ip-manual-product__specs dt,.ip-manual-product__specs dd{
    min-width:0;
    margin:0;
    overflow-wrap:anywhere;
    font-size:13px;
    line-height:1.4;
  }
  .ip-manual-product__specs dt{color:rgba(255,255,255,.62)}
  .ip-manual-product__specs dd{color:#fff;font-weight:800;text-align:right}
  .ip-manual-product__total{margin-top:0}
  .ip-manual-product__total .wolf-price-row{align-items:baseline}
  .ip-manual-product__total .wolf-price-row > span{font-size:16px;line-height:1.35}
  .ip-manual-product__total strong{font-size:16px;line-height:1.35;font-weight:800;text-align:right;color:#fff}
  .ip-manual-product__note,.ip-manual-product__empty{
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    color:rgba(255,255,255,.72);
    font-size:13px;
    line-height:1.5;
  }
  .ip-manual-custom-field{
    min-width:0;
    margin:0;
    padding:0;
    border:0;
  }
  .ip-manual-custom-field > legend{
    display:block;
    width:100%;
    padding:0;
  }
  .ip-manual-custom-required{color:#ff2c83;font-weight:800}
  .ip-manual-custom-choices{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .ip-manual-custom-choice{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    min-height:48px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:12px;
    background:rgba(255,255,255,.045);
    color:#fff;
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease;
  }
  .ip-manual-custom-choice:hover{border-color:rgba(255,44,131,.58)}
  .ip-manual-custom-choice input{flex:0 0 auto;margin:0;accent-color:#e60073}
  .ip-manual-custom-choice > span{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-width:0;
    width:100%;
    overflow-wrap:anywhere;
    font-size:14px;
    font-weight:700;
  }
  .ip-manual-custom-choice small{color:rgba(255,255,255,.68);font-size:12px;white-space:nowrap}
  .ip-manual-custom-choices--buttons .ip-manual-custom-choice{padding:0;border:0;background:transparent}
  .ip-manual-custom-choices--buttons .ip-manual-custom-choice input{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
  }
  .ip-manual-custom-choices--buttons .ip-manual-custom-choice > span{
    min-height:48px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:12px;
    background:rgba(255,255,255,.045);
  }
  .ip-manual-custom-choices--buttons .ip-manual-custom-choice input:checked + span{
    border-color:#e60073;
    background:rgba(230,0,115,.16);
    box-shadow:0 0 0 1px rgba(230,0,115,.16);
  }
  .ip-manual-custom-choices--buttons .ip-manual-custom-choice input:focus-visible + span{
    outline:2px solid #ff4da2;
    outline-offset:2px;
  }
  @media(max-width:767px){
    .ip-manual-product__specs{grid-template-columns:1fr}
    .ip-manual-custom-choices{grid-template-columns:1fr}
  }


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] Migrated from functions.php (block 1) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] Migrated from functions.php (block 2) --- */
/* ===== Migrated from functions.php (block 2) ===== */
/* DUPLICATE PRIORITY:
   This .pgExtra* block is later than previous .pgExtra* definitions,
   so this one has higher cascade priority. */
    .pgExtraGrid2026{display:flex;grid-template-columns:1.2fr .8fr;gap:18px;margin:18px 0 10px;}
    .pgExtraGrid2026--right-only > .pgExtraCard2026{grid-column:2;}
    @media(max-width: 980px){
      .pgExtraGrid2026{grid-template-columns:1fr;}
      .pgExtraGrid2026--right-only > .pgExtraCard2026{grid-column:auto;}
    }
    .pgExtraCard2026{background: var(--glass);border:1px solid var(--stroke);border-radius:28px;backdrop-filter: blur(20px);box-shadow: var(--shadow);overflow:hidden;}
    #pgRecoCard2026{position:relative;}
    .pgExtraCard2026__in{padding:18px 18px 16px;}
    .pgExtraTitle2026{margin:0 0 10px;font-weight:1000;letter-spacing:-.3px;font-size:20px;}
    .pgExtraMut2026{color:var(--mut);font-size:13px;line-height:1.5;margin:0 0 12px;}
    .pgExtraDesc2026{color: rgba(255,255,255,.88);line-height:1.7;}
    .pgDetails2026{border-top:1px solid rgba(255,255,255,.08);}
    .pgDetails2026 details{border-top:1px solid rgba(255,255,255,.08);padding:0;}
    .pgDetails2026 summary{list-style:none;cursor:pointer;padding:14px 18px;font-weight:1000;display:flex;align-items:center;justify-content:space-between;gap:10px;}
    .pgDetails2026 summary::-webkit-details-marker{display:none;}
    .pgDetails2026 summary span{opacity:.92}
    .pgDetails2026 summary i{opacity:.7;font-style:normal}
    .pgDetails2026 details[open] summary{background: rgba(255,255,255,.05);}
    .pgDetailsBody2026{padding:0 18px 16px;color: rgba(255,255,255,.86);line-height:1.65;}
    .pgRecoList2026{margin:10px 0 0;padding-left:18px;}
    .pgRecoList2026 li{margin:7px 0;color: rgba(255,255,255,.84);}
    .pgSizeBadge2026{display:grid;gap:10px;margin-top:10px;}
    .pgSizeRow2026{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:18px;background: rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);}
    .pgSizeRow2026--mock{border-color:rgba(255,77,79,.55);box-shadow:inset 0 0 0 1px rgba(255,77,79,.15);}
    .pgSizeRow2026--trim{border-color:rgba(93,135,255,.55);box-shadow:inset 0 0 0 1px rgba(93,135,255,.15);}
    .pgSizeRow2026--safe{border-color:rgba(52,199,89,.55);box-shadow:inset 0 0 0 1px rgba(52,199,89,.15);}
    .pgSizeRowLabel2026{display:inline-flex;align-items:center;gap:10px;}
    .pgSizeRowMeta2026{display:inline-flex;align-items:center;gap:8px;}
    .pgSizeRow2026 b{font-weight:1000;}
    .pgSizeRow2026 code{background: rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);padding:4px 8px;border-radius:12px;color: rgba(255,255,255,.9);}
    .pgHelpBtn.pgHelpBtn--inline{
      width:22px;
      height:22px;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.24);
      background:rgba(255,255,255,.10);
      color:#fff;
      font-weight:900;
      line-height:1;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      transition:background .18s ease,border-color .18s ease,transform .18s ease;
    }
    .pgHelpBtn.pgHelpBtn--inline:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.45);transform:translateY(-1px);}
    .pgHelpTooltip{transform:none !important;}
    .pgTplBtn2026{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;height:46px;padding:0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background: rgba(255,255,255,.06);color: rgba(255,255,255,.92);text-decoration:none;font-weight:1000;}
    .pgTplBtn2026:hover{transform: translateY(-1px);background: rgba(255,255,255,.09);}
  


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] Migrated from functions.php (block 2) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] MGI (multiple) — точечный фикс по data-атрибуту --- */
  /* ===== MGI (multiple) — точечный фикс по data-атрибуту ===== */
  select[data-wolf-mgi-select]{
    background:rgba(255,255,255,.06);
    color:rgba(255,255,255,.95);
  }

  select[data-wolf-mgi-select] option{
    background:#0b0b0c;
    color:#fff;
  }

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] MGI (multiple) — точечный фикс по data-атрибуту --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] CHECKBOX WOW (ТОЛЬКО ЧЕКБОКСЫ) --- */
  /* ===== CHECKBOX WOW (ТОЛЬКО ЧЕКБОКСЫ) ===== */
.wolf-field--finish div[style*="position: absolute"] input[type="checkbox"]{
  /* убираем дефолт */
  -webkit-appearance:none !important;
  appearance:none !important;

  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;

  border-radius:6px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.06) !important;

  box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 8px 18px rgba(0,0,0,.35) !important;

  cursor:pointer !important;
  position:relative !important;
  transition:transform .12s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
  outline:none !important;
}

/* hover */
.wolf-field--finish div[style*="position: absolute"] input[type="checkbox"]:hover{
  border-color:rgba(255,255,255,.32) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.08) inset,
    0 10px 22px rgba(0,0,0,.42) !important;
  transform:translateY(-1px) !important;
}

/* focus */
.wolf-field--finish div[style*="position: absolute"] input[type="checkbox"]:focus{
  border-color:rgba(161,0,255,.55) !important;
  box-shadow:
    0 0 0 3px rgba(161,0,255,.22),
    0 1px 0 rgba(255,255,255,.08) inset,
    0 10px 22px rgba(0,0,0,.42) !important;
}

/* checked — фирменный фиолетовый + glow */
.wolf-field--finish div[style*="position: absolute"] input[type="checkbox"]:checked{
  border-color:rgba(161,0,255,.75) !important;
  background:linear-gradient(180deg, rgba(198,100,255,.95), rgba(161,0,255,.95)) !important;

  box-shadow:
    0 0 0 3px rgba(161,0,255,.18),
    0 12px 26px rgba(161,0,255,.25),
    0 10px 22px rgba(0,0,0,.42) !important;
}

/* галочка */
.wolf-field--finish div[style*="position: absolute"] input[type="checkbox"]::after{
  content:"";
  position:absolute;
      left: 4px;
    top: 2px;
    width: 7px;
    height: 8px;
  border-right:2px solid rgba(255,255,255,.98);
  border-bottom:2px solid rgba(255,255,255,.98);
  transform:rotate(45deg) scale(0);
  opacity:0;
  transition:transform .14s ease, opacity .14s ease;
}

.wolf-field--finish div[style*="position: absolute"] input[type="checkbox"]:checked::after{
  transform:rotate(45deg) scale(1);
  opacity:1;
}

/* клик-эффект */
.wolf-field--finish div[style*="position: absolute"] input[type="checkbox"]:active{
  transform:scale(.94) !important;
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] CHECKBOX WOW (ТОЛЬКО ЧЕКБОКСЫ) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] ПАГИНАЦИЯ ТОВАРОВ (WooCommerce) — стиль под тему сайта --- */
/* =====================================================================
   ПАГИНАЦИЯ ТОВАРОВ (WooCommerce) — стиль под тему сайта
   Файл: assets/fonts/main.css
   ===================================================================== */

/* Контейнер */
.woocommerce nav.woocommerce-pagination,
nav.woocommerce-pagination,
nav.pagination,
.pagination,
.woocommerce-pagination{
  margin: 22px 0 26px;
  text-align: center;
}

/* Список кнопок */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce .woocommerce-pagination ul.page-numbers,
nav.pagination .page-numbers{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0 !important;
  background: transparent;
}

/* Убираем стандартные бордеры Woo */
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce .woocommerce-pagination ul.page-numbers li{
  border: 0 !important;
  margin: 0 !important;
  padding: 0;
}

/* Кнопки */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce .woocommerce-pagination ul.page-numbers li a,
.woocommerce .woocommerce-pagination ul.page-numbers li span,
nav.pagination .page-numbers a,
nav.pagination .page-numbers span{
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 28px rgba(0,0,0,.35);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

/* Hover */
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce .woocommerce-pagination ul.page-numbers li a:hover,
nav.pagination .page-numbers a:hover{
  transform: translateY(px);
  color: #fff;
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.28);
  box-shadow: 0 14px 30px rgba(0,0,0,.42), 0 0 18px rgba(255,45,122,.18);
}

/* Текущая страница */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce .woocommerce-pagination ul.page-numbers li span.current,
nav.pagination .page-numbers span.current{
  color: #fff;
  border-color: rgba(255,255,255,.30);
  background: linear-gradient(90deg, rgba(255,45,122,.96), rgba(176,0,255,.76));
  box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset, 0 14px 30px rgba(255,45,122,.30);
}

/* Prev/Next чуть шире */
.woocommerce nav.woocommerce-pagination ul li .prev,
.woocommerce nav.woocommerce-pagination ul li .next,
.woocommerce .woocommerce-pagination ul.page-numbers li .prev,
.woocommerce .woocommerce-pagination ul.page-numbers li .next{
  min-width: 52px;
  padding: 0 16px;
}
/* FIX pagination */
.pagination .page-numbers a,
.pagination .page-numbers span,
.pagination > .page-numbers,
nav.pagination .page-numbers a,
nav.pagination .page-numbers span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce .woocommerce-pagination ul.page-numbers li a,
.woocommerce .woocommerce-pagination ul.page-numbers li span{
  color:#f2f6ff !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:12px !important;
  min-width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.pagination .page-numbers .current,
nav.pagination .page-numbers .current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce .woocommerce-pagination ul.page-numbers li span.current{
  background:linear-gradient(90deg,#ff2d7a,#b000ff) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.35) !important;
}





/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] ПАГИНАЦИЯ ТОВАРОВ (WooCommerce) — стиль под тему сайта --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] ULTRA PREMIUM MY ACCOUNT 2026 --- */
/* ===================================================================
   ULTRA PREMIUM MY ACCOUNT 2026
=================================================================== */
body.woocommerce-account .site-main{
  padding: 22px 0 44px;
}

body.woocommerce-account .container{
  width: min(100%, 1520px) !important;
}

body.woocommerce-account .pgxAccount{
  --ax-bg-0:#060910;
  --ax-bg-1:#0c1221;
  --ax-bg-2:#161f38;
  --ax-line:rgba(255,255,255,.14);
  --ax-line-2:rgba(255,255,255,.24);
  --ax-text:rgba(255,255,255,.95);
  --ax-muted:rgba(255,255,255,.66);
  --ax-ac-1:#ff2d7a;
  --ax-ac-2:#b000ff;
  --ax-ac-3:#45c0ff;
  --ax-shadow:0 26px 70px rgba(0,0,0,.48);
  color: var(--ax-text);
  display:grid;
  gap:14px;
  position:relative;
  isolation:isolate;
}

body.woocommerce-account .pgxAccount__bg{
  position:absolute;
  inset:-180px -120px -80px -120px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(900px 520px at 8% 12%, rgba(255,45,122,.18), transparent 60%),
    radial-gradient(1000px 560px at 92% 22%, rgba(69,192,255,.16), transparent 60%),
    radial-gradient(840px 520px at 45% 108%, rgba(176,0,255,.16), transparent 62%);
  filter: blur(8px);
  opacity:.95;
}

body.woocommerce-account .pgxGlass{
  border:1px solid var(--ax-line);
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(10,14,26,.86), rgba(8,12,22,.68));
  backdrop-filter: blur(14px);
  box-shadow: var(--ax-shadow);
}

body.woocommerce-account .pgxGlassSoft{
  border:1px solid var(--ax-line);
  border-radius:16px;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}

/* HERO */
body.woocommerce-account .pgxHero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:14px;
  padding:clamp(14px,1.4vw,24px);
  position:relative;
  overflow:hidden;
}
body.woocommerce-account .pgxHero::before{
  content:"";
  position:absolute;
  inset:-140px;
  pointer-events:none;
  background:
    radial-gradient(560px 260px at 20% 10%, rgba(255,45,122,.2), transparent 70%),
    radial-gradient(680px 320px at 90% 85%, rgba(69,192,255,.18), transparent 70%);
  opacity:.9;
}
body.woocommerce-account .pgxHero > *{ position:relative; z-index:1; }

body.woocommerce-account .pgxHero__kicker{
  margin:0 0 6px;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.13em;
  color:var(--ax-muted);
  font-weight:900;
}
body.woocommerce-account .pgxHero__title{
  margin:0;
  font-size:clamp(30px,2.8vw,54px);
  line-height:1.03;
  letter-spacing:-.02em;
  font-weight:1000;
}
body.woocommerce-account .pgxHero__text{
  margin:10px 0 0;
  color:var(--ax-muted);
  max-width:62ch;
  font-weight:700;
}
body.woocommerce-account .pgxHero__actions{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

body.woocommerce-account .pgxHero__right{
  padding:12px;
  display:grid;
  gap:10px;
  align-content:start;
}
body.woocommerce-account .pgxTier{
  border:1px solid var(--ax-line-2);
  border-radius:14px;
  background:rgba(0,0,0,.22);
  padding:10px 12px;
  display:grid;
  gap:4px;
}
body.woocommerce-account .pgxTier span{
  color:var(--ax-muted);
  font-size:12px;
  font-weight:800;
}
body.woocommerce-account .pgxTier strong{
  font-size:21px;
  font-weight:1000;
}

body.woocommerce-account .pgxHero__meta{
  display:grid;
  gap:8px;
}
body.woocommerce-account .pgxHero__meta > div{
  border:1px solid var(--ax-line);
  border-radius:12px;
  padding:8px 10px;
  background:rgba(255,255,255,.03);
}
body.woocommerce-account .pgxHero__meta span{
  display:block;
  color:var(--ax-muted);
  font-size:12px;
  font-weight:800;
}
body.woocommerce-account .pgxHero__meta strong{
  display:block;
  margin-top:3px;
  font-size:14px;
  font-weight:900;
}

/* STATS */
body.woocommerce-account .pgxStats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
body.woocommerce-account .pgxStat{
  padding:12px;
  display:grid;
  gap:6px;
}
body.woocommerce-account .pgxStat span{
  color:var(--ax-muted);
  font-size:12px;
  font-weight:800;
}
body.woocommerce-account .pgxStat strong{
  font-size:clamp(18px,1.15vw,28px);
  line-height:1.1;
  font-weight:1000;
}

/* SHELL */
body.woocommerce-account .pgxShell{
  display:grid;
  grid-template-columns:minmax(270px,320px) minmax(0,1fr);
  gap:12px;
  align-items:start;
}
body.woocommerce-account .pgxSidebar{
  position:sticky;
  top:calc(var(--pg-head-offset,88px) + 8px);
}

/* NAV */
body.woocommerce-account .pgxNav{
  border:1px solid var(--ax-line);
  border-radius:18px;
  padding:10px;
  background: linear-gradient(180deg, rgba(10,14,26,.9), rgba(8,12,22,.7));
  box-shadow:0 20px 46px rgba(0,0,0,.35);
}
body.woocommerce-account .pgxNav ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
body.woocommerce-account .pgxNav li{ margin:0; }

body.woocommerce-account .pgxNav a{
  min-height:52px;
  border:1px solid var(--ax-line);
  border-radius:14px;
  text-decoration:none;
  color:rgba(255,255,255,.92);
  background:rgba(255,255,255,.03);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:6px 10px;
  font-weight:900;
  transition:transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
body.woocommerce-account .pgxNav a:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.08);
  border-color:var(--ax-line-2);
}
body.woocommerce-account .pgxNav .is-active a{
  background: linear-gradient(90deg, rgba(255,45,122,.92), rgba(176,0,255,.78));
  border-color:rgba(255,255,255,.28);
  box-shadow:0 14px 28px rgba(176,0,255,.26);
  color:#fff;
}

body.woocommerce-account .pgxNav__icon{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(0,0,0,.22);
  display:grid;
  place-items:center;
}
body.woocommerce-account .pgxNav__icon svg{
  width:18px;
  height:18px;
}
body.woocommerce-account .pgxNav__text{
  font-size:14px;
  line-height:1.2;
}
body.woocommerce-account .pgxNav__badge{
  min-width:24px;
  height:24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  font-size:12px;
  font-weight:1000;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.26);
  color:#fff;
}

/* CONTENT WRAP */
body.woocommerce-account .pgxAccountContent{
  border-radius:18px;
  padding:clamp(12px,1.2vw,20px);
  min-width:0;
}
body.woocommerce-account .woocommerce-MyAccount-content{
  float:none !important;
  width:auto !important;
}
body.woocommerce-account .pgxAccountContent h2,
body.woocommerce-account .pgxAccountContent h3{
  margin:0 0 12px;
  font-weight:1000;
}
body.woocommerce-account .pgxAccountContent p,
body.woocommerce-account .pgxAccountContent li,
body.woocommerce-account .pgxAccountContent label{
  color:rgba(255,255,255,.88);
}

/* DASHBOARD */
body.woocommerce-account .pgxDash{
  display:grid;
  gap:12px;
}
body.woocommerce-account .pgxDash__head h2{
  margin:0;
  font-size:clamp(24px,1.6vw,36px);
}
body.woocommerce-account .pgxDash__head p{
  margin:6px 0 0;
  color:var(--ax-muted);
}
body.woocommerce-account .pgxDashGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body.woocommerce-account .pgxDashCard{
  border:1px solid var(--ax-line);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  padding:12px;
  text-decoration:none;
  color:#fff;
  display:grid;
  gap:6px;
  transition:transform .16s ease, border-color .16s ease, background .16s ease;
}
body.woocommerce-account .pgxDashCard:hover{
  transform:translateY(-1px);
  border-color:var(--ax-line-2);
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.05));
}
body.woocommerce-account .pgxDashCard span{
  color:var(--ax-muted);
  font-size:12px;
  font-weight:800;
}
body.woocommerce-account .pgxDashCard strong{
  font-size:16px;
  font-weight:1000;
}

body.woocommerce-account .pgxRecent{
  border:1px solid var(--ax-line);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  padding:12px;
}
body.woocommerce-account .pgxRecent__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
body.woocommerce-account .pgxRecent__head h3{
  margin:0;
}
body.woocommerce-account .pgxRecent__head a{
  color:#fff;
  text-decoration:none;
  font-weight:900;
  opacity:.9;
}
body.woocommerce-account .pgxRecent__list{
  display:grid;
  gap:8px;
}
body.woocommerce-account .pgxRecentItem{
  border:1px solid var(--ax-line);
  border-radius:12px;
  padding:10px;
  background:rgba(255,255,255,.03);
  display:grid;
  gap:7px;
}
body.woocommerce-account .pgxRecentItem__top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
body.woocommerce-account .pgxRecentItem__meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:var(--ax-muted);
  font-size:13px;
}
body.woocommerce-account .pgxRecentItem__actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
body.woocommerce-account .pgxMiniBtn{
  min-height:34px;
  border-radius:10px;
  border:1px solid var(--ax-line);
  background:rgba(255,255,255,.05);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
}
body.woocommerce-account .pgxMiniBtn--cta{
  background:linear-gradient(90deg, rgba(255,45,122,.95), rgba(176,0,255,.78));
  border-color:rgba(255,255,255,.26);
}
body.woocommerce-account .pgxStatus{
  min-height:24px;
  border-radius:999px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(0,0,0,.22);
  font-size:12px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
}

/* TABLES + FORMS + NOTICE */
body.woocommerce-account .pgxAccountContent .shop_table,
body.woocommerce-account .pgxAccountContent table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--ax-line);
  border-radius:12px;
  overflow:hidden;
  background:rgba(255,255,255,.02);
}
body.woocommerce-account .pgxAccountContent table th,
body.woocommerce-account .pgxAccountContent table td{
  padding:10px 12px;
  border-bottom:1px solid var(--ax-line);
  color:rgba(255,255,255,.9);
}
body.woocommerce-account .pgxAccountContent table tr:last-child td{
  border-bottom:0;
}
body.woocommerce-account .pgxAccountContent table th{
  background:rgba(255,255,255,.05);
  font-weight:900;
}

body.woocommerce-account .pgxAccountContent .woocommerce-message,
body.woocommerce-account .pgxAccountContent .woocommerce-info,
body.woocommerce-account .pgxAccountContent .woocommerce-error{
  border:1px solid var(--ax-line);
  border-radius:12px;
  background:rgba(255,255,255,.04);
  color:#fff;
}

body.woocommerce-account .pgxAccountContent input[type="text"],
body.woocommerce-account .pgxAccountContent input[type="email"],
body.woocommerce-account .pgxAccountContent input[type="password"],
body.woocommerce-account .pgxAccountContent input[type="tel"],
body.woocommerce-account .pgxAccountContent select,
body.woocommerce-account .pgxAccountContent textarea{
  width:100%;
  min-height:44px;
  border-radius:12px;
  border:1px solid var(--ax-line-2);
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  color:#fff;
  padding:10px 12px;
}
body.woocommerce-account .pgxAccountContent input:focus,
body.woocommerce-account .pgxAccountContent select:focus,
body.woocommerce-account .pgxAccountContent textarea:focus{
  outline:none;
  border-color:rgba(255,45,122,.66);
  box-shadow:0 0 0 3px rgba(255,45,122,.16);
}

body.woocommerce-account .pgxAccountContent .button,
body.woocommerce-account .pgxAccountContent button,
body.woocommerce-account .pgxAccountContent input[type="submit"]{
  min-height:44px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:linear-gradient(90deg, rgba(255,45,122,.95), rgba(176,0,255,.78)) !important;
  color:#fff !important;
  font-weight:900 !important;
}

/* Addresses */
body.woocommerce-account .pgxAccountContent .woocommerce-Addresses{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.woocommerce-account .pgxAccountContent .woocommerce-Address{
  border:1px solid var(--ax-line);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  padding:12px;
}
body.woocommerce-account .pgxAccountContent .woocommerce-Address-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}


/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] ULTRA PREMIUM MY ACCOUNT 2026 --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] B2B MODAL: внутренний скролл и размер --- */
.pgModal--b2b .pgModal__panel{
  width:min(1340px, calc(100vw - 24px));
  max-width:min(1340px, calc(100vw - 24px));
}
.pgModal--b2b .pgModal__body--b2b{
  padding: 10px 16px 16px;
}
.pgModal--b2b .tiers--slider{
  background: transparent;
  padding: 0;
}
.pgModal--b2b .tiers{
  max-width: none;
  padding: 0;
}
/* B2B modal: внутренний скролл, если контент не влезает */
.pgModal--b2b .pgModal__panel{
  max-height: calc(100vh - 16px);
  display: flex;
  flex-direction: column;
}

.pgModal--b2b .pgModal__body,
.pgModal--b2b .pgModal__body--b2b{
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto !important;
  overflow-x: hidden;
  max-height: none !important;
  overscroll-behavior: contain;
}

/* аккуратный скроллбар */
.pgModal--b2b .pgModal__body::-webkit-scrollbar,
.pgModal--b2b .pgModal__body--b2b::-webkit-scrollbar{
  width: 8px;
}
.pgModal--b2b .pgModal__body::-webkit-scrollbar-thumb,
.pgModal--b2b .pgModal__body--b2b::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.28);
  border-radius: 999px;
}
.pgModal--b2b .pgModal__body::-webkit-scrollbar-track,
.pgModal--b2b .pgModal__body--b2b::-webkit-scrollbar-track{
  background: transparent;
}





/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] B2B MODAL: внутренний скролл и размер --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] FIX: dashboard text + addresses + order layout meta --- */
/* =========================================================
   FIX: dashboard text + addresses + order layout meta
========================================================= */

/* Dashboard: убираем стандартный ugly текст Woo, оставляем твой премиум-блок */
body.woocommerce-account .woocommerce-MyAccount-content:has(.pgx-console) > p{
  display:none !important;
}

/* Addresses endpoint */
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > p{
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  padding:10px 12px;
  background:rgba(255,255,255,.03);
  color:rgba(255,255,255,.86);
  margin-bottom:12px;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address-title h3{
  margin:0 !important;
  font-size:clamp(20px,1.3vw,30px) !important;
  line-height:1.15 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address-title .edit{
  white-space:nowrap;
  text-decoration:none;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses address{
  margin:8px 0 0;
  line-height:1.6;
  word-break:break-word;
}

/* Название товара на order/checkout */
body.woocommerce-checkout table.shop_table .product-name > a,
body.woocommerce-order-received table.shop_table .product-name > a,
body.woocommerce-view-order table.shop_table .product-name > a{
  color:#eaf1ff !important;
  text-decoration:none !important;
  font-weight:800;
}
body.woocommerce-checkout table.shop_table .product-name > a:hover,
body.woocommerce-order-received table.shop_table .product-name > a:hover,
body.woocommerce-view-order table.shop_table .product-name > a:hover{
  color:#ffffff !important;
  text-decoration:underline !important;
}

/* Красивый meta-блок макета */
body.woocommerce-checkout ul.wc-item-meta li,
body.woocommerce-order-received ul.wc-item-meta li,
body.woocommerce-view-order ul.wc-item-meta li{
  display:grid;
  grid-template-columns:minmax(160px,230px) minmax(0,1fr);
  gap:8px;
  align-items:start;
}
body.woocommerce-checkout ul.wc-item-meta .wc-item-meta-label,
body.woocommerce-order-received ul.wc-item-meta .wc-item-meta-label,
body.woocommerce-view-order ul.wc-item-meta .wc-item-meta-label{
  margin:0;
  color:rgba(255,255,255,.72);
  font-weight:900;
}
body.woocommerce-checkout ul.wc-item-meta li p,
body.woocommerce-order-received ul.wc-item-meta li p,
body.woocommerce-view-order ul.wc-item-meta li p{
  margin:0;
}

/* Кнопка "Відкрити макет" */
body.woocommerce-checkout .pgx-layout-link,
body.woocommerce-order-received .pgx-layout-link,
body.woocommerce-view-order .pgx-layout-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(90deg,#ff2d7a,#b000ff);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900;
}
body.woocommerce-checkout .pgx-layout-status,
body.woocommerce-order-received .pgx-layout-status,
body.woocommerce-view-order .pgx-layout-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
body.woocommerce-checkout .pgx-layout-status--ok,
body.woocommerce-order-received .pgx-layout-status--ok,
body.woocommerce-view-order .pgx-layout-status--ok{
  border:1px solid rgba(87,215,122,.45);
  background:rgba(87,215,122,.16);
}
body.woocommerce-checkout .pgx-layout-status--warn,
body.woocommerce-order-received .pgx-layout-status--warn,
body.woocommerce-view-order .pgx-layout-status--warn{
  border:1px solid rgba(255,198,62,.45);
  background:rgba(255,198,62,.16);
}

@media (max-width: 760px){
  body.woocommerce-checkout ul.wc-item-meta li,
  body.woocommerce-order-received ul.wc-item-meta li,
  body.woocommerce-view-order ul.wc-item-meta li{
    grid-template-columns:1fr;
  }
}
/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] FIX: dashboard text + addresses + order layout meta --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] FINAL POLISH: MY ACCOUNT (text/addresses) + ORDER META --- */
/* =========================================================
   FINAL POLISH: MY ACCOUNT (text/addresses) + ORDER META
========================================================= */

/* 1) Dashboard: скрываем сырой стандартный текст Woo */
body.woocommerce-account .woocommerce-MyAccount-content:has(.pgx-console) > p{
  display:none !important;
}

/* 2) Адреса */
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > p{
  margin:0 0 14px !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  color:rgba(255,255,255,.9) !important;
  line-height:1.55 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .col-1,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .col-2,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .u-column1,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .u-column2{
  float:none !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address{
  min-height:100%;
  padding:16px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}

body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address-title{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin-bottom:10px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address-title h3{
  margin:0 !important;
  font-size:clamp(22px,1.8vw,38px) !important;
  line-height:1.08 !important;
  font-weight:1000 !important;
  color:#fff !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses .woocommerce-Address-title .edit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses address{
  margin:0 !important;
  line-height:1.65 !important;
  color:rgba(255,255,255,.9) !important;
  font-style:normal !important;
  word-break:break-word !important;
}

/* 3) Checkout / Thankyou / View order: товар + мета макета */
body.woocommerce-checkout table.shop_table .product-name > a,
body.woocommerce-order-received table.shop_table .product-name > a,
body.woocommerce-view-order table.shop_table .product-name > a{
  color:#f2f7ff !important;
  font-weight:900 !important;
  text-decoration:none !important;
}
body.woocommerce-checkout table.shop_table .product-name > a:hover,
body.woocommerce-order-received table.shop_table .product-name > a:hover,
body.woocommerce-view-order table.shop_table .product-name > a:hover{
  color:#fff !important;
  text-decoration:underline !important;
}

body.woocommerce-checkout ul.wc-item-meta,
body.woocommerce-order-received ul.wc-item-meta,
body.woocommerce-view-order ul.wc-item-meta{
  margin:10px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
  display:grid !important;
  gap:8px !important;
}

body.woocommerce-checkout ul.wc-item-meta li,
body.woocommerce-order-received ul.wc-item-meta li,
body.woocommerce-view-order ul.wc-item-meta li{
  display:grid !important;
  grid-template-columns:minmax(160px,220px) minmax(0,1fr) !important;
  gap:8px !important;
  align-items:start !important;
  margin:0 !important;
  padding:9px 11px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.03) !important;
}

body.woocommerce-checkout ul.wc-item-meta .wc-item-meta-label,
body.woocommerce-order-received ul.wc-item-meta .wc-item-meta-label,
body.woocommerce-view-order ul.wc-item-meta .wc-item-meta-label{
  margin:0 !important;
  color:rgba(255,255,255,.72) !important;
  font-weight:900 !important;
}

body.woocommerce-checkout ul.wc-item-meta li p,
body.woocommerce-order-received ul.wc-item-meta li p,
body.woocommerce-view-order ul.wc-item-meta li p{
  margin:0 !important;
}

body.woocommerce-checkout ul.wc-item-meta a,
body.woocommerce-order-received ul.wc-item-meta a,
body.woocommerce-view-order ul.wc-item-meta a{
  color:#9fd4ff !important;
  word-break:break-all !important;
}

/* аккуратная кнопка "Макет" если ты добавил класс pgx-layout-link в PHP */
body.woocommerce-checkout .pgx-layout-link,
body.woocommerce-order-received .pgx-layout-link,
body.woocommerce-view-order .pgx-layout-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(90deg,#ff2d7a,#b000ff);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900;
}

/* 4) responsive */
@media (max-width: 960px){
  body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses{
    grid-template-columns:1fr !important;
  }
}
@media (max-width: 760px){
  body.woocommerce-checkout ul.wc-item-meta li,
  body.woocommerce-order-received ul.wc-item-meta li,
  body.woocommerce-view-order ul.wc-item-meta li{
    grid-template-columns:1fr !important;
  }
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] FINAL POLISH: MY ACCOUNT (text/addresses) + ORDER META --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] payment-block --- */
/* Payment block */
body.woocommerce-checkout #payment{
  border:1px solid var(--ck-line);
  border-radius:12px;
  background:rgba(255,255,255,.03);
}
body.woocommerce-checkout #payment .payment_methods{
  border-bottom:1px solid var(--ck-line) !important;
}
body.woocommerce-checkout #payment .payment_box{
  border-radius:10px;
  background:rgba(255,255,255,.04) !important;
}
body.woocommerce-checkout #place_order{
  min-height:46px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:linear-gradient(90deg, rgba(255,45,122,.95), rgba(176,0,255,.78)) !important;
  color:#fff !important;
  font-weight:900 !important;
  box-shadow:0 14px 30px rgba(176,0,255,.24);
}

/* thankyou / view-order cards */
body.woocommerce-order-received .woocommerce-order,
body.woocommerce-view-order .woocommerce-order{
  display:grid;
  gap:14px;
}
body.woocommerce-order-received .woocommerce-order-overview,
body.woocommerce-view-order .woocommerce-order-overview{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
grid-auto-flow: column;
  gap:10px;
}
body.woocommerce-order-received .woocommerce-order-overview li,
body.woocommerce-view-order .woocommerce-order-overview li{
  margin:0;
  border:1px solid var(--ck-line);
  border-radius:12px;
  padding:10px 12px;
  background:linear-gradient(180deg, var(--ck-bg-1), var(--ck-bg-2));
}
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-view-order .woocommerce-order-details,
body.woocommerce-view-order .woocommerce-customer-details{
  border:1px solid var(--ck-line);
  border-radius:16px;
  padding:14px;
  background:linear-gradient(180deg, var(--ck-bg-1), var(--ck-bg-2));
  box-shadow:0 16px 34px rgba(0,0,0,.32);
}
body.woocommerce-order-received .woocommerce-order-details h2,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-view-order .woocommerce-order-details h2,
body.woocommerce-view-order .woocommerce-customer-details h2{
  margin:0 0 12px;
  font-size:clamp(20px,1.5vw,30px);
  font-weight:1000;
}

/* extra safety: если где-то тянется строка actions */
body.woocommerce-checkout tr.order-actions,
body.woocommerce-checkout tr.order_actions,
body.woocommerce-order-received tr.order-actions,
body.woocommerce-order-received tr.order_actions{
  display:none !important;
}

/* responsive */
@media (max-width: 1024px){
  body.woocommerce-checkout form.checkout{
    grid-template-columns:1fr;
  }
  body.woocommerce-checkout #order_review{
    position:static;
  }
}
/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] payment-block --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] ПУСТАЯ КОРЗИНА: НОВИНКИ В СТИЛЕ САЙТА --- */
/* ===== ПУСТАЯ КОРЗИНА: НОВИНКИ В СТИЛЕ САЙТА ===== */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block{
  margin-top: 16px;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block > h2{
  color:#f3f6ff;
  text-align:center;
  font-weight:800;
  letter-spacing:.2px;
  margin: 12px 0 18px;
}

body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-product-template{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  margin: 0;
  padding: 0;
  list-style:none;
}

body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-product{
  background: linear-gradient(180deg, rgba(23,27,44,.92), rgba(10,14,26,.94));
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  padding:14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-product:hover{
  transform: translateY(-3px);
  border-color: rgba(255,45,128,.55);
  box-shadow: 0 16px 34px rgba(0,0,0,.45), 0 0 0 1px rgba(255,45,128,.24);
}

body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-components-product-image img{
  width:100%;
  aspect-ratio: 4 / 3;
  object-fit:cover;
  border-radius:16px;
}

body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-components-product-name{
  margin: 12px 0 6px;
  color:#f4f6ff !important;
  font-weight:700;
  line-height:1.35;
  text-decoration:none;
}

body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-components-product-name:hover{
  color:#ff4aa3 !important;
}

body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-components-product-price,
body.woocommerce-cart .pg-empty-cart-price{
  color:#ffd24a;
  font-size:22px;
  font-weight:800;
  margin: 6px 0 10px;
}

body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-components-product-button__button{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.18);
  background: linear-gradient(90deg,#ff2d55 0%,#8a2be2 100%);
  color:#fff;
  font-weight:700;
  padding: 11px 14px;
}

body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-components-product-button__button:hover{
  filter:brightness(1.08);
}

/* адаптив */
@media (max-width:1200px){
  body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-product-template{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:900px){
  body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-product-template{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:560px){
  body.woocommerce-cart .wp-block-woocommerce-product-new .wc-block-product-template{
    grid-template-columns:1fr;
  }
}
/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] ПУСТАЯ КОРЗИНА: НОВИНКИ В СТИЛЕ САЙТА --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] FIX ADDRESSES LAYOUT (final override) --- */
/* ===== FIX ADDRESSES LAYOUT (final override) ===== */
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .col2-set.addresses{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(320px, 1fr)) !important;
  gap:16px !important;
  align-items:start !important;
}

/* убираем woo float-механику */
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses::before,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses::after,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .col2-set.addresses::before,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .col2-set.addresses::after{
  content:none !important;
  display:none !important;
}

body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses .col-1,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses .col-2,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address{
  float:none !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  clear:none !important;
  min-height:unset !important;
}

body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .u-column1{ order:1; }
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .u-column2{ order:2; }

body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address{
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:14px !important;
  padding:16px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}

body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-bottom:10px !important;
}

body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title h2,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title h3{
  margin:0 !important;
  font-size:clamp(30px, 2vw, 46px) !important;
  line-height:1.06 !important;
  font-weight:1000 !important;
}

body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title .edit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content address{
  margin:0 !important;
  line-height:1.62 !important;
  font-style:normal !important;
  color:rgba(255,255,255,.92) !important;
  word-break:break-word !important;
}

@media (max-width: 980px){
  body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Addresses,
  body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses,
  body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .col2-set.addresses{
    grid-template-columns:1fr !important;
  }
}

/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] FIX ADDRESSES LAYOUT (final override) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [functions.php] MGI DROPDOWN REDESIGN (THEME STYLE) --- */
/* ===== MGI DROPDOWN REDESIGN (THEME STYLE) ===== */
.wolf-mgi{
  position:relative;
  width:100%;
}

.wolf-mgi .wolf-mgi-btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:56px;
  text-align:left;
  cursor:pointer;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.wolf-mgi .wolf-mgi-btn__text{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
}

.wolf-mgi .wolf-mgi-btn.has-value .wolf-mgi-btn__text{
  color:#fff;
  font-weight:700;
}

.wolf-mgi .wolf-mgi-btn__chev{
  flex:0 0 auto;
  font-size:12px;
  opacity:.78;
  transition:transform .2s ease, opacity .2s ease;
}

.wolf-mgi.is-open .wolf-mgi-btn__chev{
  transform:rotate(180deg);
  opacity:1;
}

.wolf-mgi .wolf-mgi-btn[aria-expanded="true"]{
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.1);
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.34);
}

.wolf-mgi-panel{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  z-index:60;
  max-height:280px;
  overflow:auto;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.2);
  background:linear-gradient(180deg, rgba(16,18,26,.98), rgba(10,12,18,.96));
  box-shadow:0 20px 44px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(12px);
}

.wolf-mgi-panel.is-open{
  display:block;
}

.wolf-mgi-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:8px 10px;
  border-radius:12px;
  cursor:pointer;
  border:1px solid transparent;
  color:rgba(255,255,255,.92);
  transition:background .18s ease, border-color .18s ease, transform .12s ease;
}

.wolf-mgi-row:hover{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.18);
}

.wolf-mgi-row.is-selected{
  background:linear-gradient(90deg, rgba(255,58,120,.14), rgba(114,35,255,.14));
  border-color:rgba(188,117,255,.55);
}

.wolf-mgi-name{
  color:rgba(255,255,255,.94);
  font-size:14px;
  line-height:1.35;
}

.wolf-mgi-check{
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  min-width:18px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.32);
  background:rgba(255,255,255,.08);
  position:relative;
  cursor:pointer;
  margin:0;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .1s ease;
}

.wolf-mgi-check:hover{
  border-color:rgba(255,255,255,.52);
}

.wolf-mgi-check:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(118,88,255,.25);
}

.wolf-mgi-check:checked{
  border-color:rgba(190,123,255,.85);
  background:linear-gradient(180deg, #ff347f, #6c2bff);
  box-shadow:0 6px 14px rgba(109,47,255,.35);
}

.wolf-mgi-check::after{
  content:"";
  position:absolute;
  left:5px;
  top:2px;
  width:5px;
  height:9px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(45deg) scale(0);
  opacity:0;
  transition:transform .12s ease, opacity .12s ease;
}

.wolf-mgi-check:checked::after{
  transform:rotate(45deg) scale(1);
  opacity:1;
}

.wolf-mgi-check:active{
  transform:scale(.92);
}

.wolf-mgi-panel::-webkit-scrollbar{
  width:9px;
}

.wolf-mgi-panel::-webkit-scrollbar-track{
  background:rgba(255,255,255,.05);
  border-radius:999px;
}

.wolf-mgi-panel::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(255,56,128,.8), rgba(125,64,255,.85));
  border-radius:999px;
}

@media (max-width: 640px){
  .wolf-mgi .wolf-mgi-btn{
    min-height:52px;
    padding-top:12px;
    padding-bottom:12px;
  }

  .wolf-mgi-panel{
    max-height:240px;
  }
}
/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [functions.php] MGI DROPDOWN REDESIGN (THEME STYLE) --- */

/* --- НАЧАЛО СТИЛЕЙ СЕКЦИИ [cart] CART UI POLISH (TITLE / COUPON / REMOVE) --- */
/* Корзина: аккуратный вид в стиле сайта (Woo Blocks + Classic) */
body.woocommerce-cart .entry-title,
body.woocommerce-cart .wp-block-post-title,
body.woocommerce-cart main h1:first-of-type{
  margin: 10px 0 20px !important;
  color: #f4f6ff !important;
  font-size: clamp(34px, 3.2vw, 56px) !important;
  line-height: 1.05 !important;
  font-weight: 1000 !important;
  letter-spacing: .01em;
}

body.woocommerce-cart .wc-block-cart .wc-block-cart-items__header,
body.woocommerce-cart .wc-block-cart .wc-block-cart-items th,
body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th{
  color: rgba(231, 236, 255, .95) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.woocommerce-cart .wc-block-cart .wc-block-components-product-name,
body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-name a{
  color: #f6f8ff !important;
  font-size: clamp(24px, 1.95vw, 32px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  text-decoration: none !important;
  text-wrap: balance;
}

body.woocommerce-cart .wc-block-cart .wc-block-components-product-name:hover,
body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-name a:hover{
  color: #ff5daf !important;
}

/* Купоны отключены на корзине */
body.woocommerce-cart .wc-block-components-totals-coupon,
body.woocommerce-cart .wc-block-components-totals-coupon-and-additional-fields,
body.woocommerce-cart .woocommerce-cart-form .coupon{
  display: none !important;
}

/* Кнопка оформления заказа */
body.woocommerce-cart .wc-block-cart__submit-container a,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 52px !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, #ff2d55 0%, #9a2cff 100%) !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(152, 44, 255, .30) !important;
}

body.woocommerce-cart .wc-block-cart__submit-container a:hover,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{
  filter: brightness(1.07);
}

/* Ссылка/кнопка удаления товара */
body.woocommerce-cart .wc-block-cart-item__remove-link,
body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-remove a,
body.woocommerce-cart .woocommerce-cart-form table.shop_table a.remove{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  margin-top: 8px !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, .05) !important;
  color: rgba(241, 246, 255, .95) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;
  width: auto !important;
  height: auto !important;
}

body.woocommerce-cart .wc-block-cart-item__remove-link:hover,
body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-remove a:hover,
body.woocommerce-cart .woocommerce-cart-form table.shop_table a.remove:hover{
  border-color: rgba(255, 88, 146, .75) !important;
  background: rgba(255, 88, 146, .18) !important;
  color: #fff !important;
}
/* --- КОНЕЦ СТИЛЕЙ СЕКЦИИ [cart] CART UI POLISH (TITLE / COUPON / REMOVE) --- */

/* ===== КОНЕЦ СТИЛЕЙ ФАЙЛА functions.php ===== */





















/* --- CHECKOUT FINAL REBUILD (2026-03-26) --- */
body.woocommerce-checkout .woocommerce {
  --pg-check-line: rgba(255, 255, 255, .14);
  --pg-check-line-strong: rgba(255, 255, 255, .24);
  --pg-check-bg-1: rgba(11, 16, 31, .94);
  --pg-check-bg-2: rgba(6, 10, 20, .95);
  --pg-check-text: #f3f6ff;
  --pg-check-muted: rgba(223, 231, 255, .74);
}

body.woocommerce-checkout form.checkout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .92fr) !important;
  gap: 20px !important;
  align-items: start !important;
}

body.woocommerce-checkout form.checkout #customer_details {
  grid-column: 1 !important;
  grid-row: 1 !important;
  float: none !important;
  width: 100% !important;
  display: grid !important;
  gap: 14px !important;
}

body.woocommerce-checkout form.checkout #order_review_heading {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid var(--pg-check-line) !important;
  background: linear-gradient(180deg, var(--pg-check-bg-1), var(--pg-check-bg-2)) !important;
  color: var(--pg-check-text) !important;
  font-size: clamp(22px, 1.8vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1.06 !important;
}

body.woocommerce-checkout form.checkout #order_review,
body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
  grid-column: 2 !important;
  grid-row: 2 !important;
  float: none !important;
  width: 100% !important;
  border-radius: 16px !important;
  border: 1px solid var(--pg-check-line) !important;
  padding: 12px !important;
  background: linear-gradient(180deg, var(--pg-check-bg-1), var(--pg-check-bg-2)) !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, .34) !important;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 16px !important;
  border: 1px solid var(--pg-check-line) !important;
  padding: 14px !important;
  background: linear-gradient(180deg, var(--pg-check-bg-1), var(--pg-check-bg-2)) !important;
}

body.woocommerce-checkout #customer_details .col-2:empty {
  display: none !important;
}

body.woocommerce-checkout #customer_details h3 {
  margin: 0 0 10px !important;
  color: var(--pg-check-text) !important;
  font-size: clamp(22px, 1.6vw, 32px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

body.woocommerce-checkout .woocommerce form .form-row {
  margin: 0 0 12px !important;
}

body.woocommerce-checkout .woocommerce form .form-row label {
  margin: 0 0 6px !important;
  color: var(--pg-check-text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout .woocommerce form .form-row .required {
  color: #ff5f9f !important;
}

body.woocommerce-checkout .woocommerce form input[type="text"],
body.woocommerce-checkout .woocommerce form input[type="email"],
body.woocommerce-checkout .woocommerce form input[type="tel"],
body.woocommerce-checkout .woocommerce form input[type="number"],
body.woocommerce-checkout .woocommerce form input[type="password"],
body.woocommerce-checkout .woocommerce form textarea,
body.woocommerce-checkout .woocommerce form select,
body.woocommerce-checkout .woocommerce form .select2-container .select2-selection--single {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 12px !important;
  border: 1px solid var(--pg-check-line-strong) !important;
  background: rgba(7, 12, 25, .92) !important;
  color: #f6f8ff !important;
  padding: 11px 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

body.woocommerce-checkout .woocommerce form textarea {
  min-height: 110px !important;
  resize: vertical;
}

body.woocommerce-checkout .woocommerce form input:focus,
body.woocommerce-checkout .woocommerce form textarea:focus,
body.woocommerce-checkout .woocommerce form select:focus,
body.woocommerce-checkout .woocommerce form .select2-container--open .select2-selection--single,
body.woocommerce-checkout .woocommerce form .select2-container--focus .select2-selection--single {
  outline: 0 !important;
  border-color: rgba(255, 88, 156, .84) !important;
  box-shadow: 0 0 0 2px rgba(255, 88, 156, .2), 0 10px 24px rgba(0, 0, 0, .28) !important;
}

body.woocommerce-checkout input:-webkit-autofill,
body.woocommerce-checkout input:-webkit-autofill:hover,
body.woocommerce-checkout input:-webkit-autofill:focus,
body.woocommerce-checkout textarea:-webkit-autofill,
body.woocommerce-checkout textarea:-webkit-autofill:hover,
body.woocommerce-checkout textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #f6f8ff !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(7, 12, 25, .92) inset !important;
  box-shadow: 0 0 0 1000px rgba(7, 12, 25, .92) inset !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout #order_review table.shop_table {
  width: 100% !important;
  border: 1px solid var(--pg-check-line) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: linear-gradient(180deg, rgba(13, 18, 33, .88), rgba(8, 12, 23, .9)) !important;
}

body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td {
  padding: 14px !important;
  border-color: rgba(255, 255, 255, .1) !important;
  color: #f3f6ff !important;
  vertical-align: top !important;
  font-size: 16px !important;
}

body.woocommerce-checkout #order_review table.shop_table th {
  font-weight: 900 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03)) !important;
}

body.woocommerce-checkout #order_review table.shop_table .product-name {
  font-size: 17px !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout #order_review ul.wc-item-meta {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  gap: 6px !important;
}

body.woocommerce-checkout #order_review ul.wc-item-meta li {
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(110px, 180px) 1fr !important;
  gap: 6px 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--pg-check-muted) !important;
  line-height: 1.35 !important;
}

body.woocommerce-checkout #order_review ul.wc-item-meta .wc-item-meta-label {
  margin: 0 !important;
  color: var(--pg-check-muted) !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout #order_review ul#shipping_method {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-checkout #order_review ul#shipping_method > li {
  margin: 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.woocommerce-checkout #order_review ul#shipping_method > li > label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  background: linear-gradient(180deg, rgba(17, 22, 40, .85), rgba(9, 13, 24, .9)) !important;
  color: #f3f7ff !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout #order_review ul#shipping_method input[type="radio"] {
  width: 17px !important;
  height: 17px !important;
  accent-color: #ff3f97 !important;
}

body.woocommerce-checkout #payment {
  margin-top: 14px !important;
  border-radius: 14px !important;
  border: 1px solid var(--pg-check-line) !important;
  background: linear-gradient(180deg, rgba(13, 18, 34, .95), rgba(7, 11, 22, .96)) !important;
}

body.woocommerce-checkout #payment .payment_methods {
  border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
}

body.woocommerce-checkout #payment .payment_box {
  margin-top: 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .03) !important;
  color: rgba(233, 239, 255, .92) !important;
}

body.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text * {
  color: rgba(233, 239, 255, .9) !important;
}

body.woocommerce-checkout #payment .woocommerce-privacy-policy-text a {
  color: #ff73c3 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
}

body.woocommerce-checkout #place_order {
  min-height: 54px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  background: linear-gradient(90deg, #ff2d55 0%, #9a2cff 100%) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 34px rgba(154, 44, 255, .28) !important;
}

body.woocommerce-checkout #place_order:hover {
  filter: brightness(1.07);
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout form.checkout_coupon {
  display: none !important;
}

/* softer loader overlay while checkout updates */
body.woocommerce-checkout .blockUI.blockOverlay {
  background: rgba(7, 11, 22, .28) !important;
  opacity: 1 !important;
}

body.woocommerce-checkout .blockUI.blockMsg {
  border: 0 !important;
  background: transparent !important;
}

@media (max-width: 1100px) {
  body.woocommerce-checkout form.checkout {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-checkout form.checkout #order_review_heading,
  body.woocommerce-checkout form.checkout #order_review,
  body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 782px) {
  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2,
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout .woocommerce-checkout-review-order {
    border-radius: 14px !important;
    padding: 12px !important;
  }

  body.woocommerce-checkout #order_review table.shop_table th,
  body.woocommerce-checkout #order_review table.shop_table td {
    font-size: 14px !important;
    padding: 10px !important;
  }

  body.woocommerce-checkout #order_review ul.wc-item-meta li {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
}
/* --- END CHECKOUT FINAL REBUILD --- */

/* --- CHECKOUT COLUMN LOCK (left details + right order) --- */
body.woocommerce-checkout #customer_details .col-2 {
  display: none !important;
}

body.woocommerce-checkout #customer_details .woocommerce-additional-fields {
  margin-top: 0 !important;
}

body.woocommerce-checkout #order_review {
  margin-top: 0 !important;
}

body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table {
  margin-top: 0 !important;
}

body.woocommerce-checkout #order_review ul.wc-item-meta li {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  align-items: baseline !important;
  white-space: nowrap !important;
}

/* keep product meta pairs aligned even if Woo outputs table outside #order_review */
body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta li,
body.woocommerce-checkout #order_review ul.wc-item-meta li {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  align-items: baseline !important;
  white-space: nowrap !important;
}

body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta .wc-item-meta-label,
body.woocommerce-checkout #order_review ul.wc-item-meta .wc-item-meta-label {
  flex: 0 0 130px !important;
  max-width: 130px !important;
}

body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta li p,
body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta li span,
body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta li a,
body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta li dd,
body.woocommerce-checkout #order_review ul.wc-item-meta li p,
body.woocommerce-checkout #order_review ul.wc-item-meta li span,
body.woocommerce-checkout #order_review ul.wc-item-meta li a,
body.woocommerce-checkout #order_review ul.wc-item-meta li dd {
  margin: 0 !important;
  display: inline-block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}








/* --- CHECKOUT FINAL REBUILD (2026-03-26) --- */
body.woocommerce-checkout .woocommerce {
  --pg-check-line: rgba(255, 255, 255, .14);
  --pg-check-line-strong: rgba(255, 255, 255, .24);
  --pg-check-bg-1: rgba(11, 16, 31, .94);
  --pg-check-bg-2: rgba(6, 10, 20, .95);
  --pg-check-text: #f3f6ff;
  --pg-check-muted: rgba(223, 231, 255, .74);
}

body.woocommerce-checkout form.checkout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .92fr) !important;
  gap: 20px !important;
  align-items: start !important;
}

body.woocommerce-checkout form.checkout #customer_details {
  grid-column: 1 !important;
  grid-row: 1 !important;
  float: none !important;
  width: 100% !important;
  display: grid !important;
  gap: 14px !important;
}

body.woocommerce-checkout form.checkout #order_review_heading {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid var(--pg-check-line) !important;
  background: linear-gradient(180deg, var(--pg-check-bg-1), var(--pg-check-bg-2)) !important;
  color: var(--pg-check-text) !important;
  font-size: clamp(22px, 1.8vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1.06 !important;
}

body.woocommerce-checkout form.checkout #order_review,
body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
  grid-column: 2 !important;
  grid-row: 2 !important;
  float: none !important;
  width: 100% !important;
  border-radius: 16px !important;
  border: 1px solid var(--pg-check-line) !important;
  padding: 12px !important;
  background: linear-gradient(180deg, var(--pg-check-bg-1), var(--pg-check-bg-2)) !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, .34) !important;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 16px !important;
  border: 1px solid var(--pg-check-line) !important;
  padding: 14px !important;
  background: linear-gradient(180deg, var(--pg-check-bg-1), var(--pg-check-bg-2)) !important;
}

body.woocommerce-checkout #customer_details .col-2:empty {
  display: none !important;
}

body.woocommerce-checkout #customer_details h3 {
  margin: 0 0 10px !important;
  color: var(--pg-check-text) !important;
  font-size: clamp(22px, 1.6vw, 32px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

body.woocommerce-checkout .woocommerce form .form-row {
  margin: 0 0 12px !important;
}

body.woocommerce-checkout .woocommerce form .form-row label {
  margin: 0 0 6px !important;
  color: var(--pg-check-text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout .woocommerce form .form-row .required {
  color: #ff5f9f !important;
}

body.woocommerce-checkout .woocommerce form input[type="text"],
body.woocommerce-checkout .woocommerce form input[type="email"],
body.woocommerce-checkout .woocommerce form input[type="tel"],
body.woocommerce-checkout .woocommerce form input[type="number"],
body.woocommerce-checkout .woocommerce form input[type="password"],
body.woocommerce-checkout .woocommerce form textarea,
body.woocommerce-checkout .woocommerce form select,
body.woocommerce-checkout .woocommerce form .select2-container .select2-selection--single {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 12px !important;
  border: 1px solid var(--pg-check-line-strong) !important;
  background: rgba(7, 12, 25, .92) !important;
  color: #f6f8ff !important;
  padding: 11px 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

body.woocommerce-checkout .woocommerce form textarea {
  min-height: 110px !important;
  resize: vertical;
}

body.woocommerce-checkout .woocommerce form input:focus,
body.woocommerce-checkout .woocommerce form textarea:focus,
body.woocommerce-checkout .woocommerce form select:focus,
body.woocommerce-checkout .woocommerce form .select2-container--open .select2-selection--single,
body.woocommerce-checkout .woocommerce form .select2-container--focus .select2-selection--single {
  outline: 0 !important;
  border-color: rgba(255, 88, 156, .84) !important;
  box-shadow: 0 0 0 2px rgba(255, 88, 156, .2), 0 10px 24px rgba(0, 0, 0, .28) !important;
}

body.woocommerce-checkout input:-webkit-autofill,
body.woocommerce-checkout input:-webkit-autofill:hover,
body.woocommerce-checkout input:-webkit-autofill:focus,
body.woocommerce-checkout textarea:-webkit-autofill,
body.woocommerce-checkout textarea:-webkit-autofill:hover,
body.woocommerce-checkout textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #f6f8ff !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(7, 12, 25, .92) inset !important;
  box-shadow: 0 0 0 1000px rgba(7, 12, 25, .92) inset !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout #order_review table.shop_table {
  width: 100% !important;
  border: 1px solid var(--pg-check-line) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: linear-gradient(180deg, rgba(13, 18, 33, .88), rgba(8, 12, 23, .9)) !important;
}

body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td {
  padding: 14px !important;
  border-color: rgba(255, 255, 255, .1) !important;
  color: #f3f6ff !important;
  vertical-align: top !important;
  font-size: 16px !important;
}

body.woocommerce-checkout #order_review table.shop_table th {
  font-weight: 900 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03)) !important;
}

body.woocommerce-checkout #order_review table.shop_table .product-name {
  font-size: 17px !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout #order_review ul.wc-item-meta {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  gap: 6px !important;
}

body.woocommerce-checkout #order_review ul.wc-item-meta li {
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(110px, 180px) 1fr !important;
  gap: 6px 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--pg-check-muted) !important;
  line-height: 1.35 !important;
}

body.woocommerce-checkout #order_review ul.wc-item-meta .wc-item-meta-label {
  margin: 0 !important;
  color: var(--pg-check-muted) !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout #order_review ul#shipping_method {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-checkout #order_review ul#shipping_method > li {
  margin: 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.woocommerce-checkout #order_review ul#shipping_method > li > label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  background: linear-gradient(180deg, rgba(17, 22, 40, .85), rgba(9, 13, 24, .9)) !important;
  color: #f3f7ff !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout #order_review ul#shipping_method input[type="radio"] {
  width: 17px !important;
  height: 17px !important;
  accent-color: #ff3f97 !important;
}

body.woocommerce-checkout #payment {
  margin-top: 14px !important;
  border-radius: 14px !important;
  border: 1px solid var(--pg-check-line) !important;
  background: linear-gradient(180deg, rgba(13, 18, 34, .95), rgba(7, 11, 22, .96)) !important;
}

body.woocommerce-checkout #payment .payment_methods {
  border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
}

body.woocommerce-checkout #payment .payment_box {
  margin-top: 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .03) !important;
  color: rgba(233, 239, 255, .92) !important;
}

body.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text * {
  color: rgba(233, 239, 255, .9) !important;
}

body.woocommerce-checkout #payment .woocommerce-privacy-policy-text a {
  color: #ff73c3 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
}

body.woocommerce-checkout #place_order {
  min-height: 54px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  background: linear-gradient(90deg, #ff2d55 0%, #9a2cff 100%) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 34px rgba(154, 44, 255, .28) !important;
}

body.woocommerce-checkout #place_order:hover {
  filter: brightness(1.07);
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout form.checkout_coupon {
  display: none !important;
}

/* softer loader overlay while checkout updates */
body.woocommerce-checkout .blockUI.blockOverlay {
  background: rgba(7, 11, 22, .28) !important;
  opacity: 1 !important;
}

body.woocommerce-checkout .blockUI.blockMsg {
  border: 0 !important;
  background: transparent !important;
}

@media (max-width: 1100px) {
  body.woocommerce-checkout form.checkout {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-checkout form.checkout #order_review_heading,
  body.woocommerce-checkout form.checkout #order_review,
  body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 782px) {
  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2,
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout .woocommerce-checkout-review-order {
    border-radius: 14px !important;
    padding: 12px !important;
  }

  body.woocommerce-checkout #order_review table.shop_table th,
  body.woocommerce-checkout #order_review table.shop_table td {
    font-size: 14px !important;
    padding: 10px !important;
  }

  body.woocommerce-checkout #order_review ul.wc-item-meta li {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
}
/* --- END CHECKOUT FINAL REBUILD --- */

/* --- CHECKOUT COLUMN LOCK (left details + right order) --- */
body.woocommerce-checkout #customer_details .col-2 {
  display: none !important;
}

body.woocommerce-checkout #customer_details .woocommerce-additional-fields {
  margin-top: 0 !important;
}

body.woocommerce-checkout #order_review {
  margin-top: 0 !important;
}

body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table {
  margin-top: 0 !important;
}

body.woocommerce-checkout #order_review ul.wc-item-meta li {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  align-items: baseline !important;
  white-space: nowrap !important;
}

/* keep product meta pairs aligned even if Woo outputs table outside #order_review */
body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta li,
body.woocommerce-checkout #order_review ul.wc-item-meta li {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  align-items: baseline !important;
  white-space: nowrap !important;
}

body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta .wc-item-meta-label,
body.woocommerce-checkout #order_review ul.wc-item-meta .wc-item-meta-label {
  flex: 0 0 130px !important;
  max-width: 130px !important;
}

body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta li p,
body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta li span,
body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta li a,
body.woocommerce-checkout form.checkout table.woocommerce-checkout-review-order-table ul.wc-item-meta li dd,
body.woocommerce-checkout #order_review ul.wc-item-meta li p,
body.woocommerce-checkout #order_review ul.wc-item-meta li span,
body.woocommerce-checkout #order_review ul.wc-item-meta li a,
body.woocommerce-checkout #order_review ul.wc-item-meta li dd {
  margin: 0 !important;
  display: inline-block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}



/* РОБОТ ЧАТ  */


.ip-robot-panel {
  position: absolute;
  right: -5%;
  top: 0%;
  width: min(360px, 30vw);
  z-index: 7;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  padding: 9px;
  max-height: 360px;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 12%, rgba(255, 0, 128, 0.18), transparent 55%),
    linear-gradient(155deg, rgba(12, 16, 28, 0.96), rgba(20, 18, 44, 0.94));
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.46), 0 0 18px rgba(255, 0, 140, 0.15);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.ip-robot-panel__head {
  color: #f4f6ff;
  font: 800 13px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0.02em;
}

.ip-robot-panel__sub {
  margin-top: 2px;
  color: #bbc4ea;
  font: 600 10px/1.2 Arial, Helvetica, sans-serif;
}

.ip-robot-question {
  margin-top: 6px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  padding: 8px 9px;
  background: rgba(255, 255, 255, 0.04);
  color: #f4f6ff;
  font: 700 11px/1.3 Arial, Helvetica, sans-serif;
  min-height: 44px;
}

.ip-robot-question b {
  display: block;
}

.ip-robot-question small {
  display: block;
  margin-top: 4px;
  color: #c9d1f0;
  font-weight: 600;
}

.ip-robot-picked {
  display: none !important;
}

.ip-robot-picked-item {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  padding: 6px 7px;
  background: rgba(255, 255, 255, 0.03);
  color: #e7ebff;
  font: 600 11px/1.2 Arial, Helvetica, sans-serif;
  animation: ipRobotPickIn 0.2s ease;
}

.ip-robot-picked-item small {
  display: block;
  color: #b8c1ea;
  font: 600 10px/1.2 Arial, Helvetica, sans-serif;
  margin-bottom: 2px;
}

.ip-robot-picked-item b {
  color: #ffffff;
  font: 700 11px/1.25 Arial, Helvetica, sans-serif;
}

.ip-robot-picked-item.is-empty {
  grid-column: 1 / -1;
  text-align: center;
  color: #c1caee;
}

.ip-robot-picked-item.is-latest {
  border-color: rgba(255, 0, 128, 0.72);
  box-shadow: 0 0 0 1px rgba(255, 0, 128, 0.36) inset;
}

.ip-robot-picked-item.is-price {
  border-color: rgba(109, 51, 255, 0.7);
  background: linear-gradient(135deg, rgba(255, 0, 128, 0.1), rgba(109, 51, 255, 0.14));
}

.ip-robot-picked-more {
  grid-column: 1 / -1;
  color: #b8c2eb;
  font: 600 10px/1.2 Arial, Helvetica, sans-serif;
  text-align: right;
  padding-right: 2px;
}

.ip-robot-options {
  margin-top: 7px;
  gap: 6px;
  max-height: 170px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}

.ip-robot-options.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ip-robot-list {
  display: grid;
  gap: 7px;
}

.ip-robot-list.cols-2 {
display: contents;}

.ip-robot-options.is-swap {
  animation: ipRobotStepIn 0.2s ease;
}

.ip-robot-btn,
.ip-robot-chip,
.ip-robot-order-btn {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.04);
  color: #f7f8ff;
  text-align: left;
  padding: 8px 9px;
  cursor: pointer;
  font: 700 11px/1.25 Arial, Helvetica, sans-serif;
  transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
}

.ip-robot-btn:hover,
.ip-robot-chip:hover,
.ip-robot-order-btn:hover {
  border-color: rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.09) inset;
}

.ip-robot-btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.ip-robot-chip.is-active {
  background: linear-gradient(135deg, rgba(255, 0, 128, 0.82), rgba(104, 34, 255, 0.85));
  border-color: transparent;
}

.ip-robot-inline {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ip-robot-select {
  width: 100%;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #11182a;
  color: #f4f6ff;
  padding: 9px 10px;
  font: 600 12px/1.2 Arial, Helvetica, sans-serif;
}

.ip-robot-summary {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 11px;
  padding: 9px;
  background: rgba(255, 255, 255, 0.03);
  max-height: 180px;
  overflow: auto;
}

.ip-robot-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font: 600 11px/1.35 Arial, Helvetica, sans-serif;
  color: #dce2ff;
  margin-bottom: 6px;
}

.ip-robot-summary-row b {
  color: #fff;
}

.ip-robot-order-form {
  margin-top: 6px;
  display: grid;
  gap: 6px;
}

.ip-robot-upload-box {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
    rgba(8, 13, 26, 0.82);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24) inset;
}

.ip-robot-upload-box:hover {
  border-color: rgba(255, 73, 163, 0.55);
}

.ip-robot-upload-box input[type="file"],
.ip-robot-upload-box input[type="url"] {
  width: 100%;
  margin-top: 8px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #0b1222;
  color: #f5f6ff;
  padding: 9px 10px;
  font: 700 12px/1.2 Arial, Helvetica, sans-serif;
  appearance: none;
  -webkit-appearance: none;
}

.ip-robot-upload-meta {
  color: #cfd6f7;
  font: 700 11px/1.25 Arial, Helvetica, sans-serif;
  overflow-wrap: anywhere;
}

.ip-robot-upload-sub {
  margin-top: 8px;
  color: #aeb9e8;
  font: 600 10px/1.2 Arial, Helvetica, sans-serif;
}

.ip-robot-file-input {
  cursor: pointer;
}

.ip-robot-file-input::file-selector-button {
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  background: linear-gradient(130deg, #ff2e46, #b700ff);
  color: #fff;
  padding: 7px 10px;
  margin-right: 10px;
  font: 700 11px/1 Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.ip-robot-file-input::-webkit-file-upload-button {
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  background: linear-gradient(130deg, #ff2e46, #b700ff);
  color: #fff;
  padding: 7px 10px;
  margin-right: 10px;
  font: 700 11px/1 Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.ip-robot-url-input::placeholder {
  color: #8d97c4;
}

.ip-robot-upload-box input[type="file"]:focus,
.ip-robot-upload-box input[type="url"]:focus {
  outline: none;
  border-color: rgba(255, 68, 156, 0.65);
  box-shadow: 0 0 0 2px rgba(255, 0, 128, 0.16);
}

.ip-robot-pro-check {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #dee4ff;
  font: 700 12px/1.2 Arial, Helvetica, sans-serif;
}

.ip-robot-pro-check input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: #ff2e7a;
}

.ip-robot-note {
  font: 600 11px/1.25 Arial, Helvetica, sans-serif;
  color: #c6cbec;
}

.ip-robot-error {
  color: #ffb8cb;
  font: 700 11px/1.25 Arial, Helvetica, sans-serif;
  min-height: 14px;
}
.ip-robot-stage {
  bottom:  0!important;
}
.ip-robot-order-btn {
  text-align: center;
}

.ip-robot-order-btn--primary {
  border-color: transparent;
  background: linear-gradient(130deg, #ff2e46, #b700ff);
}

.ip-robot-hero .ip-robot-bubble {
  display: none !important;
}
.ip-robot-hero {
  min-height: 500px!important;

}
@keyframes ipRobotStepIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ipRobotPickIn {
  from {
    opacity: 0;
    transform: translateY(3px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ---  РОБОТ --- */

#ipRobotHero #ipRobotChat.ip-robot-panel{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:translateZ(0) !important;
  background:
    radial-gradient(circle at 82% 14%, rgba(255,0,128,.22), transparent 56%),
    linear-gradient(155deg, rgba(13,17,30,.98), rgba(22,18,45,.985)) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.46), 0 0 18px rgba(255,0,140,.18) !important;
}

#ipRobotBody.is-canvas #ipRobotCanvas{
  display:none !important;
}

#ipRobotBody.is-keyed .ip-robot-video{
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:2px !important;
  height:2px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#ipRobotBody.is-keyed #ipRobotCanvas{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

#ipRobotBody.is-canvas .ip-robot-video{
  display:block !important;
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:100% !important;
  height:auto !important;
  opacity:1 !important;
  pointer-events:none !important;
}



#ipRobotHero .ip-robot-body{
  position:relative !important;
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden !important;
  border-radius:20px !important;
  isolation:isolate !important;
  background:
    radial-gradient(circle at 70% 24%, rgba(255,12,120,.22), transparent 48%),
    radial-gradient(circle at 34% 82%, rgba(106,0,255,.18), transparent 44%),
    linear-gradient(155deg, rgba(8,12,22,.98), rgba(15,14,34,.95)) !important;
}

#ipRobotHero .ip-robot-body::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:3;
  background:
    radial-gradient(circle at 74% 20%, rgba(255,0,130,.11), transparent 52%),
    radial-gradient(circle at 42% 84%, rgba(106,0,255,.1), transparent 50%);
}

#ipRobotHero .ip-robot-video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  image-rendering:auto !important;
  -ms-interpolation-mode:bicubic;
  transform:translateZ(0) scale(1.01) !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  mix-blend-mode:screen !important;
  filter:saturate(1.08) contrast(1.08) brightness(1.02) !important;
}

#ipRobotHero .ip-robot-video.ip-robot-video--marged{
  mix-blend-mode:screen !important;
  filter:saturate(1.1) contrast(1.1) brightness(1.03) !important;
}

#ipRobotHero #ipRobotCanvas{
  display:none !important;
}

#ipRobotStatic{
  display:none;
  width:100%;
  height:auto;
  object-fit:contain;
  image-rendering:auto;
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

#ipRobotCanvasHQ{
  display:none !important;
}

#ipRobotHero #ipRobotChat .ip-robot-options{
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

#ipRobotHero #ipRobotChat .ip-robot-upload-box{
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:12px !important;
  padding:10px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
    rgba(8,13,26,.82) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.24) inset !important;
}

#ipRobotHero #ipRobotChat .ip-robot-upload-box:hover{
  border-color:rgba(255,73,163,.55) !important;
}

#ipRobotHero #ipRobotChat .ip-robot-upload-box input[type="file"],
#ipRobotHero #ipRobotChat .ip-robot-upload-box input[type="url"]{
  width:100%;
  margin-top:8px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.20);
  background:#0b1222;
  color:#f5f6ff;
  padding:9px 10px;
  font:700 12px/1.2 Arial, Helvetica, sans-serif !important;
  appearance:nont;
  -webkit-appearance:none;
}

#ipRobotHero #ipRobotChat .ip-robot-upload-box input[type="file"]::file-selector-button,
#ipRobotHero #ipRobotChat .ip-robot-upload-box input[type="file"]::-webkit-file-upload-button{
  border:1px solid rgba(255,255,255,.28);
  border-radius:8px;
  background:linear-gradient(130deg, #ff2e46, #b700ff);
  color:#fff;
  padding:7px 10px;
  margin-right:10px;
  font:700 11px/1 Arial, Helvetica, sans-serif;
  cursor:pointer;
}

#ipRobotHero #ipRobotChat .ip-robot-upload-box input[type="file"]:focus,
#ipRobotHero #ipRobotChat .ip-robot-upload-box input[type="url"]:focus{
  outline:none;
  border-color:rgba(255,68,156,.65);
  box-shadow:0 0 0 2px rgba(255,0,128,.16);
}

#ipRobotHero #ipRobotChat .ip-robot-btn:hover,
#ipRobotHero #ipRobotChat .ip-robot-chip:hover,
#ipRobotHero #ipRobotChat .ip-robot-order-btn:hover{
  transform:none;
}

.neoHeroCombo2026[data-neo-card]{
  transform:none;
}




























/* АДАПТИВ АДАПТИВ АДАПТИВ АДАПТИВ АДАПТИВ АДАПТИВ АДАПТИВ АДАПТИВ АДАПТИВ АДАПТИВ*/
@media (max-width: 1400px) {  
.neoH12026 {
    font-size: 36px;
}
.ip-robot-hero {
    min-height: 500px;
}
 .ip-robot-stage {
    bottom: 5%;
}
}
@media (max-width: 1200px) {  
  .ip-robot-panel {
    right: -5%;
     width: min(360px, 25vw);
  }
  .neoH12026 {
    font-size: 39px;
  }
  .ip-robot-stage {
    bottom: 0%!important;
}
}
 @media (max-width: 1100px) {  
  .ip-robot-panel {
    right: 0;
    top: 0%;
    width: min(400px, 37vw);
  }
#ipRobotHero .ip-robot-body {   
  width: 100%!important;
}
  .neoHeroCombo2026__inner {
    display: flex!important;
  }
  .neoStats2026 {
    /* width: 50%; */
    display: flex;
  }
 .ip-robot-stage {
          right: 0% !important;
        bottom: -10% !important;
        width: 720px !important;
        max-width: 85% !important;
}
.ip-robot-hero {
    min-height: 40px;
}
#ipRobotHero .ip-robot-body {
  width: 50%;
}
}
.neoHeroCombo2026__text {
  width: 100%;
}
.pgF26__grid {
    grid-template-columns: 1.55fr 1fr 1fr 1fr 1.15fr;
}
.pgF26__brand {
        grid-column: 1;
    }
        .top-position .woocommerce ul.products {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
@media (max-width: 992px) {
  .pgF26__top {
    padding: 36px 0 24px;
  }
  .pgMobileBarMenu2026 {
    display: none!important;
  }

  .pgF26__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px 18px;
    align-items: start;
  }

  .pgF26__brand {
    grid-column: 1 / -1 !important;
    margin-top: 0;
    padding: 0 0 18px;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  .pgF26__desc {
    margin: 16px 0 0;
    max-width: 72ch;
    font-size: 15px;
    line-height: 1.6;
  }

  .pgF26__col {
    min-width: 0;
  }

  .pgF26__h {
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.15;
  }

  .pgF26__link {
    margin: 0 0 11px;
    font-size: 15px;
    line-height: 1.45;
  }

  .pgF26__col--contacts {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1.15fr 1.15fr auto;
    gap: 12px 18px;
    align-items: center;
    padding: 18px 20px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.08);
    background:
      radial-gradient(140% 160% at 0% 0%, rgba(255,45,122,.12), transparent 52%),
      radial-gradient(140% 160% at 100% 0%, rgba(97,84,255,.12), transparent 56%),
      rgba(255,255,255,.03);
    box-shadow: 0 20px 50px rgba(0,0,0,.18);
  }

  .pgF26__col--contacts .pgF26__h,
  .pgF26__col--contacts .pgF26__small {
    grid-column: 1 / -1;
  }

  .pgF26__col--contacts .pgF26__h {
    margin: 0 0 4px;
  }

  .pgF26__col--contacts .pgF26__link {
    margin: 0;
  }

  .pgF26__col--contacts .pgF26__pill {
    margin: 0;
    justify-self: start;
    white-space: nowrap;
  }

  .pgF26__col--contacts .pgF26__small {
    margin-top: 2px;
    max-width: 68ch;
  }

  .pgF26__bottom {
    margin-top: 22px;
    padding-top: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    justify-content: center;
  }

  .pgF26__copy {
    flex: 30px;
    max-width: 520px;
  }

  .pgF26__bottomLinks {
    flex: 0 1 auto;
    justify-content: flex-end;
    gap: 10px;
  }
  
  
  .pgMobileMenu2026 {
    width: min(100vw, 460px);
    padding: 16px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    background:
      radial-gradient(140% 90% at 0% 0%, rgba(255,45,122,.16), transparent 48%),
      radial-gradient(140% 90% at 100% 0%, rgba(96,84,255,.15), transparent 52%),
      linear-gradient(180deg, rgba(10,10,18,.97), rgba(14,14,24,.95));
    box-shadow: -30px 0 70px rgba(0,0,0,.42);
  }

  .pgMobileMenu2026__top {
    position: sticky;
    top: 0;
    z-index: 4;
    margin-bottom: 14px;
    padding: 2px 0 14px;
    background: linear-gradient(180deg, rgba(10,10,18,.98) 0%, rgba(10,10,18,.92) 76%, rgba(10,10,18,0) 100%);
  }

  .pgMobileMenu2026__eyebrow,
  .pgMobileSection2026__eyebrow,
  .pgMobileHero2026__label {
    letter-spacing: .14em;
    font-size: 10px;
    color: rgba(255,255,255,.58);
  }

  .pgMobileMenu2026__title {
    margin-top: 6px;
    font-size: clamp(28px, 4.6vw, 36px);
    line-height: .96;
    letter-spacing: -.04em;
  }

  .pgMobileSection2026__title {
    margin-top: 4px;
    font-size: clamp(22px, 3.8vw, 28px);
    line-height: 1.02;
    letter-spacing: -.03em;
  }

  .pgMobileMenu2026__close {
    width: 54px;
    height: 54px;
    border-radius: 20px;
  }

  .pgMobileMenu2026__close span {
    width: 20px;
  }

  .pgMobileMenu2026__scroll {
    padding-right: 6px;
    padding-bottom: 118px;
    overscroll-behavior: contain;
  }

  .pgMobileHero2026 {
    padding: 18px;
    gap: 14px;
    border-radius: 28px;
    background:
      radial-gradient(130% 160% at 0% 0%, rgba(255,45,122,.17), transparent 54%),
      radial-gradient(130% 160% at 100% 0%, rgba(97,84,255,.17), transparent 58%),
      rgba(255,255,255,.04);
  }

  .pgMobileHero2026__avatar {
    width: 62px;
    height: 62px;
    border-radius: 20px;
    font-size: 24px;
  }

  .pgMobileHero2026__name {
    margin-top: 6px;
    font-size: clamp(24px, 4.4vw, 32px);
    line-height: .98;
  }

  .pgMobileHero2026__metaLine {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255,255,255,.68);
  }

  .pgMobileHero2026__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
  }

  .pgMobileHero2026__pill {
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border-radius: 18px;
    font-size: 14px;
  }

  .pgMobileSearch2026 {
    min-height: 56px;
    margin-bottom: 18px;
    padding: 0 16px;
    border-radius: 20px;
  }

  .pgMobileSearch2026__icon {
    width: 20px;
    height: 20px;
  }

  .pgMobileSearch2026 input {
    font-size: 15px;
  }

  .pgMobileSection2026 {
    margin-bottom: 20px;
  }

  .pgMobileQuickGrid2026,
  .pgMobileAccountGrid2026 {
    gap: 12px;
  }

  .pgMobileQuickCard2026,
  .pgMobileAccountCard2026 {
    padding: 16px;
    border-radius: 24px;
  }

  .pgMobileQuickCard2026 {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .pgMobileQuickCard2026__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
    border-radius: 14px;
  }

  .pgMobileQuickCard2026__icon svg {
    width: 19px;
    height: 19px;
  }

  .pgMobileQuickCard2026__title {
    font-size: 18px;
    line-height: 1.08;
  }

  .pgMobileQuickCard2026__text {
    margin-top: 7px;
    font-size: 13px;
    line-height: 1.45;
  }

  .pgMobileMenu2026__navList {
    gap: 10px;
  }

  .pgMobileMenu2026__navList a {
    min-height: 54px;
    padding: 0 16px;
    border-radius: 18px;
    font-size: 14px;
  }

  .pgMobileAccountCard2026 {
    min-height: 76px;
    font-size: 13px;
    line-height: 1.4;
  }

  .pgMobileSupport2026 {
    gap: 10px;
  }

  .pgMobileSupport2026__pill {
    min-height: 44px;
    padding: 0 14px;
    font-size: 13px;
  }
  
  
  .ip-robot-stage {
      bottom: 0% !important;
      max-width: 95%;
    }
    .neoH12026 {
        font-size: 36px;
    }
.top-position .woocommerce ul.products li.product .price {
    font-size: 12px !important; 
}

  }
 @media (max-width: 870px) {  
.ip-robot-stage {
        bottom: 5% !important;
    }
    .top-position .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 800px) {  
.ip-robot-stage {
        bottom: 10% !important;
        width: 100%!important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
  .pgMobileMenu2026 {
    width: min(460px, 48vw);
    padding-left: 20px;
    padding-right: 20px;
  }

  .pgMobileHero2026 {
    grid-template-columns: auto 1fr;
    align-items: start;
  }

  .pgMobileHero2026__actions {
    grid-column: 1 / -1;
  }

  .pgMobileQuickGrid2026,
  .pgMobileAccountGrid2026,
  .pgMobileMenu2026__navList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pgMobileSupport2026 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pgMobileSupport2026__pill {
    width: 100%;
    justify-content: center;
  }

  .pgMobileDock2026 {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: min(720px, calc(100% - 28px));
  }
}
@media (max-width: 768px) {  
#ipRobotHero .ip-robot-body {
        width: 70% !important;
    }
      .ip-robot-stage {
        bottom: -5% !important;
        right: -8%!important;
    }
    .ip-robot-panel {
        right: 50px;
        top: 0%;
        width: min(500px, 70vw);
    }
    .neoHeroCombo2026__inner {
        display: flex !important;
        flex-wrap: wrap;
    }
}
@media (max-width: 700px) {  
      .neoHeroCombo2026__inner {
        display: flex !important;
        flex-wrap: wrap;
    }
}
@media (min-width: 500px) and (max-width: 768px) {
  .pgMobileMenu2026 {
    width: 100vw;
  }

  .pgMobileQuickGrid2026,
  .pgMobileAccountGrid2026 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pgMobileMenu2026__navList {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pgMobileSupport2026 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pgMobileSupport2026__pill:last-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 400px) and (max-width: 499.98px) {
  .pgMobileMenu2026 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .pgMobileMenu2026__title {
    font-size: 28px;
  }

  .pgMobileSection2026__title {
    font-size: 23px;
  }

  .pgMobileHero2026 {
    grid-template-columns: 1fr;
    padding: 16px;
    gap: 12px;
    border-radius: 24px;
  }

  .pgMobileHero2026__name {
    font-size: 26px;
  }

  .pgMobileQuickGrid2026,
  .pgMobileAccountGrid2026,
  .pgMobileMenu2026__navList {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pgMobileSupport2026 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .pgMobileSupport2026__pill:last-child {
    grid-column: 1 / -1;
  }

  .pgMobileDock2026 {
    left: 6px;
    right: 6px;
    padding: 6px;
    gap: 5px;
  }

  .pgMobileDock2026__item {
    min-height: 56px;
  }
}

@media (max-width: 399.98px) {
  .pgMobileMenu2026 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .pgMobileMenu2026__top {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }

  .pgMobileMenu2026__eyebrow,
  .pgMobileSection2026__eyebrow,
  .pgMobileHero2026__label {
    font-size: 9px;
    letter-spacing: .12em;
  }

  .pgMobileMenu2026__title {
    font-size: 24px;
  }

  .pgMobileSection2026__title {
    font-size: 20px;
  }

  .pgMobileMenu2026__close {
    width: 48px;
    height: 48px;
    border-radius: 18px;
  }

  .pgMobileHero2026 {
    grid-template-columns: 1fr;
    padding: 14px;
    gap: 12px;
    border-radius: 22px;
  }

  .pgMobileHero2026__avatar {
    width: 56px;
    height: 56px;
    font-size: 22px;
  }

  .pgMobileHero2026__name {
    font-size: 22px;
  }

  .pgMobileHero2026__metaLine {
    font-size: 13px;
  }

  .pgMobileHero2026__actions {
    grid-template-columns: 1fr;
  }

  .pgMobileHero2026__pill {
    min-height: 46px;
  }

  .pgMobileSearch2026 {
    min-height: 52px;
    padding: 0 14px;
    border-radius: 18px;
  }

  .pgMobileSearch2026 input {
    font-size: 14px;
  }

  .pgMobileQuickGrid2026,
  .pgMobileAccountGrid2026,
  .pgMobileMenu2026__navList {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pgMobileQuickCard2026,
  .pgMobileAccountCard2026 {
    padding: 14px;
    border-radius: 20px;
  }

  .pgMobileQuickCard2026 {
    min-height: 132px;
  }

  .pgMobileQuickCard2026__title {
    font-size: 16px;
  }

  .pgMobileQuickCard2026__text {
    font-size: 12px;
  }

  .pgMobileSupport2026 {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pgMobileSupport2026__pill {
    width: 100%;
    justify-content: center;
  }

  .pgMobileDock2026 {
    left: 4px;
    right: 4px;
    bottom: calc(4px + env(safe-area-inset-bottom, 0px));
    padding: 5px;
    gap: 4px;
  }

  .pgMobileDock2026__item {
    min-height: 52px;
    padding: 4px 2px;
    border-radius: 16px;
  }

  .pgMobileDock2026__icon {
    width: 19px;
    height: 19px;
  }

  .pgMobileDock2026__badge {
    top: 4px;
    right: 6px;
  }
}

/* до 360px оставляем короткие подписи в dock */
@media (max-width: 360px) {
  .pgMobileDock2026__label {
    font-size: 0;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
  }

  .pgMobileDock2026__label::after {
    content: attr(data-short);
    display: block;
    font-size: 6px;
    line-height: 1;
    font-weight: 900;
    color: currentColor;
  }
}
@media (max-width: 700px) { 
#ipRobotHero .ip-robot-body {
        width: 75% !important;
    }
    .ip-robot-btn {
      margin: 0 5px;
    }
        .neoHeroCombo2026__inner {
        display: block!important;
    }
    .ip-robot-stage {
        bottom: 0% !important;
    }
    .top-position .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
} 
.pgF26__bottom {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: column-reverse;
}
 }
 @media (max-width: 600px) { 
    .ip-robot-panel {
        right: 15px;
        top: 5%;
    }
        .ip-robot-stage {
        bottom: -5% !important;
        right: 7px !important;
    }
        .ip-robot-panel {
        right: -10px;
        top: 5%;
        width: min(500px, 80vw);
    }
        #ipRobotHero .ip-robot-body {
        width: 100% !important;
    }
        .ip-robot-stage {
        right: 30px !important;
    }
    .pgF26__top {
    padding: 28px 0 18px;
  }

  .pgF26__grid {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: stretch;
  }

  .pgF26__brand,
  .pgF26__col {
    min-width: 0;
    margin-top: 0;
    padding: 16px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.08);
    background:
      linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025)),
      rgba(8,8,14,.38);
    box-shadow:
      0 18px 42px rgba(0,0,0,.18),
      inset 0 0 0 1px rgba(255,255,255,.02);
    backdrop-filter: blur(16px);
  }

  .pgF26__brand {
    padding: 18px;
    background:
      radial-gradient(140% 180% at 0% 0%, rgba(255,45,122,.13), transparent 54%),
      radial-gradient(140% 180% at 100% 0%, rgba(96,84,255,.13), transparent 58%),
      rgba(10,10,16,.44);
  }

  .pgF26 .pgBrand2026 {
    min-width: 0;
  }

  .pgF26 .pgBrand2026__logo svg {
    display: block;
    width: 100%;
    max-width: 220px;
    height: auto;
  }

  .pgF26__desc {
    margin: 14px 0 0;
    max-width: none;
    font-size: 14px;
    line-height: 1.6;
  }

  .pgF26__h {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.15;
  }

  .pgF26__link {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.45;
  }

  .pgF26__link:last-child {
    margin-bottom: 0;
  }

  .pgF26__col--contacts {
    background:
      radial-gradient(140% 180% at 0% 0%, rgba(255,45,122,.14), transparent 54%),
      radial-gradient(140% 180% at 100% 0%, rgba(96,84,255,.14), transparent 58%),
      rgba(255,255,255,.035);
      grid-auto-flow: column;  
  }

  .pgF26__col--contacts .pgF26__pill {
    margin-top: 10px;
  }

  .pgF26__small {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.5;
  }

  .pgF26__bottom {
    margin-top: 14px;
    padding: 16px 0 22px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .pgF26__copy {
    font-size: 13px;
    line-height: 1.5;
    margin: 0 auto;
  }

  .pgF26__bottomLinks {
    display: grid;
    gap: 8px;
    justify-content: stretch;
  }

  .pgF26__miniLink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    width: 100%;
    padding: 0 12px;
    font: inherit;
    padding: 0;
  }
}

    .neoCats2026__grid {
    display: flex;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    flex-wrap: wrap;
  }
  .neoCat2026 {
    width: 41%;
}
.woocommerce-loop-product__title{
    font-size: 15px!important;
  }
  @media (min-width: 500px) and (max-width: 600px) {
  .pgF26__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px;
  }

  .pgF26__brand,
  .pgF26__col--contacts {
    grid-column: 1 / -1;
  }

  .pgF26__col--contacts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 14px;
    grid-auto-flow: row dense;  
  }

  .pgF26__col--contacts .pgF26__h,
  .pgF26__col--contacts .pgF26__pill,
  .pgF26__col--contacts .pgF26__small {
    grid-column: 1 / -1;
  }

  .pgF26__col--contacts .pgF26__link {
    margin: 0;
  }

  .pgF26__bottomLinks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

 @media (max-width: 500px) { 
.ip-robot-stage {
        right: 25px !important;
        bottom: 0;
    }
    .ip-robot-panel {
        right: -20px;
    }
    .neoCats2026__grid {
      display: flex!important;
      flex-wrap: wrap!important;
    } 
        .ip-robot-btn {
        margin: 5px 5px;
    }
        .neoH12026 {
        font-size: 34px;
    }
    .neoBtn2026--ghost {
    width: 100%;
}
.neoBtn2026--primary {
    width: 100%;
}
    .neoStats2026 {
        width: 100%;
        display: block;
    }
    .neoCat2026 {
    width: 100%;
}
.top-position .woocommerce ul.products li.product .price {
    flex-wrap: wrap!important;
        gap: 15px !important;
        font-size: 14px !important;
            padding: 0px 0 0 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin: 6px 0 0px !important;
}
 }
 @media (min-width: 400px) and (max-width: 499.98px) {
  .pgF26__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 12px;
  }

  .pgF26__brand,
  .pgF26__col--contacts {
display: flex;
    flex-direction: column;
    flex-wrap: wrap;  }

  .pgF26__brand,
  .pgF26__col {
    padding: 15px;
    border-radius: 22px;
  }

  .pgF26__h {
    font-size: 16px;
  }

  .pgF26__link {
    font-size: 13px;
    line-height: 1.4;
  }

  .pgF26__bottomLinks {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
 @media (max-width: 400px) { 
  .neoH12026 {
    font-size: 30px;
  }
  .neoBtn2026--primary {
    width: 100%;
  }
  .neoBtn2026--ghost {
    width: 100%;
  }
      .ip-robot-stage {
        bottom: 0% !important;
    }
        .top-position .woocommerce ul.products {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
        .pgF26__grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
        .pgF26__col--contacts {
          display: flex;
          flex-direction: column;
        }
 }

@media (max-width: 360px) { 
  .pgH2026 {
    background: none!important;
  }
  .container {
    padding: 0;
  }
  .neoH12026 {
    font-size: 26px; 
   }
  .neoHero2026 {
    padding: 0;
  }
 
  .neoStats2026 {
    text-align: center;
  }
  .neoCats2026__grid {
    display: flex;
    flex-wrap: wrap;
  }
  .pgF26__bottom {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
  }
  .pgF26__copy {
    font-size: 14px;
  }
  .pgF26__desc {
    max-width: 39ch;
  }
      .ip-robot-stage {
        right: 15px !important;
    }
 }

/* MOBILE MENU TUNE-UP 2026 */
@media (max-width: 992px) {
  .pgMobileMenu2026,
  .pgMobileMenu2026 *,
  .pgMobileMenu2026 *::before,
  .pgMobileMenu2026 *::after {
    box-sizing: border-box;
    min-width: 0;
  }

  .pgMobileMenu2026 {
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    width: min(440px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    padding: 14px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: -24px 0 60px rgba(0,0,0,.38);
  }

  .pgMobileMenu2026__top {
    position: sticky;
    top: 0;
    z-index: 3;
    margin-bottom: 12px !important;
    padding: 2px 4px 12px !important;
    background: linear-gradient(180deg, rgba(10,10,18,.96) 0%, rgba(10,10,18,.88) 78%, rgba(10,10,18,0) 100%);
  }

  .pgMobileMenu2026__meta,
  .pgMobileSection2026__head {
    padding-left: 2px;
  }

  .pgMobileMenu2026__eyebrow,
  .pgMobileSection2026__eyebrow,
  .pgMobileHero2026__label {
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: .12em !important;
  }

  .pgMobileMenu2026__title {
    margin: 4px 0 0 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
  }

  .pgMobileSection2026__title {
    margin: 4px 0 0 !important;
    font-size: 18px !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em !important;
  }

  .pgMobileMenu2026__close {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    border-radius: 18px !important;
  }

  .pgMobileMenu2026__close span {
    width: 18px !important;
  }

  .pgMobileMenu2026__scroll {
    padding: 0 2px 10px !important;
    scrollbar-width: thin;
  }

  .pgMobileHero2026 {
    grid-template-columns: 56px 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    margin-bottom: 12px !important;
    border-radius: 24px !important;
  }

  .pgMobileHero2026__avatar {
    width: 56px !important;
    height: 56px !important;
    border-radius: 18px !important;
    font-size: 22px !important;
  }

  .pgMobileHero2026__name {
    margin-top: 4px !important;
    font-size: 18px !important;
    line-height: 1.05 !important;
    letter-spacing: -.02em !important;
  }

  .pgMobileHero2026__metaLine {
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  .pgMobileHero2026__actions {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 8px !important;
    width: 100%;
  }

  .pgMobileHero2026__pill {
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
    white-space: nowrap;
  }

  .pgMobileSearch2026 {
    min-height: 50px !important;
    padding: 0 14px !important;
    margin-bottom: 14px !important;
    border-radius: 18px !important;
  }

  .pgMobileSearch2026 input {
    font-size: 14px !important;
  }

  .pgMobileSection2026 {
    margin-bottom: 16px !important;
  }

  .pgMobileSection2026__head {
    margin-bottom: 10px !important;
  }

  .pgMobileQuickGrid2026 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .pgMobileAccountGrid2026 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .pgMobileQuickCard2026,
  .pgMobileAccountCard2026 {
    padding: 14px !important;
    border-radius: 20px !important;
  }

  .pgMobileQuickCard2026 {
    min-height: 124px !important;
  }

  .pgMobileQuickCard2026__icon {
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 12px !important;
    border-radius: 12px !important;
  }

  .pgMobileQuickCard2026__icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .pgMobileQuickCard2026__title {
    font-size: 16px !important;
    line-height: 1.12 !important;
  }

  .pgMobileQuickCard2026__text {
    margin-top: 6px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .pgMobileMenu2026__navList {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .pgMobileMenu2026__navList a {
    min-height: 50px !important;
    padding: 0 14px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
  }

  .pgMobileAccountCard2026 {
    min-height: 64px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .pgMobileSupport2026 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .pgMobileSupport2026__pill {
    min-height: 40px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 767.98px) {
  .pgMobileMenu2026 {
    top: 8px !important;
    right: 8px !important;
    bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    padding: 12px !important;
    border-radius: 26px !important;
  }

  .pgMobileMenu2026__title {
    font-size: 20px !important;
  }

  .pgMobileSection2026__title {
    font-size: 17px !important;
  }
}

@media (max-width: 519.98px) {
  .pgMobileMenu2026 {
    right: 7px !important;
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    padding: 11px !important;
    border-radius: 24px !important;
  }

  .pgMobileMenu2026__top {
    padding: 2px 2px 10px !important;
  }

  .pgMobileMenu2026__eyebrow,
  .pgMobileSection2026__eyebrow,
  .pgMobileHero2026__label {
    font-size: 9px !important;
  }

  .pgMobileMenu2026__title {
    font-size: 18px !important;
  }

  .pgMobileSection2026__title {
    font-size: 16px !important;
  }

  .pgMobileHero2026 {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 13px !important;
    border-radius: 22px !important;
  }

  .pgMobileHero2026__avatar {
    width: 52px !important;
    height: 52px !important;
    font-size: 20px !important;
  }

  .pgMobileHero2026__name {
    font-size: 17px !important;
  }

  .pgMobileHero2026__metaLine {
    font-size: 12px !important;
  }

  .pgMobileHero2026__actions {
    grid-template-columns: 1fr !important;
  }

  .pgMobileQuickGrid2026,
  .pgMobileAccountGrid2026 {
    grid-template-columns: 1fr !important;
  }

  .pgMobileQuickCard2026 {
    min-height: 116px !important;
  }
}

@media (max-width: 399.98px) {
  .pgMobileMenu2026 {
    top: 6px !important;
    right: 6px !important;
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    padding: 10px !important;
    border-radius: 22px !important;
  }

  .pgMobileMenu2026__close {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
    border-radius: 16px !important;
  }

  .pgMobileMenu2026__title {
    font-size: 17px !important;
  }

  .pgMobileSection2026__title {
    font-size: 15px !important;
  }

  .pgMobileHero2026__name {
    font-size: 16px !important;
  }

  .pgMobileHero2026__pill,
  .pgMobileMenu2026__navList a,
  .pgMobileSupport2026__pill {
    font-size: 12px !important;
  }

  .pgMobileSearch2026 {
    min-height: 48px !important;
  }
}

/* MOBILE HERO LOGO + CATALOG RESPONSIVE 2026 */
@media (max-width: 992px) {
  .pgMobileHero2026 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .pgMobileHero2026__brand {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 12px 14px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.08);
    background:
      radial-gradient(130% 170% at 0% 0%, rgba(255,45,122,.12), transparent 54%),
      radial-gradient(130% 170% at 100% 0%, rgba(96,84,255,.12), transparent 58%),
      rgba(255,255,255,.03);
  }

  .pgMobileHero2026__brand svg {
    display: block;
    width: 100%;
    max-width: 240px;
    height: auto;
  }

  .pgMobileHero2026__content {
    align-self: start !important;
  }

  .pgCatalogHero2026 {
    padding-top: 12px;
  }

  .pgCatalogHeroCard2026 {
    padding: 18px;
    border-radius: 26px;
  }

  .pgCatalogHeroCard2026__inner {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  .pgCatalogHero2026 .neoBtns2026 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .pgCatalogHero2026 .neoBtn2026 {
    width: 100%;
  }

  .pgCatalogHero2026 .neoChips2026 {
    gap: 8px;
  }

  .pgCatalogHero2026 .neoChip2026 {
    font-size: 12px;
  }

  .pgCatalogLayout2026 {
    padding: 14px 0 10px;
  }

  .pgCatalogGrid2026 {
    grid-template-columns: 1fr !important;
    gap: 14px;
    padding: 14px;
    border-radius: 24px;
  }

  .pgCatalogSidebar2026 {
    padding: 12px;
    overflow: hidden;
  }

  .pgCatalogSidebar2026__head {
    margin-bottom: 10px;
  }

  .pgCatalogTabs2026 {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }

  .pgCatalogTabs2026::-webkit-scrollbar {
    display: none;
  }

  .pgCatalogTabs2026 li {
    flex: 0 0 auto;
  }

  .pgCatalogTab2026 {
    width: auto;
    min-width: 220px;
    flex: 0 0 220px;
    scroll-snap-align: start;
  }

  .pgCatalogContent2026 {
    padding: 12px;
    border-radius: 18px;
  }

  .pgCatalogContent2026__head {
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
  }

  .pgCatalogContent2026__h {
    width: 100%;
  }

  .pgCatalogContent2026__head .pgBtn2026 {
    width: 100%;
  }

  .pgCatsGrid2026 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
  }

  .pgCatCard2026,
  .pgCatCard2026__inner {
    min-height: 138px;
  }

  .pgCatCard2026__title {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  .pgMobileHero2026__brand {
    padding: 11px 12px;
    border-radius: 18px;
  }

  .pgMobileHero2026__brand svg {
    max-width: 220px;
  }

  .pgCatalogHeroCard2026 {
    padding: 16px;
    border-radius: 24px;
  }

  .pgCatalogHero2026 .neoBtns2026 {
    grid-template-columns: 1fr;
  }

  .pgCatalogSidebar2026,
  .pgCatalogContent2026 {
    padding: 10px;
  }

  .pgCatalogTab2026 {
    min-width: 200px;
    flex-basis: 200px;
    padding: 11px 12px;
    border-radius: 14px;
  }

  .pgCatalogTab2026__name {
    font-size: 14px;
  }

  .pgCatalogTab2026__count {
    font-size: 11px;
    padding: 5px 8px;
  }
}

@media (max-width: 519.98px) {
  .pgMobileHero2026__brand {
    padding: 10px 11px;
  }

  .pgMobileHero2026__brand svg {
    max-width: 198px;
  }

  .pgCatalogTab2026 {
    min-width: 188px;
    flex-basis: 188px;
    grid-template-columns: 30px 1fr auto;
    gap: 8px;
  }

  .pgCatalogTab2026__ico {
    width: 30px;
    height: 30px;
    border-radius: 10px;
  }

  .pgCatsGrid2026 {
    grid-template-columns: 1fr !important;
  }

  .pgCatCard2026,
  .pgCatCard2026__inner {
    min-height: 126px;
  }
}

@media (max-width: 399.98px) {
  .pgMobileHero2026__brand {
    padding: 9px 10px;
    border-radius: 16px;
  }

  .pgMobileHero2026__brand svg {
    max-width: 220px;
  }

  .pgCatalogHeroCard2026 {
    padding: 14px;
  }

  .pgCatalogSidebar2026__title,
  .pgCatalogContent2026__h {
    font-size: 15px;
  }

  .pgCatalogTab2026 {
    min-width: 176px;
    flex-basis: 176px;
    padding: 10px 11px;
  }

  .pgCatCard2026__title {
    font-size: 15px;
  }

  .pgCatCard2026__meta {
    font-size: 11px;
  }
}

/* MOBILE BAR SEARCH + MENU / AUTH MODAL 2026 */
@media (max-width: 992px) {
  .pgMobileBar2026 {
    align-items: center !important;
    gap: 8px !important;
  }

  .pgMobileBrand2026 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .pgMobileBar2026__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  .pgMobileHeaderSearch2026 {
    display: flex;
    align-items: center;
    gap: 8px;
    width: clamp(110px, 18vw, 170px);
    min-width: 0;
    height: 52px;
    padding: 0 12px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(120% 120% at 0% 0%, rgba(255,255,255,.08), transparent 60%),
      rgba(16,16,24,.78);
    box-shadow:
      0 16px 34px rgba(0,0,0,.28),
      inset 0 0 0 1px rgba(255,255,255,.03);
    backdrop-filter: blur(16px);
  }

  .pgMobileHeaderSearch2026__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.72);
    cursor: pointer;
    flex: 0 0 auto;
  }

  .pgMobileHeaderSearch2026__submit svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .pgMobileHeaderSearch2026 input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: rgba(255,255,255,.92);
    font-size: 13px;
    font-weight: 900;
  }

  .pgMobileHeaderSearch2026 input::placeholder {
    color: rgba(255,255,255,.48);
  }

  .pgMobileBarMenu2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.12);
    background:
      radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.08), transparent 60%),
      rgba(16,16,24,.78);
    box-shadow:
      0 16px 34px rgba(0,0,0,.28),
      inset 0 0 0 1px rgba(255,255,255,.04);
    backdrop-filter: blur(16px);
    color: rgba(255,255,255,.84);
    cursor: pointer;
    flex: 0 0 52px;
  }

  .pgMobileBarMenu2026 svg {
    width: 22px;
    height: 22px;
    display: block;
  }

  .pgMobileBarMenu2026.is-active {
    background: linear-gradient(135deg, rgba(255,70,122,.18), rgba(101,84,255,.24));
    color: #fff;
  }

  .pgMobileMenu2026 .pgMobileSearch2026 {
    display: none !important;
  }

  .pg-auth-backdrop.is-open {
    padding: 10px !important;
    align-items: flex-start !important;
  }

  .pg-auth-modal {
    display: flex;
    flex-direction: column;
    width: min(100%, 620px) !important;
    max-width: min(620px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 20px) !important;
    border-radius: 28px !important;
    overflow: hidden !important;
  }

  .pg-auth-head {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 14px 16px !important;
    background:
      linear-gradient(180deg, rgba(12,12,20,.96) 0%, rgba(12,12,20,.88) 100%);
  }

  .pg-auth-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    font-size: 22px;
    line-height: 1;
  }

  .pg-auth-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.74);
    font-size: 12px;
    font-weight: 900;
  }

  .pg-auth-close {
    width: 48px;
    height: 48px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    font-size: 28px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
  }

  .pg-auth-body {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 14px !important;
    overflow: auto;
    flex: 1 1 auto;
    -webkit-overflow-scrolling: touch;
  }

  .pg-vline {
    display: none !important;
  }

  .pg-auth-col {
    padding: 14px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.08);
    background:
      radial-gradient(130% 170% at 0% 0%, rgba(255,45,122,.10), transparent 54%),
      radial-gradient(130% 170% at 100% 0%, rgba(96,84,255,.10), transparent 58%),
      rgba(255,255,255,.03);
  }

  .pg-auth-form {
    max-width: none !important;
    width: 100% !important;
  }

  .pg-auth-switch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
    margin-bottom: 14px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
  }

  .pg-auth-tab {
    min-height: 48px;
    padding: 0 12px;
    border-radius: 16px;
    border: 1px solid transparent;
    background: transparent;
    color: rgba(255,255,255,.72);
    font-size: 14px;
    font-weight: 1000;
    cursor: pointer;
  }

  .pg-auth-tab.is-active {
    background: linear-gradient(135deg, rgba(255,62,110,.96), rgba(255,0,115,.76));
    color: #fff;
    box-shadow: 0 14px 28px rgba(255,45,122,.18);
  }

  .pg-row {
    margin-bottom: 14px !important;
  }

  .pg-row label {
    font-size: 13px !important;
    margin-bottom: 8px !important;
    color: rgba(255,255,255,.84) !important;
  }

  .pg-auth-modal .pg-auth-form input,
  .pg-auth-modal .pg-auth-form textarea,
  .pg-auth-modal .pg-row input {
    width: 94% !important;
    height: 54px;
    padding: 0 16px;
    border-radius: 18px;
    font-size: 15px;
    background: rgba(0,0,0,.22);
  }

  .pg-auth-modal .iti {
    display: block;
    width: 100%;
  }

  .pg-auth-modal .iti input {
    width: 100% !important;
    padding-left: 118px !important;
  }

  .pg-auth-modal .iti__country-container {
    left: 10px;
  }

  .pg-auth-modal .iti__selected-flag {
    height: 42px;
    margin-top: 6px;
    border-radius: 14px;
    background: rgba(255,255,255,.04);
    padding: 0 10px;
    margin: 0;
  }

  .pg-auth-modal .iti__selected-dial-code,
  .pg-auth-modal .iti__selected-country-primary {
    color: rgba(255,255,255,.84);
    font-weight: 900;
  }

  .pg-auth-modal .iti__arrow {
    border-top-color: rgba(255,255,255,.58);
  }

  .pg-forgot {
    display: flex;
    justify-content: flex-end;
    margin: 2px 0 12px;
  }

  .pg-forgot a {
    color: rgba(255,255,255,.78);
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
  }

  .pg-btn-green,
  .pg-auth-modal .pg-btn {
    min-height: 54px;
    border-radius: 18px;
    font-size: 16px;
  }

  .pg-or {
    margin: 12px 0 !important;
  }

  .pg-sub {
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 900;
    color: rgba(255,255,255,.82);
  }

  .pg-switch-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
    margin-top: 0 !important;
  }
  .pg-switch {
    height: 40px!important;
  }
  .pg-switch-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: 0 12px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.88);
    text-decoration: none;
    font-size: 14px;
    font-weight: 1000;
  }

  .pg-alt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 56px;
    width: 100%;
    padding: 0 14px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.92);
    text-decoration: none;
    font-weight: 1000;
    text-decoration: none!important;
    color: white!important;

  }

  .pg-g,
  .pg-google {
    color: inherit;
    text-decoration: none;
    color: white;
  }
}

@media (max-width: 767.98px) {
  .pgMobileHeaderSearch2026 {
    width: 122px;
    height: 48px;
    padding: 0 10px;
    border-radius: 16px;
  }

  .pgMobileHeaderSearch2026 input {
    font-size: 12px;
  }

  .pgMobileBarMenu2026 {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border-radius: 16px;
  }

  .pg-auth-modal {
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    border-radius: 26px !important;
  }

  .pg-auth-title {
    font-size: 20px;
  }

  .pg-auth-col {
    padding: 12px;
    border-radius: 22px;
  }
}

@media (max-width: 519.98px) {
  .pgMobileBar2026__actions {
    gap: 6px !important;
  }

  .pgMobileHeaderSearch2026 {
    width: 94px;
    padding: 0 8px;
    gap: 6px;
  }

  .pgMobileHeaderSearch2026 input {
    font-size: 12px;
  }

  .pgMobileLang2026 {
    min-width: 42px !important;
    flex-basis: 42px !important;
    height: 46px !important;
  }

  .pgMobileBarMenu2026 {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }

  .pg-auth-head {
    padding: 12px !important;
  }

  .pg-auth-title {
    font-size: 18px;
  }

  .pg-auth-badge {
    font-size: 11px;
  }

  .pg-auth-body {
    padding: 12px !important;
    gap: 12px !important;
  }

  .pg-auth-switch {
    padding: 6px;
    gap: 6px;
  }

  .pg-auth-tab {
    min-height: 44px;
    font-size: 13px;
  }

  .pg-auth-modal .pg-auth-form input,
  .pg-auth-modal .pg-auth-form textarea,
  .pg-auth-modal .pg-row input {
    height: 52px;
    font-size: 14px;
  }

  .pg-auth-modal .iti input {
    padding-left: 108px !important;
  }

  .pg-switch-row {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 399.98px) {
  .pgMobileHeaderSearch2026 {
    width: 82px;
  }

  .pgMobileHeaderSearch2026 input::placeholder {
    color: rgba(255,255,255,.34);
  }

  .pgMobileBarMenu2026 {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    border-radius: 15px;
  }

  .pg-auth-backdrop.is-open {
    padding: 6px !important;
  }

  .pg-auth-modal {
    max-width: calc(100vw - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    border-radius: 22px !important;
  }

  .pg-auth-head {
    padding: 10px !important;
  }

  .pg-auth-close {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    border-radius: 16px;
  }

  .pg-auth-title {
    font-size: 17px;
  }

  .pg-auth-col {
    padding: 10px;
    border-radius: 20px;
  }

  .pg-auth-modal .iti input {
    padding-left: 100px !important;
  }

  .pg-switch-row {
    grid-template-columns: 1fr;
  }
}

/* MOBILE HEADER + AUTH + CATALOG FINAL TUNE 2026 */
.pgCatalogMobilePicker2026 {
  display: none;
}

@media (max-width: 992px) {
  .pgMobileBar2026 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 95%!important;
  }

  .pgMobileBrand2026 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) clamp(128px, 30vw, 176px) !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 68px !important;
    padding: 8px 10px !important;
    border-radius: 22px !important;
  }

  .pgMobileBrand2026__home {
    display: flex;
    align-items: center;
    min-width: 0;
    text-decoration: none;
    position: relative;
    z-index: 1;
  }

  .pgMobileBrand2026__logo {
    min-width: 0;
    width: 100%;
  }

  .pgMobileBrand2026__logo svg {
    display: block;
    width: 100%;
    max-width: 232px;
    height: auto;
  }

  .pgMobileHeaderSearch2026 {
    position: relative;
    z-index: 1;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 12px !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)),
      rgba(10,10,18,.46) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.05),
      0 14px 28px rgba(0,0,0,.18) !important;
  }

  .pgMobileHeaderSearch2026__submit {
    width: 16px !important;
    height: 16px !important;
    color: rgba(255,255,255,.62) !important;
  }

  .pgMobileHeaderSearch2026 input {
    min-width: 0;
    font-size: 13px !important;
    font-weight: 800 !important;
  }

  .pgMobileHeaderSearch2026 input::placeholder {
    color: rgba(255,255,255,.48) !important;
  }

  .pgMobileBar2026__actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
  }

  .pgMobileLang2026 {
    min-width: 50px !important;
    flex-basis: 50px !important;
    height: 50px !important;
    border-radius: 17px !important;
  }

  .pgMobileBarMenu2026 {
    width: 50px !important;
    height: 50px !important;
    flex-basis: 50px !important;
    border-radius: 17px !important;
  }

  .pgMobileMenu2026 .pgMobileSearch2026 {
    display: none !important;
  }

  .pgCatalogMobilePicker2026 {
    display: grid;
    gap: 8px;
    margin-bottom: 0;
  }

  .pgCatalogMobilePicker2026__label {
    display: block;
    margin: 0 0 0 2px;
    color: rgba(255,255,255,.6);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .pgCatalogMobilePicker2026__field {
    position: relative;
  }

  .pgCatalogMobilePicker2026__field::after {
    content: "▾";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    color: rgba(255,255,255,.62);
    font-size: 14px;
    line-height: 1;
    pointer-events: none;
  }

  .pgCatalogMobilePicker2026__select {
    appearance: none;
    -webkit-appearance: none;
    color-scheme: dark;
    width: 100%;
    min-height: 52px;
    padding: 0 44px 0 16px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background:
      radial-gradient(120% 120% at 0% 0%, rgba(255,45,122,.10), transparent 56%),
      radial-gradient(120% 120% at 100% 0%, rgba(96,84,255,.10), transparent 58%),
      rgba(255,255,255,.04);
    color: rgba(255,255,255,.92);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
  }

  .pgCatalogMobilePicker2026__select option {
    color: #ffffff;
    background: #2a1830;
    font-weight: 700;
  }

  .pgCatalogMobilePicker2026__select option:checked,
  .pgCatalogMobilePicker2026__select option:hover,
  .pgCatalogMobilePicker2026__select option:focus {
    color: #ffffff;
    background: #3a1d3d;
    box-shadow: 0 0 0 9999px #3a1d3d inset;
  }

  .pg-auth-backdrop.is-open {
    padding: 10px !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: auto !important;
  }

  .pg-auth-modal,
  .pg-auth-modal * {
    box-sizing: border-box;
  }

  .pg-auth-modal {
    display: flex !important;
    flex-direction: column !important;
    width: min(100%, 560px) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    margin: 0 auto !important;
    border-radius: 28px !important;
    overflow: hidden !important;
  }

  .pg-auth-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 16px !important;
  }

  .pg-auth-title {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  .pg-auth-badge {
    min-height: 28px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  .pg-auth-close {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
    border-radius: 16px !important;
  }

  .pg-auth-body {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    overflow: auto !important;
    min-height: 0 !important;
    align-content: start !important;
  }

  .pg-auth-col {
    min-width: 0 !important;
    padding: 14px !important;
    border-radius: 22px !important;
  }

  .pg-auth-form,
  .pg-auth-form .pg-row,
  .pg-auth-form .iti {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .pg-row {
    margin-bottom: 12px !important;
  }

  .pg-row label {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .pg-auth-modal .pg-auth-form input:not([type="hidden"]),
  .pg-auth-modal .pg-auth-form textarea,
  .pg-auth-modal .pg-row input:not([type="hidden"]) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 52px !important;
    padding: 0 16px !important;
    border-radius: 17px !important;
    font-size: 15px !important;
  }

  .pg-auth-modal .iti {
    display: block !important;
    width: 100% !important;
  }

  .pg-auth-modal .pg-auth-form input[type="hidden"],
  .pg-auth-modal .pg-row input[type="hidden"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .pg-auth-modal .iti input {
    width: 100% !important;
    padding-left: 116px !important;
  }

  .pg-auth-modal .iti__country-container {
    left: 10px !important;
    max-width: 102px !important;
  }

  .pg-auth-modal .iti__selected-flag {
    max-width: 94px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }

  .pg-forgot {
    margin: 4px 0 10px !important;
  }

  .pg-btn-green,
  .pg-auth-modal .pg-btn,
  .pg-switch-link,
  .pg-alt {
    width: 100% !important;
  }

  .pg-auth-modal .pg-btn {
    min-height: 40px !important;
    border-radius: 17px !important;
    font-size: 15px !important;
  }

  .pg-or {
    margin: 10px 0 !important;
  }

  .pg-sub {
    font-size: 14px !important;
    line-height: 1.38 !important;
  }

  .pg-switch-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  .pg-switch-link {
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 17px !important;
    font-size: 14px !important;
  }

  .pg-alt {
    min-height: 52px !important;
    padding: 0 14px !important;
    border-radius: 17px !important;
    text-align: center !important;
  }
}

@media (max-width: 767.98px) {
  .pgMobileBrand2026 {
    grid-template-columns: minmax(0, 1fr) 124px !important;
    gap: 8px !important;
    min-height: 64px !important;
  }

  .pgMobileBrand2026__logo svg {
    max-width: 188px !important;
  }

  .pgMobileHeaderSearch2026 {
    height: 42px !important;
    padding: 0 11px !important;
    border-radius: 15px !important;
  }

  .pgMobileHeaderSearch2026 input {
    font-size: 12px !important;
  }

  .pg-auth-modal {
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    border-radius: 24px !important;
  }

  .pg-auth-head,
  .pg-auth-body {
    padding: 12px !important;
  }

  .pg-auth-col {
    padding: 12px !important;
    border-radius: 20px !important;
  }
}

@media (max-width: 519.98px) {
  .pgMobileBar2026 {
    gap: 6px !important;
  }

  .pgMobileBrand2026 {
    grid-template-columns: minmax(0, 1fr) 106px !important;
    gap: 7px !important;
    min-height: 60px !important;
    padding: 7px 8px !important;
    border-radius: 20px !important;
  }

  .pgMobileBrand2026__logo svg {
    max-width: 160px !important;
  }

  .pgMobileHeaderSearch2026 {
    height: 40px !important;
    padding: 0 10px !important;
  }

  .pgMobileHeaderSearch2026 input {
    font-size: 11px !important;
  }

  .pgMobileLang2026 {
    min-width: 44px !important;
    flex-basis: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
  }

  .pgMobileBarMenu2026 {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
    border-radius: 15px !important;
  }

  .pgCatalogMobilePicker2026__select {
    min-height: 48px;
    padding: 0 40px 0 14px;
    border-radius: 16px;
    font-size: 13px;
  }

  .pg-auth-backdrop.is-open {
    padding: 8px !important;
  }

  .pg-auth-title {
    font-size: 18px !important;
  }

  .pg-auth-modal .iti input {
    padding-left: 108px !important;
  }
}

@media (max-width: 399.98px) {
  .pgMobileBrand2026 {
    grid-template-columns: minmax(0, 1fr) 94px !important;
    gap: 6px !important;
    padding: 7px !important;
  }

  .pgMobileBrand2026__logo svg {
    max-width: 138px !important;
  }

  .pgMobileHeaderSearch2026 {
    height: 38px !important;
    padding: 0 9px !important;
    border-radius: 14px !important;
  }

  .pgMobileHeaderSearch2026 input::placeholder {
    color: rgba(255,255,255,.34) !important;
  }

  .pgCatalogMobilePicker2026__select {
    min-height: 46px;
    font-size: 12px;
  }

  .pg-auth-backdrop.is-open {
    padding: 6px !important;
  }

  .pg-auth-modal {
    max-width: calc(100vw - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    border-radius: 22px !important;
  }

  .pg-auth-head,
  .pg-auth-body {
    padding: 10px !important;
  }

  .pg-auth-col {
    padding: 10px !important;
    border-radius: 18px !important;
  }

  .pg-auth-title {
    font-size: 17px !important;
  }

  .pg-auth-close {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    border-radius: 15px !important;
  }

  .pg-auth-modal .iti input {
    padding-left: 100px !important;
  }

  .pg-switch-row {
    grid-template-columns: 1fr !important;
  }
}

/* MOBILE FIX ROUND 2 */
@media (max-width: 992px) {
  .pgMobileBar2026 {
    align-items: flex-start !important;
  }

  .pgMobileBrand2026 {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 10px !important;
    min-height: auto !important;
    padding: 12px !important;
  }

  .pgMobileBrand2026__home {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  .pgMobileBrand2026__logo {
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
  }

  .pgMobileBrand2026__logo svg {
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
    height: auto !important;
  }

  .pgMobileHeaderSearch2026 {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 2px 2px 0 !important;
    padding: 0 14px !important;
    border-radius: 17px !important;
  }

  .pgMobileBar2026__actions {
    padding-top: 4px !important;
  }

  .pgCatalogMobilePicker2026 {
    display: grid !important;
    gap: 10px !important;
  }

  .pgCatalogMobilePicker2026__label {
    display: none !important;
  }

  #pgCatalogMenu > .pg-catalog-inner {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  #pgCatalogMenu > .pg-catalog-inner > .pg-catalog-sidebar {
    display: none !important;
  }

  #pgCatalogMenu > .pg-catalog-inner > .pg-catalog-content {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .pgCatalogMobileResults2026 {
    display: grid;
    gap: 12px;
  }

  .pgCatalogMobileResults2026__title {
    margin: 0;
    color: rgba(255,255,255,.62);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .pgCatalogMobileResults2026__list {
    display: grid;
    gap: 10px;
  }

  .pgCatalogMobileResults2026__item {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 0 14px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.08);
    background:
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
      rgba(14,14,22,.40);
    color: rgba(255,255,255,.92);
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
  }
}

@media (max-width: 519.98px) {
  .pgMobileBrand2026 {
    padding: 10px !important;
  }

  .pgMobileBrand2026__logo,
  .pgMobileBrand2026__logo svg {
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
  }

  .pgMobileHeaderSearch2026 {
    margin-right: 0 !important;
    padding: 0 12px !important;
  }

  .pgCatalogMobileResults2026__item {
    min-height: 48px;
    padding: 0 12px;
    border-radius: 15px;
    font-size: 13px;
  }
}

@media (max-width: 399.98px) {
  .pgMobileBrand2026__logo,
  .pgMobileBrand2026__logo svg {
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
  }

  .pgMobileHeaderSearch2026 {
    height: 40px !important;
    border-radius: 15px !important;
  }

  .pgCatalogMobileResults2026__title {
    font-size: 10px;
  }
}

/* MOBILE HEADER SEARCH BELOW BRAND */
@media (max-width: 992px) {
  .pgMobileBar2026 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    column-gap: 8px !important;
    row-gap: 10px !important;
  }

  .pgMobileBrand2026 > .pgMobileHeaderSearch2026 {
    display: none !important;
  }

  .pgMobileBrand2026 {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
  }

  .pgMobileBar2026__actions {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    align-self: start !important;
    padding-top: 0 !important;
  }

  .pgMobileBar2026 > .pgMobileHeaderSearch2026--standalone {
    display: flex !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 95% !important;
    min-width: 0 !important;
    margin: 0 !important;
    min-height: 50px !important;
    padding: 0 14px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 519.98px) {
  .pgMobileBar2026 > .pgMobileHeaderSearch2026--standalone {
    min-height: 48px !important;
    padding: 0 12px !important;
  }
}

@media (max-width: 399.98px) {
  .pgMobileBar2026 > .pgMobileHeaderSearch2026--standalone {
    min-height: 46px !important;
  }
}

/* PRODUCT SEARCH + PDP REQUIREMENTS 2026 */
.pgMobileHeaderSearch2026--standalone {
  position: relative;
}

.pgMobileHeaderSearch2026--standalone .pgLiveBox2026--mobile {
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-height: min(62vh, 420px) !important;
  overflow: auto !important;
  border-radius: 24px !important;
  z-index: 1012 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background:
    radial-gradient(900px 220px at 10% 0%, rgba(255,45,122,.20) 0%, rgba(255,45,122,0) 55%),
    radial-gradient(900px 220px at 100% 0%, rgba(176,0,255,.16) 0%, rgba(176,0,255,0) 55%),
    rgba(10,10,16,.94);
  backdrop-filter: blur(18px);
  box-shadow: 0 24px 70px rgba(0,0,0,.54);
}

.pgLiveBox2026--mobile a {
  color: rgba(255,255,255,.95) !important;
  text-decoration: none !important;
  display: grid !important;
  grid-template-columns: 56px 1fr !important;
  gap: 10px !important;
  padding: 10px !important;
  margin: 10px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.04) !important;
}

.pgLiveBox2026--mobile img {
  width: 56px !important;
  height: 46px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.pgLiveBox2026--mobile .pgLiveColHead2026 {
  padding: 12px 12px 0 !important;
}

.pgLiveBox2026--mobile .pgLiveMeta2026 {
  margin-top: 4px;
  color: rgba(255,255,255,.68);
  font-size: 12px;
}

.pgRecoIntro2026 {
  margin: 0 0 14px;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.65;
}

.pgExtraGrid2026--single > .pgExtraCard2026 {
  grid-column: 1 / -1;
  width: 100%;
  flex: 1 1 100%;
  box-sizing: border-box;
}

.pgRecoHero2026 {
  position: relative;
  margin: 2px 0 16px;
  padding: 18px 18px 16px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(140% 180% at 0% 0%, rgba(255,45,122,.14), transparent 56%),
    radial-gradient(140% 180% at 100% 0%, rgba(94,84,255,.14), transparent 58%),
    rgba(255,255,255,.035);
}

.pgRecoHero2026__eyebrow {
  margin: 0 0 8px;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.56);
  font-weight: 900;
}

.pgRecoHero2026__title {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -.03em;
  font-weight: 1000;
}

.pgRecoHero2026__text {
  margin: 0;
  max-width: 76ch;
  font-size: 14px;
  line-height: 1.68;
  color: rgba(255,255,255,.78);
}

.pgRecoLead2026 {
  display: grid;
  gap: 12px;
  margin: 14px 0 0;
}

.pgRecoLead2026__item {
  position: relative;
  padding: 16px 16px 15px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)),
    rgba(10,10,18,.44);
  overflow: hidden;
}

.pgRecoLead2026__item::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 2px;
  opacity: .9;
}

.pgRecoLead2026__item--accent::before {
  background: linear-gradient(90deg, rgba(255,77,122,.95), rgba(132,102,255,.88));
}

.pgRecoLead2026__item--warn::before {
  background: linear-gradient(90deg, rgba(255,145,77,.95), rgba(255,89,123,.82));
}

.pgRecoLead2026__item--soft::before {
  background: linear-gradient(90deg, rgba(92,211,255,.9), rgba(132,102,255,.7));
}

.pgRecoLead2026__title {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.12;
  font-weight: 1000;
  color: rgba(255,255,255,.95);
}

.pgRecoLead2026__text {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255,255,255,.78);
}

.pgRecoMiniGrid2026 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 0;
}

.pgRecoSection2026 {
  margin-top: 16px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}

.pgRecoSection2026__head {
  margin-bottom: 12px;
}

.pgRecoSection2026__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.08;
  font-weight: 1000;
}

.pgRecoSection2026__text {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.58;
  color: rgba(255,255,255,.72);
}

.pgRecoMiniCard2026 {
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
}

.pgRecoMiniCard2026__title {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 1000;
}

.pgRecoMiniCard2026__text {
  margin: 0;
  font-size: 13px;
  line-height: 1.58;
  color: rgba(255,255,255,.78);
}

.pgRecoTableWrap2026 {
  margin-top: 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  overflow: auto;
  background: rgba(255,255,255,.03);
}

.pgRecoTable2026 {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
}

.pgRecoTable2026 thead th {
  padding: 14px 16px;
  text-align: left;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(255,255,255,.68);
  background: rgba(255,255,255,.045);
}

.pgRecoTable2026 td {
  padding: 14px 16px;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,.88);
  border-top: 1px solid rgba(255,255,255,.08);
}

.pgRecoTable2026 tr td:first-child,
.pgRecoTable2026 tr td:nth-child(2):last-child {
  font-weight: 900;
}

.pgRecoList2026--dense {
  margin-top: 14px;
}

.pgRecoChips2026 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.pgRecoChip2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.92);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
}

.pgRecoCallout2026 {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  font-size: 13px;
  line-height: 1.6;
}

.pgRecoCallout2026--accent {
  background: linear-gradient(180deg, rgba(255,45,122,.12), rgba(255,45,122,.05));
  border-color: rgba(255,45,122,.24);
}

.pgRecoCallout2026--warn {
  background: linear-gradient(180deg, rgba(255,174,77,.12), rgba(255,174,77,.05));
  border-color: rgba(255,174,77,.22);
}

.pgRecoCallout2026--soft {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}

.pgDetails2026 summary i {
  transition: transform .18s ease, opacity .18s ease;
}

.pgDetails2026 details[open] summary i {
  transform: rotate(45deg);
  opacity: 1;
}

.pgm-layout-subnote {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255,255,255,.68);
}

.pgm-layout-reqs {
  margin-top: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
}

.pgm-layout-reqs__title {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 1000;
  color: rgba(255,255,255,.92);
}

.pgm-layout-reqs__list {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 8px;
  font-size: 12px;
  line-height: 1.55;
  color: rgba(255,255,255,.76);
}

@media (min-width: 720px) {
  .pgRecoLead2026 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 992px) {
  body.single-product .pgPdp2026 {
    padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.single-product .pgPdp2026__summary,
  body.single-product .pgPdp2026__tabs {
    padding-bottom: 18px !important;
  }

  body.single-product .wolf-actions {
    position: sticky;
    bottom: calc(84px + env(safe-area-inset-bottom, 0px));
    z-index: 20;
    margin-top: 16px;
    padding-top: 14px;
    background: linear-gradient(180deg, rgba(9,9,16,0), rgba(9,9,16,.88) 28%, rgba(9,9,16,.96) 100%);
    backdrop-filter: blur(18px);
  }

  body.single-product .wolf-actions .wolf-btn {
    min-height: 56px;
  }

  body.single-product .wolf-front-block,
  body.single-product .pgm-layout-box,
  body.single-product .pgPdp2026__tabs {
    scroll-margin-top: 110px;
  }
}

@media (max-width: 767.98px) {
  .pgRecoHero2026 {
    padding: 16px;
    border-radius: 22px;
  }

  .pgRecoHero2026__title {
    font-size: 20px;
  }

  .pgRecoSection2026 {
    padding: 16px;
    border-radius: 20px;
  }

  body.single-product .pgPdp2026__title {
    font-size: clamp(28px, 8vw, 36px) !important;
    line-height: .98 !important;
  }

  body.single-product .pgPdp2026__summary,
  body.single-product .pgPdp2026__tabs {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  body.single-product .wolf-front-grid {
    gap: 10px !important;
  }

  body.single-product .wolf-front-select {
    min-height: 52px;
    padding: 13px 16px;
    border-radius: 18px;
    font-size: 14px;
  }

  body.single-product .pgm-layout-picker {
    flex-direction: column;
    align-items: stretch;
  }

  body.single-product .pgm-layout-picker-name,
  body.single-product .pgm-layout-url {
    max-width: 100%;
    width: 100%;
  }

  .pgRecoMiniGrid2026 {
    grid-template-columns: 1fr;
  }

  .pgRecoTable2026 {
    min-width: 480px;
  }
}

@media (max-width: 479.98px) {
  .pgRecoHero2026__text,
  .pgRecoSection2026__text,
  .pgm-layout-reqs__list {
    font-size: 12px;
  }

  body.single-product .wolf-actions {
    bottom: calc(78px + env(safe-area-inset-bottom, 0px));
  }

  body.single-product .wolf-actions .wolf-btn {
    height: auto;
    min-height: 54px;
    border-radius: 18px;
  }

  .pgRecoIntro2026,
  .pgRecoLead2026__text,
  .pgRecoMiniCard2026__text,
  .pgRecoTable2026 td,
  .pgRecoCallout2026 {
    font-size: 12px;
  }

  .pgRecoTable2026 {
    min-width: 420px;
  }
}

/* =========================================================
   SEO City Pages (service in city)
   Scoped styles: only for generated content block .ip-city-seo
   ========================================================= */
.ip-city-seo {
  --ip-seo-bg: linear-gradient(145deg, rgba(12, 14, 30, 0.92), rgba(23, 10, 34, 0.9));
  --ip-seo-bd: rgba(255, 255, 255, 0.14);
  --ip-seo-text: #f1f5ff;
  --ip-seo-muted: #b8bfd9;
  --ip-seo-acc: #ff2e83;
  --ip-seo-acc2: #9333ea;
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(14px, 2.4vw, 28px);
  color: var(--ip-seo-text);
}

.ip-city-seo h1 {
  margin: 0 0 14px;
  font-size: clamp(30px, 4.8vw, 52px);
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.ip-city-seo h2 {
  margin: 28px 0 12px;
  font-size: clamp(22px, 3.2vw, 32px);
  line-height: 1.15;
}

.ip-city-seo h3 {
  margin: 0 0 10px;
  font-size: clamp(18px, 2vw, 24px);
}

.ip-city-seo p,
.ip-city-seo li {
  color: var(--ip-seo-muted);
  font-size: clamp(15px, 1.35vw, 18px);
  line-height: 1.6;
}

.ip-city-seo ul {
  margin: 0;
  padding-left: 20px;
}

.ip-city-hero {
  background: var(--ip-seo-bg);
  border: 1px solid var(--ip-seo-bd);
  border-radius: 28px;
  padding: clamp(16px, 2.5vw, 28px);
  box-shadow: 0 18px 40px rgba(6, 9, 22, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  position: relative;
  overflow: hidden;
}

.ip-city-hero::after {
  content: "";
  position: absolute;
  inset: -30% auto auto 58%;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 46, 131, 0.2), transparent 62%);
  pointer-events: none;
}

.ip-city-lead {
  margin: 0;
}

.ip-city-chips {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ip-city-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--ip-seo-bd);
  background: rgba(15, 19, 37, 0.7);
  color: #e8edff;
  font-size: 13px;
  line-height: 1.25;
}

.ip-city-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(14px, 2vw, 22px);
}

.ip-city-block {
  background: var(--ip-seo-bg);
  border: 1px solid var(--ip-seo-bd);
  border-radius: 24px;
  padding: clamp(14px, 2vw, 20px);
}

.ip-city-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ip-city-card {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: linear-gradient(135deg, rgba(15, 18, 36, 0.94), rgba(35, 20, 48, 0.9));
  padding: 12px 12px;
}

.ip-city-card-title {
  margin: 0;
  color: #d4dcff !important;
  font-weight: 700;
  font-size: 13px !important;
  line-height: 1.25;
}

.ip-city-card-value {
  margin: 6px 0 0;
  color: #ffffff !important;
  font-weight: 800;
  font-size: 17px !important;
  line-height: 1.3;
}

.ip-city-note {
  margin: 12px 0 0;
  font-size: 13px !important;
}

.ip-city-faq {
  display: grid;
  gap: 10px;
}

.ip-city-faq-item {
  border-radius: 16px;
  border: 1px solid var(--ip-seo-bd);
  background: rgba(14, 17, 34, 0.84);
  overflow: hidden;
}

.ip-city-faq-item summary {
  list-style: none;
  cursor: pointer;
  margin: 0;
  padding: 14px 16px;
  color: #f7f9ff;
  font-size: clamp(15px, 1.3vw, 18px);
  font-weight: 700;
  position: relative;
}

.ip-city-faq-item summary::-webkit-details-marker {
  display: none;
}

.ip-city-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #ff4da0;
  font-size: 22px;
  line-height: 1;
}

.ip-city-faq-item[open] summary::after {
  content: "−";
}

.ip-city-faq-item div {
  padding: 0 16px 14px;
}

.ip-city-faq-item p {
  margin: 0;
}

.ip-city-cta {
  margin-top: 20px;
  background: var(--ip-seo-bg);
  border: 1px solid var(--ip-seo-bd);
  border-radius: 24px;
  padding: clamp(14px, 2vw, 20px);
}

.ip-city-cta p {
  margin: 0;
}

.ip-city-cta-actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ip-city-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  padding: 10px 20px;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.ip-city-btn--primary {
  color: #fff !important;
  border: 1px solid rgba(255, 91, 174, 0.8);
  background: linear-gradient(90deg, #ff3f54, #d20091 55%, #8f2dff);
}

.ip-city-btn--ghost {
  color: #edf2ff !important;
  border: 1px solid var(--ip-seo-bd);
  background: rgba(13, 17, 33, 0.8);
}

.ip-city-nav-links {
  margin-top: 18px;
  display: grid;
  gap: 14px;
}

.ip-city-nav-links__group {
  border: 1px solid var(--ip-seo-bd);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(13, 18, 35, 0.9), rgba(28, 18, 44, 0.85));
  padding: 14px;
}

.ip-city-nav-links__group h3 {
  margin: 0 0 10px;
  font-size: 16px;
  color: #f3f6ff;
}

.ip-city-nav-links__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ip-city-nav-links__list a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(10, 14, 28, 0.85);
  color: #dce4ff !important;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.2;
}

.ip-city-nav-links__list a:hover {
  border-color: rgba(255, 71, 166, 0.65);
  color: #ffffff !important;
}

@media (max-width: 1023.98px) {
  .ip-city-grid {
    grid-template-columns: 1fr;
  }

  .ip-city-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639.98px) {
  .ip-city-seo {
    padding: 14px 10px;
  }

  .ip-city-hero,
  .ip-city-block,
  .ip-city-cta {
    border-radius: 18px;
    padding: 14px;
  }

  .ip-city-cards {
    grid-template-columns: 1fr;
  }

  .ip-city-btn {
    width: 100%;
  }

  .ip-city-nav-links__group {
    padding: 12px;
    border-radius: 14px;
  }
}

/* --- My account orders: compact action buttons --- */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions,
body.woocommerce-account .woocommerce-MyAccount-content td.woocommerce-orders-table__cell-order-actions {
  white-space: normal !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.button {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  margin: 0 8px 8px 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button:last-child,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.button:last-child {
  margin-right: 0 !important;
}

@media (max-width: 900px) {
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.button {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
  }
}

/* --- CHECKOUT INPUT FIX: keep dark background after fill/autofill --- */
body.woocommerce-checkout .woocommerce form input[type="text"],
body.woocommerce-checkout .woocommerce form input[type="email"],
body.woocommerce-checkout .woocommerce form input[type="tel"],
body.woocommerce-checkout .woocommerce form input[type="number"],
body.woocommerce-checkout .woocommerce form input[type="password"],
body.woocommerce-checkout .woocommerce form textarea,
body.woocommerce-checkout .woocommerce form select,
body.woocommerce-checkout .woocommerce form .input-text,
body.woocommerce-checkout .woocommerce form .select2-container .select2-selection--single {
  background-color: rgba(7, 12, 25, .92) !important;
  background: rgba(7, 12, 25, .92) !important;
  color: #f6f8ff !important;
  -webkit-text-fill-color: #f6f8ff !important;
  caret-color: #f6f8ff !important;
}

body.woocommerce-checkout input:-webkit-autofill,
body.woocommerce-checkout input:-webkit-autofill:hover,
body.woocommerce-checkout input:-webkit-autofill:focus,
body.woocommerce-checkout input:-webkit-autofill:active,
body.woocommerce-checkout textarea:-webkit-autofill,
body.woocommerce-checkout textarea:-webkit-autofill:hover,
body.woocommerce-checkout textarea:-webkit-autofill:focus,
body.woocommerce-checkout textarea:-webkit-autofill:active,
body.woocommerce-checkout select:-webkit-autofill,
body.woocommerce-checkout select:-webkit-autofill:hover,
body.woocommerce-checkout select:-webkit-autofill:focus,
body.woocommerce-checkout select:-webkit-autofill:active {
  -webkit-text-fill-color: #f6f8ff !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(7, 12, 25, .92) inset !important;
  box-shadow: 0 0 0 1000px rgba(7, 12, 25, .92) inset !important;
  border-color: rgba(255, 255, 255, .24) !important;
  transition: background-color 99999s ease-out 0s !important;
}

body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder {
  color: rgba(214, 223, 245, .55) !important;
}

/* Header search row alignment */
@media (min-width: 993px) {
  .pgH2026__searchRow {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .pgH2026__searchRow > * {
    height: 56px !important;
    min-height: 56px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transform: none !important;
  }

  .pgH2026__searchRow .pgSearch2026 {
    flex: 1 1 auto !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .pgH2026__searchRow .pgSearch2026,
  .pgH2026__searchRow .pgSearch2026:focus-within {
    background-image: none !important;
    outline: 0 !important;
  }

  .pgH2026__searchRow .pgSearch2026::selection,
  .pgH2026__searchRow .pgSearch2026__input::selection {
    background: rgba(255, 45, 122, .28);
  }

  .pgH2026__searchRow .pgSearch2026::before,
  .pgH2026__searchRow .pgSearch2026::after {
    content: none !important;
    display: none !important;
  }

  .pgH2026__searchRow #pgLiveBox2026:empty {
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }

  .pgH2026__searchRow .pgBtn2026,
  .pgH2026__searchRow .pgPill2026,
  .pgH2026__searchRow .pgCartMini2026 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* Home hero desktop alignment */
@media (min-width: 993px) {
  .neoHero2026 .neoHeroCombo2026 {
    height: 505px !important;
  }

  .neoHero2026 .neoCats2026 {
    margin-top: 24px !important;
    position: relative;
    z-index: 2;
  }
}

/* Visible long-form SEO content on paper-cup product pages. */
.pgProductSeo{
  margin-top:28px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:radial-gradient(900px 420px at 0 0,rgba(255,35,105,.13),transparent 62%),rgba(14,14,19,.92);
  overflow:hidden;
}
.pgProductSeo__inner{
  max-width:1180px;
  padding:42px clamp(20px,4vw,58px) 48px;
  color:rgba(255,255,255,.76);
  font-size:17px;
  line-height:1.78;
}
.pgProductSeo h2{
  margin:0 0 24px;
  color:#fff;
  font-size:clamp(30px,3vw,46px);
  line-height:1.08;
  letter-spacing:0;
}
.pgProductSeo h3{
  margin:34px 0 12px;
  color:rgba(255,255,255,.96);
  font-size:24px;
  line-height:1.22;
  letter-spacing:0;
}
.pgProductSeo p{margin:0 0 18px}
.pgProductSeo ul{margin:8px 0 22px;padding-left:22px}
.pgProductSeo li{margin:7px 0}
.pgProductSeo a{color:#ff4a8f;text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){
  .pgProductSeo{margin-top:20px}
  .pgProductSeo__inner{padding:28px 17px 32px;font-size:15px;line-height:1.68}
  .pgProductSeo h2{font-size:28px}
  .pgProductSeo h3{font-size:21px}
}
/* Hide legacy empty toolbar markup even if a cached PHP template is served. */
.pgToolbar:not(:has(.woocommerce-result-count, .woocommerce-ordering)){display:none}
.pgProductSeoFallback{padding-top:0;padding-bottom:34px}

/* Paper-cup print profiles and 3D artwork preview */
.pgm-cup-template-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 10px 0 4px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 12px;
  background: rgba(255, 255, 255, .04);
}

.pgm-cup-template-note > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.pgm-cup-template-note strong {
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
}

.pgm-cup-template-note span {
  color: rgba(255, 255, 255, .66);
  font-size: 12px;
  line-height: 1.4;
}

.pgm-cup-template-links {
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
}

.pgm-cup-template-links a {
  display: inline-flex;
  min-width: 46px;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 8px;
  color: #fff;
  background: rgba(255, 255, 255, .06);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.pgm-cup-template-links a:hover {
  border-color: rgba(255, 45, 122, .75);
  background: rgba(255, 45, 122, .12);
}

.pgm-preview-book.pgm-preview-book--cup {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(980px, 100%);
  height: min(72vh, 760px);
  min-height: 440px;
  border: 1px solid rgba(255, 255, 255, .12);
  background:
    radial-gradient(circle at 50% 34%, rgba(77, 90, 144, .24), transparent 48%),
    #090b12;
}

.pgm-cup-preview-tabs {
  z-index: 4;
  display: inline-flex;
  justify-self: center;
  gap: 4px;
  margin: 12px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 10px;
  background: rgba(10, 11, 17, .86);
}

.pgm-cup-preview-tabs button,
.pgm-cup-preview-mode button {
  min-height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: rgba(255, 255, 255, .68);
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.pgm-cup-preview-tabs button.is-active,
.pgm-cup-preview-mode button.is-active {
  color: #fff;
  background: linear-gradient(135deg, #f73148, #ca078f);
}

.pgm-cup-preview-panel {
  position: relative;
  display: none;
  min-height: 0;
  overflow: hidden;
}

.pgm-cup-preview-panel.is-active {
  display: block;
}

.pgm-cup-preview-stage {
  width: 100%;
  height: 100%;
  min-height: 380px;
  touch-action: none;
  cursor: grab;
}

.pgm-cup-preview-stage:active {
  cursor: grabbing;
}

.pgm-cup-preview-stage canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.pgm-cup-preview-mode {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  display: flex;
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 9px;
  background: rgba(7, 8, 13, .84);
  backdrop-filter: blur(10px);
}

.pgm-cup-preview-mode button {
  min-height: 32px;
  padding: 0 10px;
  font-size: 11px;
}

.pgm-cup-dieline-stage {
  position: relative;
  display: grid;
  place-items: center;
  width: calc(100% - 28px);
  height: calc(100% - 74px);
  min-height: 330px;
  margin: 0 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 10px;
  background:
    linear-gradient(45deg, #e9e9ed 25%, transparent 25%),
    linear-gradient(-45deg, #e9e9ed 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #e9e9ed 75%),
    linear-gradient(-45deg, transparent 75%, #e9e9ed 75%),
    #fff;
  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
  background-size: 16px 16px;
}

.pgm-cup-dieline-stage > img,
.pgm-cup-dieline-stage > canvas {
  position: absolute;
  inset: 12px;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  object-fit: contain;
}

.pgm-cup-dieline-stage > canvas {
  z-index: 1;
}

.pgm-cup-dieline-overlay {
  z-index: 2;
  pointer-events: none;
}

.pgm-cup-dieline-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  padding: 10px 16px 0;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
}

.pgm-cup-dieline-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.pgm-cup-dieline-legend i {
  display: block;
  width: 22px;
  height: 0;
  border-top: 2px solid;
}

.pgm-cup-dieline-legend .is-cut {
  border-color: #ff355e;
}

.pgm-cup-dieline-legend .is-safe {
  border-color: #27c970;
  border-top-style: dashed;
}

.pgm-cup-dieline-legend .is-tech {
  border-color: #4f86ff;
  border-top-style: dashed;
}

.pgm-cup-preview-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px 8px;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
}

.pgm-cup-preview-meta strong {
  color: #fff;
}

.pgm-cup-size-status {
  margin: 0 16px 14px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 7px;
  color: rgba(255, 255, 255, .74);
  background: rgba(255, 255, 255, .04);
  font-size: 12px;
  line-height: 1.4;
}

.pgm-cup-size-status.is-match {
  border-color: rgba(39, 201, 112, .45);
  color: #a8f0c7;
  background: rgba(39, 201, 112, .08);
}

.pgm-cup-size-status.is-mismatch {
  border-color: rgba(255, 53, 94, .55);
  color: #ffd0da;
  background: rgba(255, 53, 94, .1);
}

.pgm-cup-preview-status {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 380px;
  padding: 28px;
  color: rgba(255, 255, 255, .82);
  text-align: center;
  line-height: 1.55;
}

.pgm-cup-preview-status.is-loading::before {
  width: 38px;
  height: 38px;
  margin-right: 12px;
  border: 3px solid rgba(255, 255, 255, .2);
  border-top-color: #ff2d7a;
  border-radius: 50%;
  animation: pgmSpin .9s linear infinite;
  content: "";
}

.pgm-cup-preview-status.is-error {
  color: #ffd2df;
}

@media (max-width: 760px) {
  .pgm-cup-template-note,
  .pgm-cup-preview-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .pgm-cup-template-links {
    width: 100%;
  }

  .pgm-cup-template-links a {
    flex: 1 1 0;
  }

  .pgm-preview-book.pgm-preview-book--cup {
    height: min(68vh, 640px);
    min-height: 400px;
  }

  .pgm-cup-preview-stage,
  .pgm-cup-preview-status {
    min-height: 340px;
  }

  .pgm-cup-preview-tabs {
    width: calc(100% - 24px);
  }

  .pgm-cup-preview-tabs button {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 8px;
  }

  .pgm-cup-preview-mode {
    right: 8px;
    left: 8px;
  }

  .pgm-cup-preview-mode button {
    flex: 1 1 0;
  }
}
/* ==========================================================================
   404 PAGE
   ========================================================================== */
.pg404{
  padding: 24px 0 56px;
}

.pg404 *,
.pg404 *::before,
.pg404 *::after{
  box-sizing: border-box;
}

.pg404__hero-panel{
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 28px;
  background-image:
    linear-gradient(90deg, rgba(7,8,11,.99) 0%, rgba(7,8,11,.94) 43%, rgba(7,8,11,.35) 68%, rgba(7,8,11,.08) 100%),
    var(--pg404-hero-image);
  background-color: #07080d;
  background-position: center, right center;
  background-size: cover, auto 100%;
  background-repeat: no-repeat;
  box-shadow: 0 34px 90px rgba(0,0,0,.42);
}

.pg404__hero-panel::before{
  content: "404";
  position: absolute;
  right: 28px;
  bottom: -34px;
  color: rgba(255,255,255,.08);
  font-size: 180px;
  font-weight: 1000;
  line-height: 1;
  letter-spacing: 0;
  pointer-events: none;
}

.pg404__hero-panel::after{
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  pointer-events: none;
}

.pg404__hero-content{
  position: relative;
  z-index: 1;
  width: min(650px, 62%);
  padding: 56px;
}

.pg404__eyebrow,
.pg404__section-kicker,
.pg404__help-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ff4b91;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.pg404__eyebrow::before,
.pg404__section-kicker::before{
  content: "";
  width: 28px;
  height: 2px;
  background: #ff2d75;
}

.pg404__title{
  max-width: 620px;
  margin: 16px 0;
  color: #fff;
  font-size: 64px;
  line-height: .98;
  letter-spacing: 0;
}

.pg404__lead{
  max-width: 610px;
  margin: 0 0 24px;
  color: rgba(255,255,255,.74);
  font-size: 18px;
  line-height: 1.55;
}

.pg404__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 0;
}

.pg404__button{
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.94);
  text-decoration: none;
  font-weight: 900;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.pg404__button:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.25);
  background: rgba(255,255,255,.1);
  color: #fff;
}

.pg404__button--primary{
  border-color: rgba(255,77,145,.45);
  background: rgba(216,5,119,.23);
}

.pg404__note{
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 18px 0 0;
  color: rgba(255,255,255,.6);
  font-size: 13px;
  line-height: 1.4;
}

.pg404__note-mark{
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #32d583;
  box-shadow: 0 0 0 4px rgba(50,213,131,.12);
}

.pg404__routes{
  padding-top: 42px;
}

.pg404__section-head{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.pg404__section-head h2,
.pg404__help h2{
  margin: 7px 0 0;
  color: rgba(255,255,255,.96);
  font-size: 30px;
  line-height: 1.12;
  letter-spacing: 0;
}

.pg404__all-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  color: rgba(255,255,255,.76);
  text-decoration: none;
  font-weight: 900;
}

.pg404__all-link:hover{
  color: #ff4b91;
}

.pg404__category-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.pg404__category{
  position: relative;
  min-height: 210px;
  display: flex;
  align-items: end;
  overflow: hidden;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  background-color: #14151a;
  background-image:
    linear-gradient(180deg, rgba(7,8,11,.05), rgba(7,8,11,.9)),
    var(--pg404-card-image);
  background-position: center;
  background-size: cover;
  color: #fff;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.pg404__category::before{
  content: "";
  position: absolute;
  inset: 0;
  border-top: 2px solid rgba(255,45,117,.7);
  pointer-events: none;
}

.pg404__category:hover{
  transform: translateY(-3px);
  border-color: rgba(255,75,145,.55);
  box-shadow: 0 22px 48px rgba(0,0,0,.34);
  color: #fff;
}

.pg404__category-content{
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  gap: 5px;
  padding-right: 38px;
}

.pg404__category-content strong{
  font-size: 21px;
  line-height: 1.08;
}

.pg404__category-content span{
  color: rgba(255,255,255,.67);
  font-size: 13px;
  line-height: 1.35;
}

.pg404__category-arrow{
  position: absolute;
  right: 18px;
  bottom: 19px;
  z-index: 1;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  background: rgba(7,8,11,.55);
  font-size: 18px;
}

.pg404__help{
  margin-top: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding-top: 28px;
  padding-bottom: 28px;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.pg404__help p{
  max-width: 700px;
  margin: 9px 0 0;
  color: rgba(255,255,255,.65);
  line-height: 1.5;
}

.pg404__help-actions{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 16px;
}

html.light .pg404__hero-panel{
  border-color: rgba(12,18,32,.13);
}

html.light .pg404__section-head h2,
html.light .pg404__help h2{
  color: rgba(11,14,22,.94);
}

html.light .pg404__all-link,
html.light .pg404__help p{
  color: rgba(11,14,22,.66);
}

html.light .pg404__help{
  border-color: rgba(12,18,32,.1);
}

@media (max-width: 980px){
  .pg404__hero-panel{
    min-height: 500px;
    background-position: center, right center;
  }

  .pg404__hero-content{
    width: 72%;
    padding: 42px;
  }

  .pg404__title{
    font-size: 52px;
  }

  .pg404__category-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px){
  .pg404{
    padding-top: 14px;
  }

  .pg404__hero-panel{
    min-height: 590px;
    align-items: end;
    border-radius: 22px;
    background-image:
      linear-gradient(180deg, rgba(7,8,11,.08) 0%, rgba(7,8,11,.42) 35%, rgba(7,8,11,.98) 68%, rgba(7,8,11,1) 100%),
      var(--pg404-hero-image);
    background-position: center, 64% top;
    background-size: cover, auto 360px;
    background-repeat: no-repeat;
  }

  .pg404__hero-panel::before{
    right: 16px;
    bottom: -12px;
    font-size: 100px;
  }

  .pg404__hero-content{
    width: 100%;
    padding: 30px 24px;
  }

  .pg404__title{
    font-size: 42px;
    line-height: 1.02;
  }

  .pg404__lead{
    font-size: 16px;
  }

  .pg404__actions{
    display: grid;
    grid-template-columns: 1fr;
  }

  .pg404__button{
    width: 100%;
  }

  .pg404__section-head{
    align-items: start;
    flex-direction: column;
  }

  .pg404__section-head h2,
  .pg404__help h2{
    font-size: 26px;
  }

  .pg404__category-grid{
    grid-template-columns: 1fr;
  }

  .pg404__category{
    min-height: 180px;
  }

  .pg404__help{
    align-items: stretch;
    flex-direction: column;
  }

  .pg404__help-actions{
    align-items: stretch;
    flex-direction: column;
  }

}
/* Account online balance, 2026-08 */
body.woocommerce-account .ip-wallet-summary,
body.woocommerce-account .ip-wallet-page > header,
.ip-wallet-checkout{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px;
  margin:0 0 18px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:14px;
  background:
    radial-gradient(circle at 15% 0, rgba(242,19,115,.18), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(104,45,161,.13));
  box-shadow:0 18px 42px rgba(0,0,0,.24);
  color:#fff;
}
body.woocommerce-account .ip-wallet-summary span,
body.woocommerce-account .ip-wallet-page > header span{
  display:block;
  margin-bottom:5px;
  color:#ff4f9a;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
body.woocommerce-account .ip-wallet-summary h3,
body.woocommerce-account .ip-wallet-page > header h2{
  margin:0 0 6px;
  color:#fff;
  font-size:clamp(26px, 3vw, 42px);
  line-height:1.05;
}
body.woocommerce-account .ip-wallet-summary p,
body.woocommerce-account .ip-wallet-page > header p{
  margin:0;
  color:rgba(255,255,255,.7);
}
body.woocommerce-account .ip-wallet-summary__value{
  display:grid;
  justify-items:end;
  gap:8px;
  flex:0 0 auto;
}
body.woocommerce-account .ip-wallet-summary__value strong,
body.woocommerce-account .ip-wallet-page > header > strong{
  color:#fff;
  font-size:clamp(26px, 3vw, 44px);
  line-height:1;
  white-space:nowrap;
}
body.woocommerce-account .ip-wallet-summary__value a,
.ip-wallet-checkout > a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-weight:800;
  text-decoration:none;
}
body.woocommerce-account .ip-wallet-summary__value a:hover,
.ip-wallet-checkout > a:hover{
  border-color:#f21373;
  background:rgba(242,19,115,.16);
}
body.woocommerce-account .ip-wallet-page > h3{
  margin:24px 0 12px;
  color:#fff;
}
body.woocommerce-account .ip-wallet-history{
  overflow:auto;
  border:1px solid rgba(255,255,255,.13);
  border-radius:12px;
}
body.woocommerce-account .ip-wallet-history table{
  width:100%;
  min-width:640px;
  border:0;
  border-collapse:collapse;
  background:rgba(255,255,255,.025);
}
body.woocommerce-account .ip-wallet-history th,
body.woocommerce-account .ip-wallet-history td{
  padding:14px 16px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.82);
  text-align:left;
}
body.woocommerce-account .ip-wallet-history th{
  color:#fff;
  font-size:12px;
  text-transform:uppercase;
}
body.woocommerce-account .ip-wallet-history .is-credit{ color:#45df96; }
body.woocommerce-account .ip-wallet-history .is-debit{ color:#ff6f83; }
body.woocommerce-account .ip-wallet-empty{
  padding:20px;
  border:1px dashed rgba(255,255,255,.16);
  border-radius:12px;
  color:rgba(255,255,255,.7);
}
.ip-wallet-checkout{
  max-width:760px;
  margin:16px 0;
}
.ip-wallet-checkout > div{
  display:grid;
  gap:4px;
}
.ip-wallet-checkout > div span{ color:rgba(255,255,255,.68); }
.ip-wallet-checkout > div strong{ color:#fff; font-size:24px; }
@media (max-width:700px){
  body.woocommerce-account .ip-wallet-summary,
  body.woocommerce-account .ip-wallet-page > header,
  .ip-wallet-checkout{
    align-items:stretch;
    flex-direction:column;
  }
  body.woocommerce-account .ip-wallet-summary__value{ justify-items:start; }
}