: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; }   html.light{   --bg: #f6f7fb;
--bg2:#eef1f8;   --txt: rgba(11,14,22,.94);
--mut: rgba(11,14,22,.66);
--mut2: rgba(11,14,22,.48);    --glass: rgba(255,255,255,.74);
--glass2: rgba(255,255,255,.56);
--stroke: rgba(12,18,32,.10); --gBg: rgba(17,20,28,.78);
--gStroke: rgba(255,255,255,.14);
--gTxt: rgba(255,255,255,.92);
--gMut: rgba(255,255,255,.70);   --shadow: 0 26px 90px rgba(12,18,32,.14);   --a1: rgba(255,45,122,.32); --a2: rgba(140,80,255,.26); --a3: rgba(80,170,255,.20); --a4: rgba(0,210,180,.14); }   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);
}   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);
} 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);
} 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);
} 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;
}   .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;
}   .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;
}   .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%;
}  .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;
}
}   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);
}   #pgSearch2026{ position: relative !important; overflow: visible !important; }
#pgLiveBox2026{
position: absolute !important;
left: 0; right: 0;
top: calc(100% + 10px);
z-index: 999999 !important; 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;
} #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);
} #pgLiveBox2026 hr{
border: 0;
height: 1px;
background: rgba(255,255,255,.10);
margin: 10px 0;
} #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;
} #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);
}   #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;
} #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);
}   .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;
}
}   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{ 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);
} 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;
}   .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; }   .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;
} .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-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; }   .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;
} .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);
} .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);
} .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);
} .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;
} .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);
} .pg-catalog-links a:focus-visible{
outline: 2px solid rgba(120,220,255,.55);
outline-offset: 2px;
} .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);
} @media (max-width: 980px){
.pg-catalog-inner{
grid-template-columns: 1fr;
}
.pg-catalog-grid{
grid-template-columns: 1fr;
}
}    #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; 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; }
}   #pgCatalogMenu .pg-catalog-inner{
height: 100%;
overflow: hidden !important;
} #pgCatalogMenu .pg-catalog-sidebar,
#pgCatalogMenu .pg-catalog-content{
height: 100%;
overflow: hidden !important;
}    #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;
}    #pgCatalogMenu .pg-catalog-content{
overflow: hidden !important;
} #pgCatalogMenu .pg-cat-alpha{
display: block !important; 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;
}
} #pgCatalogMenu .pg-cat-alpha__col{
display: contents !important; } #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;
} #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;
}
} #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;
}   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;
} 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;
}   .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;
} .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;
} #pgMiniCart .woocommerce-mini-cart__total{ display:none; } #pgMiniCart .woocommerce-mini-cart__buttons{ display:none; }    .pg-cart-modal #pgMiniCart .woocommerce-mini-cart{
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;
} .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);
} @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;
}
} .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);
} .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;
} .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;
} .pg-cart-modal #pgMiniCart .woocommerce-mini-cart-item .quantity{
display: none;
} .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);
} .pg-cart-modal #pgMiniCart .woocommerce-mini-cart__empty-message{
text-align: center;
padding: 28px 10px;
opacity: .75;
font-weight: 900;
} .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;
}
}   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;
} 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;
} 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; }   :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; }
}   .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;
}   .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;
}   .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; }
}   .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;
} .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);
} .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;
} .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;
} .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);
} .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;
} .wolf-product .price,
.wolf-product .woocommerce-Price-amount{
color: rgba(255,255,255,.92);
} .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; } .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);
} @media (max-width: 980px){
.pgPdp2026__grid{ grid-template-columns: 1fr; gap: 18px; }
.pgPdp2026__title{ font-size: 40px; }
.wolf-actions{ grid-template-columns: 1fr; }
} .pgBrand2026__logo img,
.pgBrand2026__logo .custom-logo{
width: auto !important;
height: 42px !important;
max-width: 180px; object-fit: contain !important;
border-radius: 0 !important; display: block;
}   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;
} 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;
} 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;
}   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;
}   .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;
}   .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;
} @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; }
}   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);
}   .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; } .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; }   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);
}   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;
} 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%);
}   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;
} 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; }   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;
} @media (prefers-reduced-motion: reduce){
ul.products li.product,
ul.products li.product a img,
ul.products li.product a.button{
transition:none !important;
}
}   #pgCatalogMenu .pg-cat-alpha{
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(12px, 1.6vh, 22px);
} @media (min-width: 1360px){
#pgCatalogMenu .pg-cat-alpha{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
} @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;
}   #pgCatalogMenu .pg-cat-alpha{
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px 18px !important; align-content: start !important;
} @media (min-width: 1700px){
#pgCatalogMenu .pg-cat-alpha{
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 10px 18px !important;
}
}   #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;
} #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; }   #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; }
}   #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);
} .pgSearch2026::before{
display:none !important;
}
.pgH2026{
border-bottom: 1px solid rgba(255,255,255,.02); }     .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;
} .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%;
}
} .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; } .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;
} @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);
}      .pgCat { padding-top: 18px; } .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);
} .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;
} .pgCategoryFeatureIntro{
padding-top:32px;
} .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; } .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; } .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);
} .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; } .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; } @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; }
} .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;
} .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;
} .woocommerce ul.products li.product .price + p{
padding: 0 !important;
margin: 0 0 12px !important;
opacity: .75;
font-weight: 800;
font-size: 13px;
} .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{
box-shadow: 0 14px 40px rgba(0,0,0,.30);
}   .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;
} .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);
}   .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);
} @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;
}
}   .wolf-config{
display: grid;
gap: 14px;
} .wolf-field{
display: grid;
gap: 8px;
} .wolf-label{
font-weight: 900;
font-size: 13px;
letter-spacing: .02em;
color: rgba(255,255,255,.78);
text-transform: none;
} .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;
} .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);
} .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);
} .wolf-field{
position: relative;
}
.wolf-field:has(.wolf-select)::after{
content: "";
position: absolute;
right: 18px;
bottom: 16px; 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;
} .wolf-select option{
background: #0b0b10;
color: rgba(255,255,255,.92);
} .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);
} .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;
} @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;
}
}     .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; }
}   .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;
} .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);
} .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); }
}     .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;
} .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;
} .pgPref__section{
margin:60px 0;
} .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;
} .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;
} .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);
} .pgPref__about{
font-size:18px;
opacity:.9;
}   .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;
} @media (max-width: 980px){
.pgAbout__grid{ grid-template-columns: 1fr; }
}     .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;
} .register-wholesale .container{
max-width: 1280px;
} .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;
} .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); } .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);
} .blocks{
display:grid;
grid-template-columns: 1.05fr .95fr;
gap: 16px;
align-items:start;
} .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);
} .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);
} .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); } .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); } .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; } .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); } .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; }   .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; } @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; }
}   .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));
} .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);
} .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}         .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);} .pgVizCard2026{
position: relative; border-radius:18px;
border:1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.03);
overflow:hidden;
} .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);
}   @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; }   .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;
}     .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} .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%}       .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; } .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; } .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%; } .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;
} .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); }
} .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;
} .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); }
} .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;
} .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; } .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; } .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%; } .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; }
} .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; }
} .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); } .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%; } .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;
} .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; } .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; } .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%; } .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);
} .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: 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; }
} .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;
} .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; } .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; } .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);} } .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;
} .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; } .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; } .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;
} .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);} } .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);
} .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; } .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; } .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);
} .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; } .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; } .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);
} .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; } .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; } .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; } .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);
} .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;
} .ipReqMain{
display:grid;
grid-template-columns: 1fr 360px;
gap: 18px;
align-items: start;
margin-top: 14px;
} .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;
} .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;
} .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;
} 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; } .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;
} .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; } .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);
} @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; }
}        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);
}   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);
} 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);
} 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;
} 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;
}   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;
} 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;
} 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);
} 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;
} 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;
} 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;
} @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;
}
} 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);
} 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;
}
}   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;
}
}    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;
} 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;
} 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);
} @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;
}
}   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;
} @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; }
}   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;
} body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{
float: none !important;
width: auto !important;
}     .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;
} .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;
}   .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)} .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;
} .wolf-front-select option{
background:#0b0b0c;
color:#fff;
} .wolf-front-select option:checked{
background:#1a1a1a;
color:#fff;
}
[data-wolf-price-box].is-loading [data-wolf-price-value]{opacity:.5} .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} .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}
}    .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);}   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;
}   .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;
} .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;
} .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;
} .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;
}    .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;
} .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;
} .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);
} .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;
} .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;
}   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));
} 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;
} 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;
} 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);
} 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;
} 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);
} 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;
} 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;
} 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;
}  .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;
} .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;
}    body.woocommerce-account .woocommerce-MyAccount-content:has(.pgx-console) > p{
display:none !important;
} 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;
} 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;
} 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;
}
}    body.woocommerce-account .woocommerce-MyAccount-content:has(.pgx-console) > p{
display:none !important;
} 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;
} 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;
} 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;
} @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;
}
}   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);
} 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;
} 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;
} @media (max-width: 1024px){
body.woocommerce-checkout form.checkout{
grid-template-columns:1fr;
}
body.woocommerce-checkout #order_review{
position:static;
}
}   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;
}
}   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;
} 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;
}
}   .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;
}
}   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;
}   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;
} 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;
}
}  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;
} 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;
} 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;
} 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;
}
}  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;
} 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 { 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;
}
} @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;
}
} @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;
}
} @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;
}
} @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;
}
} .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;
}
} @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;
}
} @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;
}
} .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;
}
} .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;
}
} 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;
}
} 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;
} @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;
}
} @media (min-width: 993px) {
.neoHero2026 .neoHeroCombo2026 {
height: 505px !important;
}
.neoHero2026 .neoCats2026 {
margin-top: 24px !important;
position: relative;
z-index: 2;
}
} .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}
} .pgToolbar:not(:has(.woocommerce-result-count, .woocommerce-ordering)){display:none}
.pgProductSeoFallback{padding-top:0;padding-bottom:34px} .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;
}
} .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;
}
} 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; }
}