/* WW ElectricalXShop v2.2.0 — Phase 2 Browsing History Intelligence */
.wwx-recently-viewed-section{
margin:34px 0 8px}
.wwx-recently-viewed-host:empty{
display:none}
.wwx-history-page{
--wwx-history-border:#dfe5ec;
--wwx-history-soft:#f7f9fc;
margin:10px 0 38px;
color:var(--wwx-ink,#10233f)}
.wwx-history-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:24px;
padding:18px 0;
border-bottom:1px solid var(--wwx-history-border)}
.wwx-history-head>div:first-child{
min-width:0}
.wwx-history-head>div:first-child>span{
display:block;
margin-bottom:5px;
color:var(--wwx-red,#ee0b27);
font-size:14px;
font-weight:950;
letter-spacing:.12em}
.wwx-history-head h2{
margin:0 0 7px;
color:var(--wwx-navy,#071a35);
font-size:clamp(26px,3vw,38px);
line-height:1.1}
.wwx-history-head p{
max-width:760px;
margin:0;
color:var(--wwx-muted,#697789);
font-size:14px;
line-height:1.55}
.wwx-history-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap}
.wwx-history-privacy{
display:flex;
align-items:center;
gap:8px;
min-height:38px;
padding:0 12px;
border:1px solid var(--wwx-history-border);
border-radius:9px;
background:#fff;
font-size:14px;
font-weight:800;
cursor:pointer}
.wwx-history-privacy input{
margin:0}
.wwx-history-privacy-note{
display:flex;
align-items:center;
gap:10px;
margin:14px 0;
padding:10px 12px;
border:1px solid #d9e6f5;
border-radius:9px;
background:#f3f8fd;
color:#51657d;
font-size:14px;
line-height:1.4}
.wwx-history-privacy-note strong{
color:var(--wwx-blue,#004ca2);
white-space:nowrap}
.wwx-history-recent{
margin:4px 0 28px}
.wwx-history-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
margin-top:20px}
.wwx-history-item{
position:relative;
min-width:0}
.wwx-history-item>ul.products{
display:block!important;
margin:0!important;
padding:0!important}
.wwx-history-item>ul.products::before,.wwx-history-item>ul.products::after{
display:none!important}
.wwx-history-item>ul.products>li.product{
width:100%!important;
max-width:none!important;
margin:0!important}
.wwx-history-remove{
display:flex;
align-items:center;
justify-content:center;
gap:5px;
width:100%;
margin-top:8px;
min-height:34px;
border:1px solid #dfe5ec;
border-radius:8px;
background:#fff;
color:#31506f;
font-size:14px;
font-weight:850;
cursor:pointer}
.wwx-history-remove:hover,.wwx-history-remove:focus-visible{
border-color:var(--wwx-blue,#004ca2);
color:var(--wwx-blue,#004ca2)}
.wwx-history-remove span{
font-size:16px;
line-height:1}
.wwx-history-empty{
display:grid;
place-items:center;
gap:5px;
min-height:190px;
margin:22px 0;
padding:28px;
border:1px dashed #cfd9e5;
border-radius:12px;
background:var(--wwx-history-soft);
text-align:center}
.wwx-history-empty[hidden]{
display:none!important}
.wwx-history-empty strong{
color:var(--wwx-navy,#071a35);
font-size:16px}
.wwx-history-empty span{
color:var(--wwx-muted,#697789);
font-size:14px}
.wwx-history-page.is-busy{
opacity:.68;
pointer-events:none}
.wwx-history-toast{
position:fixed;
right:24px;
bottom:24px;
z-index:99999;
max-width:360px;
padding:11px 14px;
border-radius:9px;
background:#071a35;
color:#fff;
font-size:14px;
font-weight:750;
box-shadow:0 10px 30px rgba(7,26,53,.22)}
.wwx-history-toast.is-error{
background:#a31322}
html[data-wwx-theme="dark"] .wwx-history-privacy,html[data-wwx-theme="dark"] .wwx-history-remove,html.wwx-dark .wwx-history-privacy,html.wwx-dark .wwx-history-remove{
background:#111b29;
color:#eef3f9;
border-color:#30435d}
html[data-wwx-theme="dark"] .wwx-history-privacy-note,html.wwx-dark .wwx-history-privacy-note{
background:#102238;
border-color:#24405f;
color:#c9d4e1}
html[data-wwx-theme="dark"] .wwx-history-empty,html.wwx-dark .wwx-history-empty{
background:#101a28;
border-color:#30435d}
@media(max-width:1180px){
.wwx-history-grid{
grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
.wwx-history-head{
flex-direction:column}
.wwx-history-actions{
justify-content:flex-start}
.wwx-history-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
.wwx-history-grid{
grid-template-columns:1fr}
.wwx-history-actions{
width:100%}
.wwx-history-actions .button,.wwx-history-privacy{
flex:1 1 auto;
justify-content:center}
.wwx-history-privacy-note{
align-items:flex-start;
flex-direction:column}
}