:root {
	--skin-background-color: #254938;
}

.--home [top] { padding: 5px 10px 5px 0; background:var(--skin-background-color); }

.--home [top] a { color:white; }
.--home [top] a:before { display:inline-block; }
.--home [top] [href='#find']:before { font-family:var(--fontawesome); font-size:1.4em; font-weight:bold; content:'\f002'; }	
.--home [top] [href='#user']:before { font-family:var(--fontawesome); font-size:1.4em; font-weight:bold; content:'\f007'; }	
.--home [top] [href='#cart']:before { font-family:var(--fontawesome); font-size:1.4em; font-weight:bold; content:'\f07a'; }

.--home [top] [login]:before { font-family:var(--fontawesome); font-weight:400; content:'\f007'; font-size:1.4em; }
.--home [top] [m3] { gap:30px; margin-right:10px; font-size:1.2em; }

.--home [top] [href='#cart'] { position:relative; }
.--home [top] [id=cart] { position:absolute; top:-.6rem; right:-.6rem; color:white; background:#ff5555; width:20px; height:20px; border-radius:50%; font-size:.7rem; font-weight:bold; display:flex; align-items:center; justify-content:center; }
.--home [top] [id=cart]:empty { display:none; }

.--home [top] [logo] + span { color:white; font-size:2em; }
.--home [top] [m1] { display:flex; }
.--home [top] [m2] { display:none; }
.--home [top] [m2] .dropdown [toggle]:after { display:none; }

.--home [tail] { background:var(--skin-background-color); color:white; }

.--view .top [href='#cart'] { position:relative; margin-right:15px; }
.--view .top [href='#cart']:before { display:inline-block; font-family:var(--fontawesome); font-size:1.4rem; font-weight:bold; content:'\f07a'; }
.--view .top [id=cart] { position:absolute; top:-.6rem; right:-.6rem; color:white; background:#ff5555; width:20px; height:20px; border-radius:50%; font-size:.7rem; font-weight:bold; display:flex; align-items:center; justify-content:center; }
.--view .top [id=cart]:empty { display:none; }